Closing A Popup Before Opening Another
Jul 23, 2005
I need some help with closing a popup window. I'm making an online portfolio,
that has one base page with text and thumbnails. When a user clicks on a thumb,
a new window opens containing a larger image and a caption (each contained on a
separate htm document). I do this with a function in the header script as follows:
var picpage=" ";
var params=" ";
function fullpicwin(picpage,params)
{
window.status="Opening picture... please wait";
window.open(picpage,'fullpic',params)
}
picpage (the name of the htm file), and params (window size, etc.) are passed
from the click code by each thumb. Each popup is sized differently, of course,
based on the side of the larger photo. All controls, etc., in the popup are
turned off. The user can click the "x" box or a form button at the bottom of
the popup to close the window.
All this works very nicely... EXCEPT...
The user can move the mouse back to the main page and open ANOTHER popup by
clicking on another thumb BEFORE closing the existing popup. The problem is the
2nd popup retains the size of the first, so of course the photo may be blocked
by the borders, etc.
What I want to do is force the closing of the first popup if the user tries to
open a 2nd and so on. There is no reason to have more than one large photo
showing at the same time.
I thought I could put some code in the function that checks for the existence
of a window named "fullpic", and if it's there, closes it first, then opens
another. But I can't seem to get the syntax right.
View 1 Replies
ADVERTISEMENT
May 21, 2010
I am calling a Java Script function on the button click of a pop up window (ASP.net). The function does the following:
1. Close the Popup window
2. Call JS function on the Parent window
3. Try to open another popup
I am able to close the popup window and call the js function on the parent window but I am not able to open the new window.
CODE:
window.close();
window.opener.clearfields();
window.open('MyExcel.xls');
I need to perform all these in one JS function.
View 2 Replies
View Related
Jul 20, 2010
Trying to adapt a bit of Code, but failing wonderfully!
I'm writing in Cold Fusion, but using a little java script to create the sliding effect.
It's from a sliding open list function in another site, and I tried to just hack my current needs in there.
Is followed by:
I've tested the script, div and the DB call by just calling it with
And that works fine.
I've never coded in Java, hence the problem!
View 5 Replies
View Related
Jun 2, 2011
I've got a div that slides out from the left of the screen when the page loads but I can't figure out to get it slide back when another navigation button is clicked. The navigation has several buttons so clicking on any of them would make current div to slide back out of site.
View 17 Replies
View Related
Jan 4, 2012
I have five divs that I want to work kind of like an accordion, but you can open multiple sections. Right now, when user clicks any link, it opens all five sections. And when you click to close, it closes all five. I want to be able to open one section, then go to the next and so on.
Here's what I have now:
Html looks like this:
View 1 Replies
View Related
Jul 10, 2006
Opening a link in the browser has to open a new window with same url content (url cannot be hardcoded)
and the opened window must close the parent window and should not have any of the status bar,url bar or menu bar.
I have written this code in a html page in the body onload event
var WIN_WIDTH = 700;
var WIN_HEIGHT = 500;
var MENUBAR_HEIGHT = 10;
var TOOLBAR_HEIGHT = 50;
var STARTUPBAR_HEIGHT = 10;
var heightOfBars = MENUBAR_HEIGHT + TOOLBAR_HEIGHT + STARTUPBAR_HEIGHT;
var xPos = (screen.width/2) - (WIN_WIDTH/2);
var yPos = (screen.height/2) - (WIN_HEIGHT/2) - heightOfBars;
var prop='menubar=no,scrollbars=no,status=no,locationbar=no,'+'toolbar=no,resizable=yes,width='+WIN_WIDT H+',height='+WIN_HEIGHT + ',left='+xPos+',top='+ yPos;
window.open (location.href,'EKMIS',prop);
//closes parent window without any confirmation
window.opener.opener=''
opener.window.close();
But the problem is opened window goes into unending loop..
View 5 Replies
View Related
Sep 13, 2010
write JavaScript program for matching of parenthesis(opening and closing brackets) in a string
View 6 Replies
View Related
Sep 22, 2010
In my application i use window.showmodaldialog() to pop up a window. When i run it in IE pop up blocker wont blocks the window... But when run it in FireFox pop up blocker will blocks the pop up window.. is there any way to open a window with out blocking(avoiding ) by the pop up blocker?
View 1 Replies
View Related
Dec 25, 2011
From a parent window, I open two child windows.In the second child, you complete some data, and then it closes the window. I'm trying to figure out how to find and close the first popup window at the same time (as that is used for reference but no action necessary on it).As near as I can tell window.open should let me set a handle that I can then reference later on to close that window (or am I misunderstanding that), but i cannot figure out how to reference that window.
View 1 Replies
View Related
Feb 10, 2011
I have a lightbox pop up on my homepage. I'm curious if there's a way to automatically close the pop up after 5 seconds or so.
For some readon onClose kept popping in my head, but I'm pretty sure that's not correct.
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
[Code]....
View 1 Replies
View Related
Aug 21, 2009
How could I open a page/popup after closing one? The objective is to log the user out if they haven't Logged out or clicked Logout.
I am sure there is a simple way to do this. None of my ideas work.
The only answer I could come with (after testing the whole day...) IE(any version), Firefox, and other browsers don't support this idea, due to the fact that the user clicked close and you can't impose things on them.
View 21 Replies
View Related
Nov 9, 2003
I have spent the whole of last night looking for a reliable javascript that pops up a small (possibly centered) window when the user exits the site (for another site) and for when he/she closes the site's main window.
Has anybody come across or is aware of a script that does all the above?
View 3 Replies
View Related
Apr 25, 2011
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 Related
Jul 20, 2005
I want to close a popup-window with the onBlur eventHandler.
function closeIt() {
setTimeout('window.close()',2000); }
<body onBlur="closeIt()">
html
</body>
There is a form on my page, and when a input-field gets focus, body looses focus and the window closes. That's not what I want. I want to close the window, if focus goes to another
window or application, but not when someone tries to fill that form.
View 2 Replies
View Related
Aug 4, 2011
when i closing popup div on firefox 3 not work well,and this my script for reload parent :
window.location.reload();
it work on firefox 4 but on firefox 3, it doesn't work well...
View 2 Replies
View Related
Jul 23, 2005
I've been trying to do this for days without success. Is there a way to open a popup window from within the php code? Example:
if (some_condition) {
open a popup page and load a file in it
break;
}
View 2 Replies
View Related
Feb 26, 2009
I have a page where I open a popup (which is really just displaying a hidden div) Is there away I can fade the page while the popup is open?
View 2 Replies
View Related
May 17, 2010
I am somewhat new to JavaScript and am having a small problem. I am building an experimental website that contains music. It's called url removed. To navigate around the website there is a graphic of a piano keyboard and if you click on an individual key you can go to "Home", "Recordings", "Contact", or "Jukebox". My problem is with the key labeled "Jukebox". I have the graphic set up using an Area Map. When you click on the area that says "Jukebox", it is supposed to open a small pop up window with the jukebox of tunes. It works great but it navigates away from the website and the larger window behind the jukebox is just a plain white window and says [object] on it. Here is the area map code I am using containing the javascript:
[Code]...
View 3 Replies
View Related
Jun 30, 2011
I am trying to make a popup window with Javascript that will let a user choose either a Yes or No button and then be sent to a page after that.I really do not want this popup to be resizable. I have read that is not really possible in current browsers, but that you can prevent it form happening with resizeTo().I am not sure I'm doing this right though:
<input type='button' value="DELETE GROUP" onclick="javascript:Popup('deleteGroupWarning.html')" />
var stile = "top=10, left=10, width=300, height=300 status=no, menubar=no, toolbar=no
[code]....
View 1 Replies
View Related
Jul 20, 2005
I'd like my javascript popup menu link to target the inline frame in the
middle of my page, but I'm unsure how to do this. The inline frame is named
"mainframe". Here is the code, with the line to the link denoted with **:
if (window.mm_menu_0127203047_0) return;
window.mm_menu_0127203047_0 = new Menu("root",140,18,"Tahoma, Arial,
Helvetica,
sans-serif",10,"#ffffff","#ffffff","#ffffff","#243f6f","left","middle",3,0,5
00,-5,7,true,true,true,0,false,true);
**
mm_menu_0127203047_0.addMenuItem(":: Level Design Screens","l
ocation='leveldesignscreens.html'");
mm_menu_0127203047_0.bgImageUp="images/mmmenu1_140x18_up.gif";
mm_menu_0127203047_0.bgImageOver="images/mmmenu1_140x18_over.gif";
mm_menu_0127203047_0.hideOnMouseOut=true;
mm_menu_0127203047_0.bgColor='#555555'
View 1 Replies
View Related
Dec 8, 2010
I have two questions. I have a html page has two "data-role=page" objects. When I open that page by clicking on a link, the second page is displayed rather than the first. If I add "rel=external" in the link, the first page shows up but the back button is missing. Is there any way to ensure the first page shows up and the back button is visible.
The second, how can I call $("#pageObject").dialog(). I tried this on a link, nothing happens. Can't I use I<a href="#pageObject" data-rel="dialog">Open dialog</a>. This does not seem to work for internal pages. Is there a method to open internal pages as popups?
View 2 Replies
View Related
Jun 13, 2007
I have a very simple PHP script that is reading a plain-text CSV file
and parses it out into into a HTML table to display the data. No
biggie.
What I want to do is while keeping the browser window for that page
open and minimized, i want to be able to maximize the window when the
text file has been update. This is a small script that is being used
for some dispatchers at a taxi company and the popup window is
supposed to be their list of customers to pickup. The company has
several dispatchers who are constantly updating a proprietary system,
and this system has a special program that spits out the data for
customers who need to be picked up. Every dispatcher has a link to
this PHP webpage to display the next available pickups. The only
problem is that they want to be able to minimize the browser window
and have it open automatically when a name has either been added or
removed from the pickup list.
Is is possible to integrate a javascript function to do this with PHP?
View 3 Replies
View Related
Aug 13, 2009
So I wrote some javascript to open a popup window when the thumbnail pictures are clicked. Everything works fine except for two minor details I would like to fix.
1. The images are distorted in the popup window.
2. I want to be able to resize the window and have the picture inside resize along with it.
<script type="text/javascript">
function enlargeImage(Url,width,height){
var enlarged = new Image();
enlarged.src = ''+Url+''
var prevW = window.open("","newWin","width="+width+",height="+height+",
top=140,left=200,scrollbars=yes,resizable=yes");
prevW.document.write('<html><head><title>Preview Image</title><style type="text/css">body{margin: 0px; padding:0px;}
img{margin: 0px; padding: 0px;}</style></head><body>
<img alt="Click to Close" title="Click to Close"
style="border: 0px; padding: 0px;"
src="'+Url+'" width="'+width+ '" height="'+height+'"
onclick="java script:window.close();" /></body></html>');
}
</script>
And here's a copy of one of the pictures I have in my table (the code I mean)
<TD rowspan=1 style="width: 104px"><center><a href="java script:">
<img alt="Click to Enlarge" title="Click to Enlarge" src="landscape/landscape/images/archery.jpg" width="120px" height="100px" style="border: 0px" onclick="enlargeImage(this.src,'800','600');" >
</a></center></TD>
View 1 Replies
View Related
Jun 21, 2005
I'm trying to design my own color-picker pallette (like Photoshop or something) for use on my website (I'm not pleased with any of the ones out there already), but I can't figure out how to make the pallette close if I click anywhere on the document except on the pallette.
The pallette "pops up" (I'm actually just changing the display of a div holding a color table from 'none' to 'block') when the user clicks on an icon of a pallette. They can mouseover the colors to see their hex code and a sample, and clicking on a color chooses it, makes the necessary changes on the page, and closes the pallette. However, I would appreciate some help with getting the pallete to close (change the display from 'block' to 'none' again) when the user clicks on the document outside of the pallette.
View 1 Replies
View Related
Jan 8, 2004
I have a popup window which has the search form in. What I want to do is for the popup window to close once the form is submitted, and to post the form data to a page on the main window.
Is anyone able to advise. As the main page is dynamic, it is not possible to give the page a name.
View 4 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