JavaScript / DHTML / AJAX RSS JavaScript / DHTML / AJAX RSS

Parent/Child Windows

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply
1 2

•
•
Join Date: Jul 2007
Posts: 13
Reputation: JC4QLx3 is an unknown quantity at this point 
Solved Threads: 0
JC4QLx3 JC4QLx3 is offline Offline
Newbie Poster

Parent/Child Windows

 
0
  #1
Jul 31st, 2007
I am new to DOM and need a little help. I have opened a named page with window.open. Later when the user clicks on the link from the parent page that was used to open the child window, they are confused because they think the function doesn't work. Of course, the page is already open. All I need is the code to bring the child window back to the front. I assume I will need to use focus() and have tried everything I can think of. Do I need an if statement on the function that opens the child window to determine if the child window is already open and what is the DOM code i.e. window.childWindowName.focus()? Thanks in advance for your help!
Last edited by JC4QLx3; Jul 31st, 2007 at 10:07 am.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2006
Posts: 7,576
Reputation: ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of 
Solved Threads: 461
Super Moderator
Featured Poster
~s.o.s~'s Avatar
~s.o.s~ ~s.o.s~ is offline Offline
Failure as a human

Re: Parent/Child Windows

 
0
  #2
Jul 31st, 2007
When the button is clicked, check to see if the window is already open using the 'window.closed' property which returns a boolean. If the child window is open, just give it the focus using the function 'focus()' and if it isn't then open a new one.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <html>
  2. <head>
  3.     <script>
  4.     var wnd = null;
  5.     function openit()
  6.     {
  7.         if(!wnd || wnd.closed)
  8.             wnd = window.open("http://www.google.com");    
  9.         else
  10.             wnd.focus();
  11.     }
  12.     </script>
  13. </head>
  14. <body>
  15.     <form>
  16.         <input type="button" value="Open" onclick="openit();" />
  17.     </form>
  18. </body>
  19. </html>
Last edited by ~s.o.s~; Jul 31st, 2007 at 3:07 pm.
I don't accept change; I don't deserve to live.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2007
Posts: 13
Reputation: JC4QLx3 is an unknown quantity at this point 
Solved Threads: 0
JC4QLx3 JC4QLx3 is offline Offline
Newbie Poster

Re: Parent/Child Windows

 
0
  #3
Aug 1st, 2007
I truly appreciate your help. I modified my script per your sample (I think), but it doesn't work. With what I have here the window doesn't open. Do you or anyone else see the problem?

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <SCRIPT>
  2.     var name = null;
  3.     function openWindow(url,name)
  4.     {
  5.  
  6. 	if(!name || name.closed)
  7. 	{
  8. 	var windowHeight,windowWidth,windowTop,windowLeft
  9. 	windowHeight = screen.availHeight;
  10. 	windowWidth = screen.availWidth;
  11. 	windowTop = 0;
  12. 	windowLeft = 0;
  13.  
  14. 	var varStore = "";
  15. 	varStore = varStore + "width=" + windowWidth;
  16. 	varStore = varStore + ",height=" + windowHeight;
  17. 	varStore = varStore + ",resizable=" + "1";
  18. 	varStore = varStore + ",scrollbars=" + "0";
  19. 	varStore = varStore + ",menubar=" + "0";
  20. 	varStore = varStore + ",toolbar=" + "0";
  21. 	varStore = varStore + ",directories=" + "0";
  22. 	varStore = varStore + ",location=" + "0";
  23. 	varStore = varStore + ",status=" + "1";
  24. 	varStore = varStore + ",left=" + windowLeft;
  25. 	varStore = varStore + ",top=" + windowTop;
  26. 	varStore = varStore + ",ScreenX=" + windowLeft;
  27. 	varStore = varStore + ",ScreenY=" + windowTop;
  28. 	window.open(url,name,varStore)
  29. 	}
  30. 	else
  31. 	{
  32. 	name.focus();
  33.         }
  34.    }
  35. </SCRIPT>
  36.  
  37. <P align="center"><A href="javaScript:openWindow('member_panel.php?page=BO_Home','BO_Home')"><IMG src="http://qlx3.net/images/home.png" alt="Home" width="256" height="217"></A></P>
Last edited by JC4QLx3; Aug 1st, 2007 at 12:09 am.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2006
Posts: 7,576
Reputation: ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of 
Solved Threads: 461
Super Moderator
Featured Poster
~s.o.s~'s Avatar
~s.o.s~ ~s.o.s~ is offline Offline
Failure as a human

