How to load 6 diff html pages with 1 mouse click

bekim · January 19th, 2005, 12:55 AM

Hello
I think this is a combination of Javascript and html question.

When user clicks a link I want 6 different html pages to popup in separate windows with a 3 sec delay each. Is it possible for first html page to be in the front while the other 5 popup behind it???

How do you do this?

Snib · January 19th, 2005, 04:40 PM

Try something along these lines:

Code:

var pop1,pop2,pop3,pop4,pop5,pop6;
setTimeout("pop1 = window.open('page1.html','pop1')",3000);
setTimeout("pop2 = window.open('page2.html','pop2');pop1.focus();",6000);
setTimeout("pop3 = window.open('page3.html','pop3');pop1.focus();",9000);
setTimeout("pop4 = window.open('page4.html','pop4');pop1.focus();",12000);
setTimeout("pop5 = window.open('page5.html','pop5');pop1.focus();",15000);
setTimeout("pop6 = window.open('page6.html','pop6');pop1.focus();",18000);

Kind of messy, but it should do the job.

-Snib - http://www.snibworks.com
Where will you be in 100 years?

joefawcett · January 20th, 2005, 05:43 AM

Hope this code never surfaces on any site I visit :)

--

Joe (Microsoft MVP - XML)

bekim · January 20th, 2005, 09:27 AM

joefawcett

Relax. The 6 popup windows is for a photography portfolio web site not advertisements.

bekim · January 22nd, 2005, 12:54 AM

Hello Snib
How do you write you suggestion as a function when click on a href link??

var pop1,pop2,pop3,pop4,pop5,pop6;
setTimeout("pop1 = window.open('page1.html','pop1')",3000);
setTimeout("pop2 = window.open('page2.html','pop2');pop1.focus();",60 00);
setTimeout("pop3 = window.open('page3.html','pop3');pop1.focus();",90 00);
setTimeout("pop4 = window.open('page4.html','pop4');pop1.focus();",12 000);
setTimeout("pop5 = window.open('page5.html','pop5');pop1.focus();",15 000);
setTimeout("pop6 = window.open('page6.html','pop6');pop1.focus();",18 000);

I am new to Javascript. Thanks

Vadivel · January 22nd, 2005, 12:46 PM

<html>
<head>
<script language="javascript">
function openWin()
{
var pop1,pop2,pop3,pop4,pop5,pop6;
setTimeout("pop1 = window.open('page1.html','pop1')",3000);
setTimeout("pop2 = window.open('page2.html','pop2');pop1.focus();",60 00);
setTimeout("pop3 = window.open('page3.html','pop3');pop1.focus();",90 00);
setTimeout("pop4 = window.open('page4.html','pop4');pop1.focus();",12 000);
setTimeout("pop5 = window.open('page5.html','pop5');pop1.focus();",15 000);
setTimeout("pop6 = window.open('page6.html','pop6');pop1.focus();",18 000);
}
</script>
</head>
<body>
<a href="javascript:openWin()">Show PopUp Windows</a>
</body>
</html>

Best Regards
Vadivel

MVP ASP/ASP.NET
http://vadivel.thinkingms.com

Vadivel · January 22nd, 2005, 12:50 PM

You could also write a recursive function and create popup windows.

function openWin(pgName, numOfTimes)
{
   if (numOfTimes == 1)
   {
      return
   }
   else
   {
     /*
      Write your logic here and set pgName to new page name
     */
      openWin(pgName, numOfTimes - 1)
   }
}

Best Regards
Vadivel

MVP ASP/ASP.NET
http://vadivel.thinkingms.com

Imar · January 22nd, 2005, 04:19 PM

Why do you need a recursive function for this?

Can't this be done with a simple for loop??

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

Vadivel · January 22nd, 2005, 10:04 PM

Sure could be done. Hmm there are different ways to solve a problem let him choose the way which he likes :)

Best Regards
Vadivel

MVP ASP/ASP.NET
http://vadivel.thinkingms.com

bekim · January 23rd, 2005, 01:13 AM

Vadivel
Thank you for your response.
I am popping up 6 different windows with one onclick event.
I am not popping the same one.

Also, I can't figure out how to popup 6 windows with 3 second delay and the each one appearing behind the one before it.

Also, if one set of 6 popup windows are open then I need to disable the onclick event.

I am trying to write a function for this but I can't figure it out. Thank you. Someone please help.