Popup modale, comportement bizarre

**Mustik** · 08/01/2006, 22h54

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**siddh** · 08/01/2006, 23h59

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à ?

**Mustik** · 09/01/2006, 09h33

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

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 ?

**siddh** · 09/01/2006, 11h29

peut etre que http://www.developpez.net/forums/viewtopic.php?t=435859 peut t aider ?

**Mustik** · 09/01/2006, 12h00

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

**siddh** · 09/01/2006, 12h15

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

**Mustik** · 12/01/2006, 19h38

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

Code page appelante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Popup modale, comportement bizarre

JavaScript

Discussions similaires

Partager

Partager