Re: Parent/Child Windows

 
0
  #4
Aug 1st, 2007
Your code does not run because you ignore the important aspects of the code posted by me. You have a global variable called 'name' and at the same time have a local variable 'name'. Because of this the local one hides the global one. Change the name of the function variable to something else than 'name'.

The second mistake you make is of not assigning the reference of the newly opened window to the variable 'name'. See my previous example for more info and post your code if it still doesn't work.
I don't accept change; I don't deserve to live.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2007
Posts: 13
Reputation: JC4QLx3 is an unknown quantity at this point 
Solved Threads: 0
JC4QLx3 JC4QLx3 is offline Offline
Newbie Poster

Re: Parent/Child Windows

 
0
  #5
Aug 1st, 2007
I do not see the difference between what you did and what I did. Anyway, would you like to earn money for your advice. We have need for a developer with these skills. Please send your contact info to gojimgo@insightbb.com. If you do that, please send your response with read receipt, so I don't just throw it away.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2006
Posts: 7,576
Reputation: ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of 
Solved Threads: 461
Super Moderator
Featured Poster
~s.o.s~'s Avatar
~s.o.s~ ~s.o.s~ is offline Offline
Failure as a human

Re: Parent/Child Windows

 
0
  #6
Aug 1st, 2007
Do something like this:
<SCRIPT>
    var name = null;
    function openWindow(url, named)
    {
    
    if(!name || name.closed)
    {
    var windowHeight,windowWidth,windowTop,windowLeft
    windowHeight = screen.availHeight;
    windowWidth = screen.availWidth;
    windowTop = 0;
    windowLeft = 0;
        
    var varStore = "";
    varStore = varStore + "width=" + windowWidth;
    varStore = varStore + ",height=" + windowHeight;
    varStore = varStore + ",resizable=" + "1";
    varStore = varStore + ",scrollbars=" + "0";
    varStore = varStore + ",menubar=" + "0";
    varStore = varStore + ",toolbar=" + "0";
    varStore = varStore + ",directories=" + "0";
    varStore = varStore + ",location=" + "0";
    varStore = varStore + ",status=" + "1";
    varStore = varStore + ",left=" + windowLeft;
    varStore = varStore + ",top=" + windowTop;
    varStore = varStore + ",ScreenX=" + windowLeft;
    varStore = varStore + ",ScreenY=" + windowTop;
    name = window.open(url,name,varStore)
    }
    else
    {
    name.focus();
        }
   }
</SCRIPT>
<P align="center"><A href="javascript:openWindow('member_panel.php?page=BO_Home','BO_Home')"><IMG src="http://qlx3.net/images/home.png" alt="Home" width="256" height="217"></A></P>

Oh and BTW, get into the habit of using lowercase alphabets for tag names as we are now in the XHTML era.
I don't accept change; I don't deserve to live.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2007
Posts: 3,193
Reputation: MidiMagic has a spectacular aura about MidiMagic has a spectacular aura about 
Solved Threads: 163
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Posting Sensei

Re: Parent/Child Windows

 
0
  #7
Aug 1st, 2007
Actually, you should not use html attributes as variable names.
Daylight-saving time uses more gasoline
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2006
Posts: 7,576
Reputation: ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of ~s.o.s~ has much to be proud of 
Solved Threads: 461
Super Moderator
Featured Poster
~s.o.s~'s Avatar
~s.o.s~ ~s.o.s~ is offline Offline
Failure as a human

Re: Parent/Child Windows

 
0
  #8
Aug 1st, 2007
Good point, I missed that one. But considering there are no attributes having the name 'name' in the global namespace (window), there is no harm as such. I for one, don't prefer using such names as my variable names.
I don't accept change; I don't deserve to live.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2007
Posts: 13
Reputation: JC4QLx3 is an unknown quantity at this point 
Solved Threads: 0
JC4QLx3 JC4QLx3 is offline Offline
Newbie Poster

Re: Parent/Child Windows

 
0
  #9
