Close Parent Window - Make The Scroll Bars And Drop Down Boxes Not Trigger The Function?
Jan 4, 2011
Ok so I have a site that I want to automatically close the window when the focus is lost from the page. For example, if the user clicks off the page to something else on there desktop I want the page to close. So far I have managed to do this but the grids on my page and the scroll bars all trigger the close function when clicked on. Is there anyway to make the scroll bars and drop down boxes not trigger the function?
using window.open to open a popup, the "scrollbars=1" thing is not working in IE8 for some reason (the window opens, its just that the scroll bar that isn't showing).
Put a link on my page that will open an external site (over which I have no control) in a pop-up window. When the user closes the pop-up, I want my original page to redirect to another page. The difficulty I'm having is that I can't add any code to the page in the pop-up as it's not my site.
I have an HTML page where I am opening a child window using window.open. the child window is something like yahoo.com. I want to refresh the parent window when the child window is closed.
I have parent page with 10 child window and i want to close all child window when click on close session button on parent but first i need to check whether any child window open or not after that action should be done for close the child window.
I have a product that has many features. Clicking on a feature opens a popup window with explanation. There is a js Close Window link in each. All is fine so far.
Now in one popup window there is a reference to a different page of the main website. Is it possible to have a single text link both CLOSE the popup AND go to a new page in the parent window?
I want to close all child window with parent window. First i want to detect whether any child window open if open then it should be close after click close button on parent window.
The following script will take the option parameter from the page URL and scroll the page to the element which has the matching ID.For example:mypage.html?element3will cause it to scroll to the element which has an id="element3" when the page loads.
<html><head><title></title> <script type="text/javascript"> function OptionScroll(){
as the title says, "close popup window after submit then redirect to parent". how do i do that? i google it and i saw that some people are using the following code:
window.close(); window.opener.location.reload();
The problem is, i dont know how to use and where them.
I having a wrapper DIV (certain width say 400px) and i have some child DIVS which i want to add to it. And i want it to have a maximum height of 600px say.
I DONT want the wrapper DIV to have vertical scroll bars so i would like to add as many child DIVS (which contain text of indiscriminant length) until i can somehow detect that the wrapper has overflowed (ie the scrollbars have been implemented !) if it has then remove the last one and dynmically create a new DIV, and continue the cyclw until exhausted of child DIVS. Code:
I am looking for a Javascript Datagrid that will populate based on database driven data, but also allows the data in the list to scroll sepereately from the Header. This is so I can allow users to sort data without making another database call on each sort.
For instance, I have used this Javascript and it looks and works great, except the header scrolls with the data....
[url]
That works great with dynamic database data....but the header dissapears when using a scroll bar.
I am looking for something that works like this, but is not ajax and does not query the database with each sort. [url]
See how the data scrolls, but the header stays put? The pagination onthat example is not needed and in fact I would rather it didn't have that capability.
is there any way to disable or lock vertical scroll bars on a browser window? im a newbie and i just don't want them to appear on my screen. sometimes they appear on IE but not on mozilla.
I have created this chatroom using php and scriptaculous but I am stuck with a tiny issue which I believe is only solvable using Javascript.
I have attached 2 screen shots. 1.jpg is what I get at the moment and 2.jpg is what I want to get.
As you see when somebody sends message and the messages exceed pages size, the scroll bars appear, I need the scroll bar to be the oposite direction (down to top) like yahoo or msn or any other chat room.
I made this webpage. It runs with a simple javascript function that changes the content in the window when you click on the menu buttons. the only problem is there are no vertical scroll bars when viewed in any browser. There seems to be a place for them but no actual scroll bar. I tried modifying the color and such with cs but it didn't change anything.
The site: [url]
Here is all the code starting with the html, then the css, and the two javascript pages
I have written a magnifier (using both CSS and JavaScript), and it appears to work OK in the four browsers I have tested (IE9, FF3.5.7, Safari 5.1, and Opera 11.51).
However, Safari annoyingly puts in scroll bars when you are magnifying the picture.
I can get rid of this by making the ctrlDiv offset as hidden, but then this removes the bottom scroll bar completely in all browsers (not really useful if the document is bigger than the browser window).
I have read about putting the image as a background image of another element, but cannot for the life of me get this to work at all.
Also, the functions to return the absolute position of elements (and mouse pointer) does not work if the document has a margin (i.e. width:1216px;margin:auto) - but I can work around this at the moment.
Anyway, the complete code is at [url](it was easier to stick it there and post a link than to post the code here).
I want visitors to be able to drag large images (maps) using a mouse on various pages of my site instead of them using scroll bars. I am using Dreamweaver 8.
im using the jquery accordian on two divs, the first time the page loads the first div displays as it should you then click the header and the second displays as it should.but when you click on the 1st header to display the first content again the content has scroll bars AHH
i know how to do the link thing that if u click it it closes the window. but im wondering if theres a way to automatically close a window after the php code is done running. cause i have an inbox and theres a link to delete the message if you click on it it will open up a new windows and run the php script to delete the message then it will say message deleted. im wondering how instead if just saying msg deleted it can close itself(the window) as well? does anyone know how? can i do it with pure php or do i need javascript too? i figured javascript.
The problem I'm trying to solve is that the designer would like to limit the total number of entires shown when you click on the drop-down arrow of a select box. I'm starting to think that this isn't possible.
I've tried the following with no luck:
- Setting the height attribute on the select element - Setting a style height for the select attribute - Modifying the same through Javascript - Setting the style overflow-y to scroll - Setting the size of the select element
At some point in my browsing someone claimed that the vertical scroll bars are controlled by the OS/Browser and there are no ways to change this using JS or CSS. That the magic number of IE is 30 entries before the vertical scroll bar shows up.
I am designing a website and I just want that if a user open it on any resolution then it will fit it self to that resolution and no scroll bars will come like google, yahoo etc. I know it is possible but not know how?
I made a drop-down list that is opened when a user clicks on a button. If the user selects an item, the drop-down is rebuilt so the list is closed. If the user clicks on the button again, the drop-down closes using .toggle() on the button click event, and these two scenarios work great.However, I also need the drop-down to close when the user clicks anywhere outside of the drop-down. This seems simple, but I've been having a really difficult time figuring this out. I tried .focusout(), but this makes the events I have tied to selecting an item not fire at all. I also found this little bit of code from a drop-down plugin that should work perfectly, but it fires when the user clicks on the button, so the drop-down never opens:
