Discussion :

[le_chomeur]

Auteur as tu mis une iframe en fond de ta boite ?
si oui il ne devrait pas il y avoir de problème de recouvrement par les liste

[Auteur]

Auteur as tu mis une iframe en fond de ta boite ?
si oui il ne devrait pas il y avoir de problème de recouvrement par les liste

Avec IE6 il y a un recouvrement ? Logiquement le select se replie lorsque l'on clique sur le bouton "Ouvrir la boite de dialogue" (cf. exemple du post 1), donc je ne pense pas qu'il y ait un quelconque recouvrement (même si la propriété size du select est définie).


Il n'y a pas d'iframe dans cette boite, ce sont deux div avec un z-index élevé. Un div prend toute les dimensions de la fenêtre (div id="idFond") et un autre div (id="monPrompt") au dessus du fond.

[le_chomeur]

justement auteur , c'est un bug de ie6 , le select est un élément particulier qui passe au dessus de tous les z-index

[Auteur]

justement auteur , c'est un bug de ie6 , le select est un élément particulier qui passe au dessus de tous les z-index

ah ok...
Même quand elle est repliée elle passe par dessus tous les éléments ? Si c'est le cas, que proposes-tu ?

[RomainVALERI]

justement auteur , c'est un bug de ie6 , le select est un élément particulier qui passe au dessus de tous les z-index

On est donc bien d'accord

ah ok...
Même quand elle est repliée elle passe par dessus tous les éléments ? Si c'est le cas, que proposes-tu ?

Dans mon cas particulier, je me suis contenté d'une bête désactivation temporaire, du style : (dans la fonction qui crée le div de dialogue)

Code javascript :

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

1
2
3
4
5
6
7
8
9
	// désactivation temporaire de toutes les listes déroulantes ( intempestivement apparentes sous IE ) 
	if (document.getElementsByTagName("select"))
	{
		var selects = document.getElementsByTagName("select");
		for (var i = 0; i < selects.length; i++)
		{
			selects.item(i).style.visibility = 'hidden';
		}
	}

plus : (dans la fonction qui "ferme" le div)

Code javascript :

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

1
2
3
4
5
6
7
8
9
	// réactivation de toutes leslistes déroulantes ( qui étaient désactivées pour IE )
	if (document.getElementsByTagName("select"))
	{
		var selects = document.getElementsByTagName("select");
		for(var i = 0; i < selects.length; i++)
		{
			selects.item(i).style.visibility = 'visible';
		}
	}

C'est moche, c'est la cata à maintenir, et c'est signé Bibi

Dans le contexte, c'est ce que j'avais de plus simple/rapide sous la main...

[Auteur]

RomainVALERI, ma foi ta solution ne me déplait pas.

Par contre

Code :

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

selects.item(i).style.visibility

je ne connais pas Tu as voulu écrire :

Code :

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

selects[i].style.visibility

non ?

Par contre lorsque la liste à nouveau visible, si l'utilisateur a déjà sélectionné des items, la sélection est-elle mémorisée ?

[RomainVALERI]

Dans mon cas, la mémorisation des options sélectionnées n'était pas utile, alors je ne me souviens plus si c'était bien le cas...

sinon, par rapport à la syntaxe selects.item(i) il n'y a pas d'erreur

La méthode "NodeList.item(i)" renvoie la Node située à l'indice "i" de la collection de noeuds renvoyée par Element.getElementsByTagName (bizarrement la page décrivant ceci dans le DOM Mozilla est défectueuse, mais vois directement la réf W3C si tu aimes ce genre de petite lecture pour te relaxer... )

[Auteur]

J'ai cru que selects.item(i) était propre à FF. Cela fonctionne sous IE ?

Il faudra que je vérifie

[RomainVALERI]

Cela fonctionne sous IE ?

A mon grand bonheur et contre toute attente, oui.

[Hidrinn]

Si on remplace

Code :

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

1
2
3
<div id="idFond" class="fond">
&nbsp;
</div>

par

Code :

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

1
2
3
<iframe id="idFond" class="fond">
&nbsp;
</iframe>

Les SELECT se retrouvent cachés par l'iframe et il n'est donc plus possible de cliquer dessus en IE6. Le code continue de fonctionner en IE7 ainsi que FF normalement.

[ryodo]

Merci pour se Source sa ma vraiment aider Merciii


Cordialement Ryodo

[ryodo]

Est-ce que l' on peut mettre cette barre comme une alert Je veux dire a un Zindex supérieur du navigateur de sorte que si l' Alert est affichée on ne puisse rien faire dans le navigateur si on ne clic pas sur OK


Cordialement Ryodo

[SpaceFrog]

Je vois trois possibilités:
Modifier le code de ce post,
utiliser window.prototype
utiliser les boites de dialog modales de jquery