Formulaire dans une fenêtre modale

**Amnesiak** · 24/02/2005, 23h10

Bonsoir

Je dispose d'une page principale qui ouvre une fenêtre pop-up modale lors de l'appui sur un bouton. La pop-up contient simplement une zone de texte. Pour rendre cette pop-up modale, je la fais traiter l'évènement onBlur.
Et je constate qu'il est désormais impossible d'entrer des valeurs dans la zone de texte. D'ailleurs quand je clique dans la zone de texte, le curseur disparait, comme si elle perdait automatiquement le focus.

Code :

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

1
2
3
4
5
6
7
<!-- page principale -->
<html>
<head></head>
<body>
<input type="button" value="ouvrir" onClick="window.open('popup.htm')" />
</body>
</html>

Code :

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

1
2
3
4
5
6
7
8
9
<!-- popup modale -->
<html>
<head></head>
<body onBlur="self.focus()">
<form>
<input type="text" name="nom" value="" />
</form>
</body>
</html>

Qqun a-t-il une idée de ce qui se passe ? Serait-ce la fenêtre qui s'approprie automatiquement le focus pour rester modale ?
Merci d'avance !

**Oluha** · 25/02/2005, 11h28

J'ai eu le même problème et personne ne m'a répondu donc j'ai abandonné le fait que la popup soit modale

**bul** · 25/02/2005, 12h01

bonjour,

Code :

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

1
2
3
4
<body onblur="frm.nom.focus();"> 
<form name="frm"> 
<input type="text" name="nom" value="" /> 
</form>

peut-être ? @+

**Ajrarn** · 25/02/2005, 13h52

C'est normal dans code tu donnes le focus à ta fenetre elle meme chaque fois quel pert le focus. Quand tu cliques sur un champ texte dans cette fenetre, c'est ce champ qui recupère le focus, la fenetre le perd et donc elle le récupère avec ta fonction onBlur() et le focus est retiré du champ texte donc il n'est plus selectionné donc tu ne peux rien saisir dedans.

Pour y pallier tu peux utiliser la fonction showModalDialog mais attention ca ne fonctionne qu'avec IE. Pour rendre une fenetre modale dans les autres cas il faut un script un peu plus long. J'ai croisé une fois un script comme ca mais je ne l'ai pas gardé dsl.

**Amnesiak** · 25/02/2005, 15h46

Ok, je vois...

Je pense bien que, tout comme Oluha, il vaut mieux abandonner cette idée de fenêtres modales. Surtout que pour des raisons de compatibilité je ne souhaite pas utiliser de méthodes propres à IE, ce qui semble, dans l'immédiat du moins, la seule solution.

Je trouve aussi un peu dommage que la FAQ Javascript, vers laquelle on m'avait renvoyé, ne précise pas les problèmes causés par l'utilisation de la technique du onBlur et si limite à un simple :

Envoyé par la FAQ Javascript

Il suffit d'ouvrir une popup "normale" est de mettre ceci : <body onBlur="self.focus()">

... ce qui me laisse malheureusement sur ma faim, et je ne suis apparemment pas le seul.

Si néanmoins quelqu'un découvre une solution à ce problème, ça pourrait, je pense, en intéresser plus d'un.

**Oluha** · 25/02/2005, 15h55

moi en tous cas, car je ne veux pas non plus utiliser showModalDialog vu que ca ne marche que sous IE

**grav** · 25/02/2005, 17h20

Salut,

Pour rendre une pop-up modale je remets le focus dans la pop-up quand il vient sur la page appelante.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<!-- page principale --> 
<html> 
<head>
<script>
var pop=null;
</script>
</head> 
<body onFocus="if (pop!=null) pop.focus()"> 
<input type="button" value="ouvrir" onClick="pop=window.open('popup.htm')" /> 
</body> 
</html>

Code :

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

1
2
3
4
5
6
7
8
9
<!-- popup modale --> 
<html> 
<head></head> 
<body onBlur="self.focus()" onunload="opener.pop=null"> 
<form> 
<input type="text" name="nom" value="" /> 
</form> 
</body> 
</html>

voilà