POPUP : tester si la popup est déjà ouverte...

Version imprimable

Bonjour à tous :)

Voici mon problème :

Je dois bidouiller un script actuel afin de tester si la popup est déjà ouverte ou pas.
- Au bout de 3 secondes la popup s'ouvre en fullscreen (contien du flash).
- Si l'internaute clique sur le logo avant les 3 secondes, la popup s'ouvre. Mais le flash "se recharge"... C'est à dire que la fonction déclenchant la popup au bout des 3 secondes s'éxécute quand même...

J'ai essayé d'utiliser une fonction testant si la popup est ouverte ou non mais sans succès... :(

Qu'est-ce qui cloche ?
D'avance merci

Voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
<HTML>
<HEAD>
	<META HTTP-EQUIV="content-type" CONTENT="text/html;charset=iso-8859-1">
	<META NAME="Author" CONTENT="">
	<META NAME="description" CONTENT="">
	<META NAME="keywords" CONTENT="">
	<TITLE>Grand Voyageur</TITLE>
<script language="JavaScript" type="text/JavaScript">
<!--
function fullscreen(Ie,other){
x=screen.availWidth;
y=screen.availHeight;
 
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
if((navigator.appVersion.indexOf("Mac")!=-1)) {
	window.open(other,"sub",'scrollbars=no');
} 
else {
	if (target >= 4){
		if (navigator.appName=="Netscape"){
		var fullscreen=window.open(other,"fullscreen",'scrollbars=no','width='+x+',height='+y+',top=0,left=0');
		fullscreen.moveTo(0,0);
		fullscreen.resizeTo(x,y);
	}
	if (navigator.appName=="Microsoft Internet Explorer")
		window.open(Ie,"fullscreen","fullscreen=yes");
		}
			else window.open(other,"sub",'scrollbars=yes');
		}
}
 
function bolo()
{
	setTimeout("fullscreen('popup.htm','popup.htm')", 3000);
}
 
/*function TestFenetre() { 
    if(fullscreen.closed == false) {
        // la fenetre est ouverte
    }
    else{
		// la fenetre est fermer
        fullscreen('popup.htm','popup.htm');
    }
} */
//-->
</script>
<style>
a.Lien:active {font-family: Arial, sans-serif;font-size:11px; color: #6C6C6C;  text-decoration:  none }
a.Lien:link {font-family: Arial, sans-serif;font-size:11px; color: #6C6C6C; text-decoration: none }
a.Lien:visited {font-family: Arial, sans-serif;font-size:11px; color: #6C6C6C; text-decoration: none }
a.Lien:hover {font-family: Arial, sans-serif;font-size:11px; color: #6C6C6C; text-decoration:  none;}
</style>
</HEAD>
 
<BODY BGCOLOR="#FFFFFF" TOPMARGIN="0" LEFTMARGIN="0" BOTTOMMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" RIGHTMARGIN="0" onload="bolo();">
<TABLE WIDTH="100%" HEIGHT="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="center">
<TR>
	<TD ALIGN="center"><!-- <A HREF="javascript:TestFenetre();"><IMG SRC="img/logo.gif" BORDER="0"></A> --><A HREF="#" ONCLICK="fullscreen('popup.htm','popup.htm');"><IMG SRC="img/logo.gif" BORDER="0"></A></TD>
</TR>
</TABLE>
</BODY>
</HTML>

Crée une variable globale (en dehors de toute fonction) qui représente la popup. Par exple "var popup=new window;".

Change de nom pour la popup... tu as une variable "fullscreen" et une fonction "fullscreen"... je trouve ça génant.

A chaque fois que tu fais un window.open, mets bien popup=window.open(...).

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<script language="JavaScript" type="text/JavaScript"> 
<!-- 
var popup=new window;
function fullscreen(Ie,other){ 
x=screen.availWidth; 
y=screen.availHeight; 
 
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length)); 
if((navigator.appVersion.indexOf("Mac")!=-1)) { 
   popup=window.open(other,"sub",'scrollbars=no'); 
} 
else { 
   if (target >= 4){ 
      if (navigator.appName=="Netscape"){ 
      popup=window.open(other,"popup",'scrollbars=no','width='+x+',height='+y+',top=0,left=0'); 
      popup.moveTo(0,0); 
      popup.resizeTo(x,y); 
   } 
   if (navigator.appName=="Microsoft Internet Explorer") 
      popup=window.open(Ie,"popup","fullscreen=yes"); 
      } 
         else popup=window.open(other,"sub",'scrollbars=yes'); 
   } 
} 
 
function bolo() 
{ 
   setTimeout("fullscreen('popup.htm','popup.htm')", 3000); 
} 
 
function TestFenetre() { 
    if(popup.closed == false) { 
        // la fenetre est ouverte
	alert('ok'); 
    } 
    else{ 
      // la fenetre est fermer 
        fullscreen('popup.htm','popup.htm'); 
    } 
} 
//--> 
</script>

02/05/2005, 18h56
mickeliette

Merci pour ton aide ;)
Mais il y a une erreur ligne 12... :(
02/05/2005, 19h43
mikemarti

vire le "=new window"

Merci pour votre aide... Mais entre temps je suis reparti de 0...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
<HTML>
<HEAD>
	<META HTTP-EQUIV="content-type" CONTENT="text/html;charset=iso-8859-1">
	<META NAME="Author" CONTENT="">
	<META NAME="description" CONTENT="">
	<META NAME="keywords" CONTENT="">
	<TITLE></TITLE>
<script language="javascript">
<!--
tempo = false;
 
function pleinecran(toto)
{  
	if (tempo) clearTimeout(tempo);
	nw=window.open('popup.htm','toto','width='+screen.width+',height='+screen.height+',fullscreen=yes,scrollbars=no,top=0,left=0');  
} 
 
function TestFenetre() { 
	tempo = setTimeout("pleinecran()", 3000);
}
//-->
</script>
<style>
a.Lien:active {font-family: Arial, sans-serif;font-size:11px; color: #6C6C6C;  text-decoration:  none }
a.Lien:link {font-family: Arial, sans-serif;font-size:11px; color: #6C6C6C; text-decoration: none }
a.Lien:visited {font-family: Arial, sans-serif;font-size:11px; color: #6C6C6C; text-decoration: none }
a.Lien:hover {font-family: Arial, sans-serif;font-size:11px; color: #6C6C6C; text-decoration:  none;}
</style>
</HEAD> 
 
<BODY BGCOLOR="#FFFFFF" TOPMARGIN="0" LEFTMARGIN="0" BOTTOMMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" RIGHTMARGIN="0" onload="TestFenetre();">
<TABLE WIDTH="100%" HEIGHT="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="center">
<TR>
	<TD ALIGN="center"><A HREF="#" ONCLICK="javascript:pleinecran();"><IMG SRC="img/logo.gif" BORDER="0"></A></TD>
</TR>
</TABLE>
</BODY>
</HTML>