fenêtre modale

**mika0102** · 02/05/2005, 11h07

Bonjour,

Voici mon problème.

Sur mon site, lorsque je clique sur le bouton "rechercher", J'affiche une autre fenêtre contenant une liste déroulante pour ma recherche.
J'aimerait que celle-ci garde le focus tant que l'utilisateur ne l'a pas fermé.

J'ai déjà utilisé ceci:

Code :

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

 <body onBlur="self.focus();">

Ce la marche très bien, je peux cliquer n'importe où sur mon écran et ma fenêtre garde le focus mais le problème c'est que je ne sais plus utiliser ma liste déroulante.

En effet, lorsque je clique dedans le focus revient d'office à la fenêtre et donc as moyen d'utiliser le contenu de ma liste.

Quelqu'un pourait-il m'aider à résoudre ce problème?

Merci d'avance

Mika

**mika0102** · 02/05/2005, 14h18

Je vais quand même vous mettre la partie du code de cette fenêtre.
Cela pourra peut-être vous aider.

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
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
function CreationPageHTML() {
var inc =0;
var t='width='+ TailleX +',height=' + TailleY + ',scrollbars=no,resizable=no,left=' + ((screen.width - 345)/2) + ',top=' + ((screen.height - 120)/2) + '';
var Win1 = open("","QueryWindow",t);
Win1.document.writeln('<html><HEAD><title>Sélection d\'une rue de la carte</title></head>');
Win1.document.writeln('<BODY BGCOLOR="' + coulFond + '" TEXT="' + coulTxt + '" onBlur="self.focus();">');
Win1.document.writeln('<h5><b><u><i>Sélectionner le nom de la rue à rechercher: </i></u></b></h5>');
 
Win1.document.writeln('<FORM Name="NomCommune"><SELECT Name="nom">');
 
if (parent.MapFrame.tabval.length==0) {
 
	if (uniqueValeur) {
		var t="";
		var c=0;
 
		for (var j=0;j<parent.MapFrame.ListeVal.length;j++) {
		t=parent.MapFrame.ListeVal[j];
			for (var k=0;k<parent.MapFrame.ListeVal.length;k++) {
				if (t==parent.MapFrame.ListeVal[k]) {
				c=c+1;
				if (c==1) {
				tab1[tab1.length]=parent.MapFrame.ListeVal[k];
				}
				parent.MapFrame.ListeVal[k]="";
				}
			}
			c=0;		
		}//for
 
		for (var j=0;j<tab1.length;j++) {
		if (tab1[j]!="") {
			tab2[tab2.length]=tab1[j];
		}
		}
 
	}//if
 
	if (uniqueValeur) {
		tab2.sort();
		parent.MapFrame.tabval=tab2;
 
	} else {
		parent.MapFrame.ListeVal.sort();
		parent.MapFrame.tabval=parent.MapFrame.ListeVal;	
	}
 
 
}// if(val.length==0)
for (var i=0;i<parent.MapFrame.tabval.length;i++) {
	var t='<OPTION VALUE="'+ parent.MapFrame.tabval[i] + '">' + parent.MapFrame.tabval[i];
	Win1.document.writeln (t);
}
Win1.document.writeln('</SELECT><br><br>');
Win1.document.writeln('<INPUT TYPE="button" onmousedown="opener.parent.MapFrame.affichecommune(document.NomCommune.nom.value);window.close();" Value="Rechercher...">');
Win1.document.writeln('</FORM>');
Win1.document.writeln('</BODY>');
Win1.document.writeln('</HTML>');
Win1.document.close();
Win1=null;
 
}

Merci

**Oluha** · 02/05/2005, 14h54

cette question a été posée plusieurs fois et notemment par moi, et il n'y a pas de solution. Donc tu ne peux pas rendre ta fenêtre modale quand tu as des éléments de formulaire dans la page.

**mika0102** · 02/05/2005, 15h00

Désolé de te contredire mais je vient de trouver la solution à mon problème à l'instant.

Voici les lignes de code que j'ai modifié:

Code :

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

1
2
3
Win1.document.writeln('<BODY BGCOLOR="' + coulFond + '" TEXT="' + coulTxt + '" onLoad="this.NomCommune.nom.focus();">');
 
Win1.document.writeln('<FORM Name="NomCommune"><SELECT Name="nom" onBlur="this.focus();">');

Je m'explique, lorsque je chargela page je met le focus direct sur ma liste déroulante et lorsque celle-ci perd son focus (onBlur()), je le lui remet aussi vite. Apparemment cela à l'air de bien fonctionner. Dès que je clique à un autre endroit, le focus se remet sur ma liste et je ne sais rien faire d'auter tant que je n'ai pas valider le formulaire ou fermer la fenêtre.
Cela marche nikel du moins dans mon cas.

Voila.

**Oluha** · 02/05/2005, 15h12

ca marche dans ton cas car tu n'as pas besoin de plusieurs éléments de formulaire en effet mais si tu veux ajouter des boutons, là ca ne doit plus fonctionner

**mika0102** · 02/05/2005, 15h18

Envoyé par Oluha

ca marche dans ton cas car tu n'as pas besoin de plusieurs éléments de formulaire en effet mais si tu veux ajouter des boutons, là ca ne doit plus fonctionner

Oui tu as probablement raison en effet. De toute façon vu que je n'ai que la liste déroulante dans mon formulaire, le problème ne se pose pas.
Cela fonctionne pour ce que je veut réaliser, c'est le principal.

**mika0102** · 02/05/2005, 15h18

Envoyé par Oluha

ca marche dans ton cas car tu n'as pas besoin de plusieurs éléments de formulaire en effet mais si tu veux ajouter des boutons, là ca ne doit plus fonctionner

Oui tu as probablement raison en effet. De toute façon vu que je n'ai que la liste déroulante dans mon formulaire, le problème ne se pose pas.
Cela fonctionne pour ce que je veut réaliser, c'est le principal.

fenêtre modale

JavaScript

Discussions similaires

Partager

Partager