Aug 1st, 2007
Thanks, you are being so helpful! We are very close. The only problem left to resolve is that the user cannot open the 3 different windows at the same time, which we want. The reason is that we need to set name to 'null' for every attempt. The following was my attempt to do that, but it creates an error. Note that I moved the var name = null; to within the function call.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <SCRIPT>
  2.     function openWindow(url, named)
  3.     {
  4.     var name = null;
  5. 	name = named;
  6.  
  7.     if(!name || name.closed)
  8.     {
  9.     var windowHeight,windowWidth,windowTop,windowLeft
  10.     windowHeight = screen.availHeight;
  11.     windowWidth = screen.availWidth;
  12.     windowTop = 0;
  13.     windowLeft = 0;
  14.  
  15.     var varStore = "";
  16.     varStore = varStore + "width=" + windowWidth;
  17.     varStore = varStore + ",height=" + windowHeight;
  18.     varStore = varStore + ",resizable=" + "1";
  19.     varStore = varStore + ",scrollbars=" + "0";
  20.     varStore = varStore + ",menubar=" + "0";
  21.     varStore = varStore + ",toolbar=" + "0";
  22.     varStore = varStore + ",directories=" + "0";
  23.     varStore = varStore + ",location=" + "0";
  24.     varStore = varStore + ",status=" + "1";
  25.     varStore = varStore + ",left=" + windowLeft;
  26.     varStore = varStore + ",top=" + windowTop;
  27.     varStore = varStore + ",ScreenX=" + windowLeft;
  28.     varStore = varStore + ",ScreenY=" + windowTop;
  29.     name = window.open(url,name,varStore)
  30.     }
  31.     else
  32.     {
  33.     name.focus();
  34.     }
  35.     }
  36. </SCRIPT>
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2007
Posts: 13
Reputation: JC4QLx3 is an unknown quantity at this point 
Solved Threads: 0
JC4QLx3 JC4QLx3 is offline Offline
Newbie Poster

Re: Parent/Child Windows

 
0
  #10
Aug 2nd, 2007
•
•
•
•
Originally Posted by ~s.o.s~ View Post
Good point, I missed that one. But considering there are no attributes having the name 'name' in the global namespace (window), there is no harm as such. I for one, don't prefer using such names as my variable names.
This still isn't working. Can someone help?

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <SCRIPT>
  2. <!--
  3. 	// create a custom window
  4.     function openWindow(url, wnd)
  5.     {
  6.     var theName = null;
  7. 	theName = wnd;
  8.  
  9.     if(!theName || theName.closed)
  10.     {
  11.     var windowHeight,windowWidth,windowTop,windowLeft
  12.     windowHeight = screen.availHeight;
  13.     windowWidth = screen.availWidth;
  14.     windowTop = 0;
  15.     windowLeft = 0;
  16.  
  17.     var varStore = "";
  18.     varStore = varStore + "width=" + windowWidth;
  19.     varStore = varStore + ",height=" + windowHeight;
  20.     varStore = varStore + ",resizable=" + "1";
  21.     varStore = varStore + ",scrollbars=" + "0";
  22.     varStore = varStore + ",menubar=" + "0";
  23.     varStore = varStore + ",toolbar=" + "0";
  24.     varStore = varStore + ",directories=" + "0";
  25.     varStore = varStore + ",location=" + "0";
  26.     varStore = varStore + ",status=" + "1";
  27.     varStore = varStore + ",left=" + windowLeft;
  28.     varStore = varStore + ",top=" + windowTop;
  29.     varStore = varStore + ",ScreenX=" + windowLeft;
  30.     varStore = varStore + ",ScreenY=" + windowTop;
  31.     theName = window.open(url,theName,varStore)
  32.     }
  33.     else
  34.     {
  35.     theName.focus();
  36.         }
  37.    }
  38. //-->
  39. </SCRIPT>
  40.  
  41.  
  42. <P align="center"><A href="javascript:openWindow('member_panel.php?page=BO_Home','BO_Home')"><IMG src="http://qlx3.net/images/home.png" alt="Home" width="256" height="217"></A></P>
Last edited by JC4QLx3; Aug 2nd, 2007 at 1:13 am.
Reply With Quote Quick reply to this message  
Reply
1 2

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



acid2 ajax ajaxcode ajaxexample ajaxhelp ajaxjspservlets animate automatically beta box browser bug captchaformproblem checkbox close codes createrange() css cursor debugger decimal dependent disablefirebug dom download dropdown editor element engine enter error events explorer ext file firefox form forms frameworks getselection google gwt gxt hiddenvalue highlightedword hint html htmlform ie7 ie8 iframe index internet java javascript javascripthelp2020 jawascriptruntimeerror jquery jsf jsfile jsp jump listbox masterpage math media menu microsoft mp4 object onmouseoutdivproblem onreadystatechange paypal pdf php player position programming progressbar prototype redirect regex runtime scale scriptlets search security select size software sql text textarea unicode w3c window windowofwords windowsxp wysiwyg \n
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC