When I reveal my hidden <div> using ...
Code:
I would also like to return the user's view to the beginning of said <div>.
Until now I have been using a page anchor, but that archetype is no longer a possibility for other reasons. In essence, I would still like to have the same functionality as calling an anchor via URL.
Is there not a dom property / that can be adjusted?
I have the following JS which puts a transparent blanket over the page and centralizes a <DIV> in the middle of the page. The problem I have is that sometimes the content of the page is quite long, and thus this popup <DIV> will get centralize against the content and not the current view port. The blanket only layers the transparent element on the viewable part of the screen/browser, so I am putting in a overflow: hidden style, so I need to ensure that the popup (and the transparency layer) is only on the current viewing window and not based on the content size (otherwise with the scrollbars taken away I will not be able to get to the popup.
So what I need is to display the transparency DIV and popup within the current viewing window, whether the user has scrolled half way down a page then it should show here - if that makes sense
My current JS is below...
Code JavaScript:
I basically have a Jquery automatic slider. I have made 5 slides and there are 5 thumbnails of each img in the bottom to show users I have 5 slides.
When viewing the current slide, a white border box appears on the current slide. All the others are normal.
I would just like to know how I can replace the white border box with making the image of the thumbnail different.
EX: I have 5 black crircles and when your viewing slide #2. The SLide #2 circle turns blue.
Code I have is:
Both Frames lines are the ones who create the white border. Do I have to create my own function and add .attr({src : "new_image.gif"});
And delete both frames or is there a function already I can add? I see there is a background_color: 'transparent',
So I'm guessing there should be a background to add images but I wouldn't know the command.
this is the script to adjust the height.summaryTable.style.display="block"; if(graphDiv!=null && summaryTable!=null){ graphDiv.style.height = document.body.clientHeight - summaryTable.clientHeight - 70;}
HTML code
<table height="100%">
<tr>
<td>
<table>
<tr>
<td>some contents</td>
[Code]...
Its working well in IE and FireFox3.0. but in firefox2.0 table size is increasing on every show hide of summaryTable. pls give me some better sollution for this. The height is adjusted iautomatically if i show a popupDiv.
I'm trying to create two bookmarklets:
1. Take the current URL of the page and open a new window with a URL based on the current page. Some examples (I use "->" to mean "this URL turns into that URL"):I plan to use these bookmarklets in sequence, first pressing 1 to log into the CMS, then pressing 2 to edit the current page.
code to show ( overlay / modal window ) to the user when closing or navigating away from the page ( i want put in this window facebook share to make the user to share the page in his facebook ) , bytheway i wanna use it in my wordpress in every post could it be happen ?
View 1 Replies View RelatedI've seen sites that do this and was wondering if anybody could has the code to do it.
View 5 Replies View RelatedI've code like this:
var x =window.open('http://localhost/canvas.html','myokno')
var w =x.width
Permission denied to get property Window.width
var w =x.innerWidth
Permission denied to get property Window.innerWidth
why i can get properties of new created window???
The second problem is much more important:
i want to get element which id is "canvas" and it is in new window so i do
like this:
var canvas = myokno.document.getElementById('canvas')
ReferenceError: myokno is not defined
var canvas = x.document.getElementById('canvas')
Permission denied to call method HTMLDocument.getElementById
so i start working on the problem and:
var can = x.document
can
[object HTMLDocument]
var can2 = can.getElementById('canvas')
Permission denied to call method HTMLDocument.getElementById
what i doing wrong?
This error occurs ONLY in Netscape 7.0. Not in 7.1. So, I think it's a
bug. Buuuut...
Has anyone had this problem or know of a fix?
When attempting to have an onunload function set with "window.onload=",
the error comes up
"permission denied to set property window.onunload"
I can't find a thing on this one. Setting it with the normal "<body
onunload" works fine. But isn't a great thing for me to do, since the
onload is part of a very large menu script.
Here's a test page to illustrate the problem. Netscape 7.0 has a problem
with this. 7.1 does not. IE is fine, too. Code:
When I use javascript to open a new browser on a page like "yahoo" or "hotmail" etc, and then later try to move that window I get the error..
Error: uncaught exception: Permission denied to get property Window.moveTo
But if I open a browser with the URL set to one of my own pages then it works fine. So I have come to the conclusion it must be some sort of security thing websites use.
I have a page that contains 3 Iframes.
Left is navigation
Center is main content
Bottom is footer
How would I put together a link from the navigation that allows me to open a NEW Iframe over the existing Center region? I don't want to target the existing Iframe and load the link in that window. I want the existing Center Iframe to remain open and an additional Iframe to open with the new page.
The goal is so that the 2 Iframes are independent. They are both forms and I need them to be able to copy and paste into both forms at the same time without affecting each other.
I am currently encountering a problem with setting "display" property from "none" to "block":
Browsers will refresh itself when the display property is changed; this causes the element to display then suddenly disappear after the page reload. Do you guys have an idea what I can do to avoid it?
I tried using jquery's show command, css command with setting display to block, and pure javascript method like document.getElementById("theId").style.display="block".
I have a window open, let's say index.html. On the page I have a link that executes a javascript. I want the javascript to open file new.html in the same window that index.html was displayed in. How do I do this? Everything I try opens a new window.
View 2 Replies View RelatedI can move and resize the current window.
I need a window that opens up with no Toolbars. I know how to achieve
this from another window via a link. But is there a method to reload
the current window with no tool bars.
I found many method is about opening new window in full screen, but not change the current window to full screen, so it is possible in fact?
View 4 Replies View RelatedAs you can see this code will open up a new window. I can't seem to find the code to make it appear in the same window. As in I click on the link "ABOUT US" and the new page loads on the current window.
Code:
<div style = "cursor:pointer;hand" onclick = "window.open('testdocaboutus.html')" class = "txt-1">ABOUT US</div>
Is there a way to make a popup appear behind the current window?
View 4 Replies View RelatedI am looking for an option to resize a non fullscreen window into fullscreen mode.
JavaScript provides the well-known method "window.open(fullscreen=yes, ...)" to render fullscreen windows. However, I don't want to open a new window but rather want to resize a window ...in my case ones a user has clicked a button.
I've been designing a web application that scales to fit the available window space in the web browser so that there is no need to use the scroll bar (and the whole point of the application is to fit the window). I've already figured out how to catch resizes and change the height of the elements on the page (It's pretty simple using onload, onresize and document.getElementById().style.height), but I can't seem to get an accurate height to scale the web content with. The height I want is not the height of the document (Which would be the height of the content...which is what I'm trying to change in the first place!) and not the height of the window (Because if I'm not mistaken that includes the status bar, the tab bar, the URL bar, etc. which can vary between browsers). I need the height of the available web space that I can fit my content into. This would be the space between below the tab bar and above the status bar (To make my height as clear as possible I've provided a link to a screenshot). How can I get this height with Javascript (And I really need it to be cross-browser because I want this app to be able to work on multiple browsers)?
Screenshot (For some reason the DaniWeb Attachment System just refuses to upload my image and gives me a blank page each time I upload the screenshot so I'll just upload it to an image host): http://img15.imageshack.us/img15/4186/screenshothyb.jpg
The footer bar comes up to the page when the content is small...
But when the content is long enough then its not a problem...
How can I fit the footer bar till to the bottom of the window no matter what type of content length is...
I was trying before using css by height:100% but its not working perfectly.
I've got a popuped window and I need to set it height. There is innerHeight property in firerox which works perfectly but I can not find any workaround to other browsers. I found window.resizeTo(width, height) but the values are absolute that means that it calculates inner window height and outside area with system bars etc.I look for the way I can do this with firefox
View 2 Replies View Relatedi have a main.asp page where users can select items from dropdowns and listboxes. i have a view report button where i have a onclick property which triggers a javascript function. the function combines all the screen inputs and based on that generates a report in a new window. i have used window.open for this.the problem is, when i close the child window, come back to the main window and click the button again (with all the input fields already selected), the same report should be generated again. instead, i am getting the error : "Object doesn't support the property or method".
i have to refresh the main.asp page, select all the input fields again and then click on the button to generate the report.why am i losing the objects of the parent page after doing window.open?
I have a cross domain iframe resizing script (using postMessage) that works perfectly in Chrome, FF, Safari and IE9 - browsers that use addEventListener I'm trying to get it to work in IE8 by adding what I thought was the right language for attachEvent, but it's not working in IE8 - I just get 'Object doesn't support this property or method' - again just in IE8.
[Code]...
I have 30 or 40 different (going to different websites) links on many pages on my website, that I when clicked I need opening under the current window. (Pop-under) - but obviously needs to be done safely (no risk of being pop-up blocked??)So rather than just a target="_blank" - it would be something slightly more complicated, doing a bit of research perhaps the .blur method would help (Though really I have no idea)I'm using the jQuery library for other elements on the site, so jQuery would be ideal if there is a solution for this?If you click on "get code and open site" (Green button) - you'll see it opens up the website under the current window - which is exactly what I want to achieve (It also uses .toggle to switch divs (but i've done that part - just need help with pop-unders
View 4 Replies View RelatedI'm looking at creating a list of links that when each one is clicked, opens a new window/tab under the current window, the reason for this is that i'm using jQuery .toggle to switch content upon click of a link to reveal a message. They have to read this message before going to the new window, which is why it must be opened below the current window (Hope all that makes sense!).
I've got the content switching part done, which is great, but having some trouble coding the "New Window opening under the current window"
Thw following code (When used with jQuery) opens up a new window under the current window (Yay!) - BUT - this happens on page load simply apply it to the links, and only apply it to link with a certain class e.g. class="newwindow"
Code:
$(document).ready(function() {
var link = $(this).attr('href');
var mer_window = window.open(link, '_blank', 'toolbar=1,location=1,directories=1,scrollbars=1,resizable=1,status=1,menubar=1');
if (typeof mer_window === "object")
[Code].....
I know how to use javascript to modify a newly opened window's properties. Instead, what I want to happen is someone clicks on a link and they stay in the current browser window, but the window size changes to fit my specifications.
View 4 Replies View Related