Formulaire dans une fenêtre modale

Version imprimable

24/02/2005, 23h10
Amnesiak

Formulaire dans une fenêtre modale
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:

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

1 2 3 4 5 6 7 8 9  <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 !
25/02/2005, 11h28
Oluha

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

bonjour,

Code:

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

peut-être ? @+

25/02/2005, 13h52
Ajrarn

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.
25/02/2005, 15h46
Amnesiak

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 :

Citation:

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.
25/02/2005, 15h55
Oluha

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

Salut,

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

Code:

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:

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à

27/02/2005, 00h59
Amnesiak

Que voilà une astucieuse solution ! Fallait y penser !
Un grand merci pour cette admirable réponse
28/02/2005, 14h25
grav

L'idée n'est pas moi ... je l'ai repompée quelque part.

Mais je prends quand même une part de ce:

Citation:

...grand merci pour cette admirable réponse