javascript popup problems and how to get more than one to work

klw933s
Guest

« on: September 28, 2003, 03:24:36 PM »

Hi,

I'm creating a site that has more than one customized popup in the same script. I thought I could just name each popup window inbetween the (). Like,

function openpopup(1){
var popurl="comics.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup(2){
var popurl="comics.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

and then just reference each one back in there own respected <a href> line. But it's not letting me do this. The most I can get, if i mess with it enough, is to get all of my 6 different pop ups to load the same , first page, that i orignally started out with. any suggestions ?


	Report to moderator Logged

islanding
Key Keeper
Sr. Member

Posts: 313

I see, But why?

Re:javascript popup problems and how to get more than one to work

« Reply #1 on: September 28, 2003, 04:51:12 PM »

Hi
You can have as many as you want, but be careful as most surfers hate them. The script you show has one flaw, when you name the function.

Code:

function openpopup(1){
var popurl="comics.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup(2){
var popurl="comics.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

Try this, rename the function and call it by the new name.

Code:

function popup1(){
var popurl="comics.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function popup2(){
var popurl="comics.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}


	Report to moderator Logged

The Box said: "Install Win95 or better ..." So I installed Linux.

klw933s
Guest

Re:javascript popup problems and how to get more than one to work

« Reply #2 on: September 29, 2003, 03:02:13 AM »

thanks, i've tried as you said. the page loads with errors still and doesn't let me select the links that lead to the popups. here is a more complete script:

<script>
function openpopup1(){
var popurl="books.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup2(){
var popurl="music.htm"
winpops=window.open(popurl,"",width=300, height=390,scrollbars=1")}

function openpopup3(){
var popurl="pictures.htm"
winpops=window.open(popurl,"",width=300, height=390,scrollbars=1")}

function openpopup4(){
var popurl="aboutme.htm"
winpops=window.open(popurl,"",width=300, height=390,scrollbars=1")}

function openpopup5(){
var popurl="comics.htm"
winpops=window.open(popurl,"",width=300, height=390,scrollbars=1")}

function openpopup6(){
var popurl="links.htm"
winpops=window.open(popurl,"",width=300, height=390,scrollbars=1")}

function openpopup7(){
var popurl="writing.htm"
winpops=window.open(popurl,"",width=300, height=390,scrollbars=1")}

function openpopup8(){
var popurl="qualifications.htm"
winpops=window.open(popurl,"",width=300, height=390,scrollbars=1")}

</script>

Find out what I've been doing:
<a href="javascript: openpopup1()">[Books of my Life]</a>
<a href="javascript: openpopup2()">[Music of my Life]</a>
<a href="javascript: openpopup3()">[Pictures of my Life]</a>
<a href="javascript: openpopup4()">[About Me]</a>
<a href="javascript: openpopup5()">[Some Comics]</a>
<a href="javascript: openpopup6()">[Links]</a>
<a href="javascript: openpopup7()">[My Writing]</a>
<a href="javascript: openpopup8()">[Essential Qualifications]</a>

</body>

any more suggestions would be great, thanks.


	Report to moderator Logged

islanding
Key Keeper
Sr. Member

Posts: 313

I see, But why?

Re:javascript popup problems and how to get more than one to work

« Reply #3 on: September 29, 2003, 11:04:56 AM »

Hay,
Sorry about that, I should have looked closer to the rest of the script. I have fixed the errors and am posting the script as I tested it. It works fine......... Cool

Code:

<html>
<head>
<title>Script Test Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script>
function openpopup1(){
var popurl="books.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup2(){
var popurl="music.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup3(){
var popurl="pictures.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup4(){
var popurl="aboutme.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup5(){
var popurl="comics.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup6(){
var popurl="links.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup7(){
var popurl="writing.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup8(){
var popurl="qualifications.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

</script>

</head>

<body>

Find out what I've been doing:
<a href="javascript: openpopup1()">[Books of my Life]</a>
<a href="javascript: openpopup2()">[Music of my Life]</a>
<a href="javascript: openpopup3()">[Pictures of my Life]</a>
<a href="javascript: openpopup4()">[About Me]</a>
<a href="javascript: openpopup5()">[Some Comics]</a>
<a href="javascript: openpopup6()">[Links]</a>
<a href="javascript: openpopup7()">[My Writing]</a>
<a href="javascript: openpopup8()">[Essential Qualifications]</a>

</body>
</html>

Be sure that this is in the <head>

Code:

<head>
<title>Script Test Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script>
function openpopup1(){
var popurl="books.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup2(){
var popurl="music.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup3(){
var popurl="pictures.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup4(){
var popurl="aboutme.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup5(){
var popurl="comics.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup6(){
var popurl="links.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup7(){
var popurl="writing.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup8(){
var popurl="qualifications.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

</script>

</head>

and this is in the <body>

Code:

<body>

Find out what I've been doing:
<a href="javascript: openpopup1()">[Books of my Life]</a>
<a href="javascript: openpopup2()">[Music of my Life]</a>
<a href="javascript: openpopup3()">[Pictures of my Life]</a>
<a href="javascript: openpopup4()">[About Me]</a>
<a href="javascript: openpopup5()">[Some Comics]</a>
<a href="javascript: openpopup6()">[Links]</a>
<a href="javascript: openpopup7()">[My Writing]</a>
<a href="javascript: openpopup8()">[Essential Qualifications]</a>

</body>

Good Luck............


	Report to moderator Logged

The Box said: "Install Win95 or better ..." So I installed Linux.

klw933s
Guest

Re:javascript popup problems and how to get more than one to work

« Reply #4 on: September 30, 2003, 01:47:38 PM »

I'm still learning some of these scripts, but can you please tell me what you did to change the latest post you did. thanks for your time


	Report to moderator Logged

islanding
Key Keeper
Sr. Member

Posts: 313

I see, But why?

Re:javascript popup problems and how to get more than one to work

« Reply #5 on: September 30, 2003, 11:31:33 PM »

Hi,
Did it work for you? I have made red code that was added. I think that was it, without going over it all agian.

<script>
function openpopup1(){
var popurl="books.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup2(){
var popurl="music.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup3(){
var popurl="pictures.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup4(){
var popurl="aboutme.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup5(){
var popurl="comics.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup6(){
var popurl="links.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup7(){
var popurl="writing.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

function openpopup8(){
var popurl="qualifications.htm"
winpops=window.open(popurl,"","width=300, height=390,scrollbars=1")}

</script>


« Last Edit: September 30, 2003, 11:49:45 PM by islanding »	Report to moderator Logged

The Box said: "Install Win95 or better ..." So I installed Linux.

klw933s
Guest

Re:javascript popup problems and how to get more than one to work

« Reply #6 on: October 01, 2003, 02:36:26 AM »

hey,

thanks , that worked great!
thanks for all your time and help!


	Report to moderator Logged

islanding
Key Keeper
Sr. Member

Posts: 313

I see, But why?

Re:javascript popup problems and how to get more than one to work

« Reply #7 on: October 01, 2003, 06:51:00 PM »

Hi,
Anytime............. Good Luck with your site.


	Report to moderator Logged

The Box said: "Install Win95 or better ..." So I installed Linux.

Pages: [1]


Webmaster Key Forums Webmaster Corner Site Design and Web Authoring Coding Talk javascript popup problems and how to get more than one to work