Popup modale, comportement bizarre

Version imprimable

[Résolu] Popup modale, comportement bizarre

Bonjour,

je veux créer une popup modale, et empcher un utilsateur de revenir sur la fenetre mere s'il na pas fermé la popup (validé ou au pire fermé). Si il tente de revenir sur la page, un message s'affiche et le focus revient sur la popup.

Quand j'ouvre ma popup, la première fois que je reclique sur la page appelante sans avoir fermé la popup, le message s'affiche deux fois. (Toutes les fois suivantes, ca se passe sans souci).
Le comportement est constaté sous IE (et le script doit fonctionner en priorité sous IE, c'est pas grave s'il ne fonctionne pas sous Mozilla)

Quelqu'un sait comment remédier à ca ?

Merci

PS; le code de ma page appelante :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <html> <head> <script> var mapopup; function gestionPopup() { if (mapopup && ! mapopup.closed) { mapopup.focus(); mapopup.alert('Veuillez valider la page avant de la quitter'); } else { mapopup = null; } } </script> </head> <body onfocus="setTimeout('gestionPopup()',5);"> Fenetre Mere <INPUT TYPE="BUTTON" VALUE="Pop-up" onclick="mapopup = window.open('popup.html','Popup','height=100,width=100');return false;"> </body> </html>

08/01/2006, 23h59
siddh

alors la franchement je voit pas,
j'ai essayé pas mal de trucs sur les évènements et rien ne permet d'empécher ça, enfin j'ai pas trouvé.

Ca doit etre ton document qui prend le focus deux fois, mais pourquoi juste a ce moment là ?
09/01/2006, 09h33
Mustik

J'en étais arrivé à la même conclusion :wink:

Y'a un truc qu'est vraiment pas beau mais qui marche, c'est de faire window.blur() sur le fenêtre mère quand on ouvre ou redonne le focus à la popup. Le message apparait qu'une fois, mais la fenêtre mère se trouve réduite dans la barre des tâches, et ça c'est vraiment pas joli.

Est-ce que quelqu'un à une autre idée ?
09/01/2006, 11h29
siddh

peut etre que http://www.developpez.net/forums/viewtopic.php?t=435859 peut t aider ?
09/01/2006, 12h00
Mustik

Oui, j'y avais pensé
Merci pour ce lien, je pense que je vais me rabattre la dessus (en plus, ca marche pour tous les navigateurs, donc c top)

Par contre, je comprends toujours pas pourquoi ma fenêtre prend deux fois le focus !!!
Et ça m'énerve de pas comprendre, donc si quelqu'un a une explication je suis toujours preneur
09/01/2006, 12h15
siddh

je sais pas, on dirais qu'il met dans un buffer le premier focus qui se fait sur la page quand elle se charge et qu'il le lance au premier "vrai" focus

Du coup j'ai rusé un peu, et j'ai trouvé une parade, si ca interesse qqn :

Code page appelante :

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
<html>
<head>
 
<script>
// Variable représentant la popup ouverte
var FenetrePopUp;
function gestionPopup(pPopup) {
 
	if (pPopup &&  ! pPopup.closed) {
		pPopup.champtest.value=1;
		pPopup.focus();
	} else {
		pPopup = null;
	}
}
</script>
<script src="popup.js"></script>
</head>
<body onfocus="setTimeout('gestionPopup(FenetrePopUp)',5);">
Fenetre Mere<br/>
<INPUT TYPE="BUTTON" VALUE="Pop-up"
onclick="FenetrePopUp = window.open('popup.html','Popup','height=100,width=100');return false;">
</body>
</html>

Code popup :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<script>
function gestionMessage() {
	if (champtest && champtest.value == 1 ) {
		champtest.value=0;
		alert('Veuillez valider la page avant de la quitter');
	}
}
</script>
</head>
<body onFocus=gestionMessage();>
<input type="hidden" name="champtest"/>
Popup
</body>
</html>

Du coup, le alert() est geré dans la popup, je pense que c ca qui etait responsable de mon problème

je tag le sujet, c'est maintenant tout bon