A Handy Trick I Discovered For Closing Popups
Nov 21, 2006
I was looking for a way to have a popup window appear when someone left
my page, but not have it appear when they hit the refresh or back
buttons on the browser. Since using onUnload="..." in the body tag
causes the window to appear when you hit the refresh or back buttons,
that didn't do what I wanted.
After doing Google searches for many days I never did find an answer
for how to do this. I thought I could have each page open the popup
onUnload, but then also have each page close the window onLoad, so the
window only stays visible if you actually exit from my whole website.
The problem is, I didn't have the handle to the window object in the
page that wanted to close the window. I tried passing the handle in a
cookie, but that didn't work either.
My solution, which I haven't seen anywhere else before, works like
this:
Every page (they are php) includes the same header which has this code
in it:
var exit = true;
<?php
$popstuff = file_get_contents("_popstuff.txt");
$values = explode("|",$popstuff);
$usepop = $values[0];
if ($usepop!="on") {
echo("exit = false;
"); // turn off popup window
}
?>
function offerWindow() {
if ( exit ) {
offerPop=window.open('_offer.php',
'offer','width=425,height=298,resizable=0,toolbar= 0,location=0,directories=0,status=0,menubar=0,scro llbars=0');
offerPop.blur();
window.focus();
}
}
function noExit() {
exit = false;
}
function closeOffer() {
offerPop=window.open('_offer.php',
'offer','width=0,height=0,resizable=0,toolbar=0,lo cation=0,directories=0,status=0,menubar=0,scrollba rs=0');
offerPop.close();
}
// End -->
</script>
</head>
<body onUnload="offerWindow();" onLoad="closeOffer();">
Now what happens is if you leave the page it opens the popup, but
before you even get to see it, the next page closes it (by window name
instead of by handle). If you close the browser, or leave the whole web
page then the popup remains. If there is a path you wish to take out of
the site that does not show the popup then just include
onClick="noExit()" to the link and it turns off the popup. Normally the
links that go from page to page within the website will all include the
"noExit()" call so the popup never even shows up. But the problem where
the popup shows up on browser refresh or back buttons just goes away.
View 14 Replies
ADVERTISEMENT
Mar 17, 2005
I'm trying to figure out how to close a popup window automatically when the viewer returns to the main window.
I'm presenting a series of composite pages from a drop down menu and right now all I've succeeding in doing is bringing the popup to the front when it is first opened.
If I go back to the main window and choose another link, the popup stays in the background. I don't want to open a popup for each link and if all else fails, I'd be happy with using one window if I could bring it back to focus when it is loaded.
Ideally, I'd like the popup to close when the viewer clicks back on the main window but so far no joy. I can close the popup with a link, no problem, but I'd like to do it instinctively.
Is there any way to close a window when it loses focus? If not, how do i refocus the window when a new link is selected? Code:
View 6 Replies
View Related
Mar 6, 2010
$('body').append('<div id="mydiv"></div>).addClass('newClass');addClass can be used to add a class to a selector. Take the above example. If the class is added to 'mydiv' instead, not body, this could be handy than writing the two lines:$('body').append('<div id="mydiv"></div>);$('#mydiv').addClass('newClass');
View 4 Replies
View Related
Aug 31, 2006
In the Yahoo! UI event.js file I see the following quite a bit
for (var i=0,len=unloadListeners.length; i<len; ++i) {
when I always just write
for (var i=0; i<unloadListeners.length; ++i) {
Is it worth it to declare the variable len to save time evaluating
unloadListeners.length?
View 14 Replies
View Related
Jun 2, 2009
Does anyone know why IE7 is refusing to do 'the trick'?
It works nice in modern browsers and even in IE6 [url]...
View 1 Replies
View Related
Jun 8, 2009
If you write javascript:document.forms[0].submit(); in the location bar, automatically it submits the form, which bypass the form validation. It there any trick to block this form submit?
View 4 Replies
View Related
Oct 3, 2006
Since XMLHTTP Request does not support loading of XML from other
servers, I decided to use a trick:
load XML into hidden iframe and then get that XML with JavaScript to
parse.
But, is this a good idea? I am stuck. How do I get XML loaded in the
iframe and pass it on to JS function for parsing?
View 11 Replies
View Related
Aug 18, 2010
I have a starting page, Page1.php that uses Page1.js.In Page1.js, I'm using the onclick event for a button that's on that page. When the button is clicked, it goes to Page2.php. Okay, fine.Page2.php is using Page2.js. But when the browser switches to page 2, I get a javascript error because, somehow, it's still referencing the Page1.js file. (Using IE8)So how do I 'dereference' the first javascript file, so that when Page2 loads, it doesn't still try to instantiate the objects in Page1.js? (I'm getting a null object error when Page2.php loads).
View 3 Replies
View Related
Jul 23, 2005
I'm using the 'standard' trick to force the load order of my frames:
<HTML>
<HEAD>
<TITLE>Frametest master page</TITLE>
<SCRIPT Language="Javascript">
function refreshFrame() {
frames['vFrame'].window.location.href = "VisibleFrame.htm"; }
</SCRIPT>
</HEAD>
<FRAMESET COLS="100%,0" BORDER="0"
<FRAME SRC="blank.htm" NAME="vFrame">
<FRAME SRC="HiddenFrame.htm" NAME="hFrame">
</FRAMESET>
</HTML>
but this does not work when the user hits F5 (refresh). I want this specific load order because VisibleFrame.htm accesses objects in HiddenFrame.htm.
View 1 Replies
View Related
Nov 8, 2011
Does anyone know of an alternative coding for this function that will do the trick in browsers such as firefox?
with (document)
{
write("<STYLE TYPE='text/css'>");[code]....
View 2 Replies
View Related
Nov 20, 2005
I need when a page is accessed to launch 2 popups then close itself. Can anyone help? All help is very much appreciated. One popup is going to be a regular page and an add then for other popup if any ones curious.
View 1 Replies
View Related
Jul 23, 2005
Just wondering, if one provides/uses a certificate on the website, does that
solve the problem with blocked popups?
I am building an application in PHP/JavaScript that will be used only on our
clients' computers, but new clients are added frequently.....
View 2 Replies
View Related
Jul 23, 2005
I am using a popup window to show pictures. Each time the user clicks on
a thumbnail in the mail HTML page, the popup either appears or reloads a
new picture.
Some pictures are portrait, and some are landscape. I build the popup
html dynamically. How can I a) resize the popup window to fit the image,
and b) pop it to the forefront once the new picture is loaded?
View 8 Replies
View Related
Dec 11, 2006
I am trying to get a fairly complex database form set up..at various
stages I need to open popups to edit subsections, then close them..
Now this all works fine from the main screen, I can open a popup using
window.open() and it spawns in a new browser or tab, do my stuff, and
exit to the main screen..
However if I try to open another popup in the child popup, and return to
THAT with a window close in the grandchild, firstly it never opens in a
new window, but in the child window, and secondly it closes itself and
returns not to the child window but to the parent window.
I have googled till I am blue in the face but no joy..no one seems to
have a snap solution for this one.
I suspect I need to use the window object that window.open returns,,but
have no idea how..?
View 2 Replies
View Related
Nov 17, 2006
On my site, I would like to open a centred pop-up with thumbnails. Clicking on them you get the full image with navigation arrows leading to new photos, etc.
I want to have pop-up dimensions suited to what's in the page and if the photo is vertical or horizontal.
Now, the code here under works well with FF2.0 and NS 8.0, but IE6 and Opera 9 just make the window.close() in func_aperta() and closes the pop-up.
What's wrong? Any ideas? Code:
View 5 Replies
View Related
Oct 11, 2005
i'm working on my band's website and I want to be able to make multiple popups on one page. as in, the links you press will all come up in DIFFERENT popup (barless) windows. but no matter what i try, no matter what link you press they all come up in the same popup window. im hoping to make all the links come up in different sized seperate windows! anyone know how to do this?
View 7 Replies
View Related
Oct 21, 2011
For some reason, in IE8, on product pages (Example) of my ecommerce site, the 'Size Chart' and 'Email to a Friend' popups don't work, and the product image lightbox won't work eitherbrowser I have tested in, including IE7. It seems to only be IE8 that is having this problem.Upon looking at the page source, one thing I have noticed that both the 'Size Chart' and 'Email to a Friend' buttons have in common, is that the popups seem (I'm far from an expert) to be 'triggered' by a span element (class="more") within the HTML. For example:
<div class="row ">
<label >Size: </label>
<strong class="fl"><select name="size" id="size" onchange="checkstock(this.value)"><option
[code]....
View 6 Replies
View Related
Feb 25, 2004
I have a quick question about javascript popups...
At the moment I have the function
function openWindow(page,width,height)
{
window.open(page,"my_new_window","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=" + width + ", height=" + height)
}
Which is opened by the link
<a href="java_script_:;" onClick="openWindow('popups/popup_template.htm',駼',高')">
This works fine and I get the popup just how I want it.
However, When that popup loses focus (IE the user clicks on another page) that popup goes behind all the other open pages. Then If I open another popup with that one still open it stays in the background.
I know that I can use
Onclick="self.close()" and OnBLUR="self.close()"
to close the popup when the user clicks, but I need them to be able to click in the popup.
Does anyone know an OnLoad fucttion or method that will bring the popup to the front when the user opens another window.
OR
Is there a better way of doing this.
View 2 Replies
View Related
Jan 14, 2005
There is a webpage (of another website) "page A" (a registration form) that I have to use as a popunder on my website.
However, due to the code for the form validation (email & other entries) on Page A, the page does NOT remain as a popunder, but popups above my actual website's main page....
Is it because of this attribute in the body tag?
<body OnLoad="document.form1.email.focus();">
If so, what counter can I use to beat it poping up above the main index page?
PS: Cannot make changes to PAGE A, just my own Index page....
View 19 Replies
View Related
Jun 10, 2006
I have noticed some websites use a popup system for confirmation... I know that hotmail uses a similar feature for adding file attachments. So I was wondering how exactly a website would have that feature work.
What I need to know is how to make a popup that...
a) Popups up in the middle of the screen and ALWAYS popups up (the popup blocker in IE wont disable it)
b) A Popup window that cannot be ignored. Therefore the user cannot complete any other actions on the webpage (the page that is displayed on that particular browser instance window). If the user attempts to click outside of the box then it will not allow them to.
c) Once the popup window has been completed (the user clicked the ok button to confirm the message) then the window will disapear and the user will be focussed back onto the original window where he/she was browsing on.
Most of the stuff is simple javascript. (opener.focus() and self.close()) but when it comes down to making popups be the center of control, I am lost.
View 3 Replies
View Related
Jul 19, 2006
I'm doing a website at the moment for a shooting club which is opening in a few weeks time. I'd like to have a popup on the home page which appears on a user's first visit to tell them about the opening day. I have the cookie sorted to detect whether they've visited before or not, but how do I make a popup which won't get blocked by all today's browsers and popup blockers? Is there a way that genuine useful popups can be verified and not blocked?
View 2 Replies
View Related
Apr 27, 2011
I have a Jscript popup which comes after 5-6 seconds of my page load.
This happens for all the pages.
I have tried the following..
This load the popup on load.
Now, i want to make sure that if a user once clicks on cancel, he will not get the popup for rest of the pages also.
But if he opens the pages individually the next time, he will get the pop ups.
So it will be displayed only once after he clicks close and will not come the next time.
View 1 Replies
View Related
Jul 20, 2005
Does anyone know where I can get a script for a pop-up where I can control fixed positioning of a popup based on browser resolution?
two res's: 800 x 600 and 1024 x 768 ....
View 2 Replies
View Related
Jan 21, 2010
I'm trying to have an ordered list, each item with its own image. Then, I'm trying to use JS so that a different popup is generated for each image.
Currently, I'm using CSS classes to define the appropriate popup image, and this seems to work fine as I can see the popup contents in Dreamweaver.
I think the issue is the 'getElementById' thingy. As whichever image I hover over, it always pulls the first hidden popup.
JS
Code:
HTML
Code:
CSS
Code:
Is there a way form me to also pull the class that is referenced in the html, so that the appropriate popup is generated?
I don't think I'm using the code highlighting properly and I intended to link to the page, so you could see what I'm talking about, but apparently that's not allowed.?
View 2 Replies
View Related
Apr 17, 2009
I have a customer that wants to have a map (jpg/gif/png) showing the US States and when you click on a state a popup will display a text box listing cities they have offices in. The cities will be links to other web pages. how to do this?
View 2 Replies
View Related
May 27, 2009
I have tested the thumbnail images that link to a popup detail page and they seem to work fine in Safari and Firefox on a mac and in IE on Windows (not sure which version of IE, I was using the PC at a UPS Store). Why does my client insist that they do not work? Any javascript issues with my code? I know it is a bit old since it was created a few years ago but I even got it to work on my iPhone today.
Here is the link: [URL]
View 1 Replies
View Related
