begin process at 2012 05 29 14:41:34
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

pb d'affichage d'un div dessus une combobox

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

pb d'affichage d'un div dessus une combobox

dimanche 27 mars 2005 à 06:18:57 | pb d'affichage d'un div dessus une combobox

sapakus
Bonjour à tous,

j'ai un ravissant menu contextuel (un div que l'on rend visible lors d'un clique) et une liste de choix (un <select><option></option>......</select>)

Or voilà, j'ai beau triturer le z-index des deux protagonistes, j'ai toujours le même problème :
La liste de choix crêve le menu contextuel quand celui ci s'affiche dessus !

J'avoue ne pas savoir si ce problème est du ressort du javascript, mais je ne vois pas de solution avec le css/xhtml.

merci de vos réponses

Sapakus
dimanche 27 mars 2005 à 14:36:00 | Re : pb d'affichage d'un div dessus une combobox

sapakus
Réponse acceptée !
Bon après une laborieuse recherche j'ai trouvé quelqu'un qui a poser la même question sur le forum de toutjavascript:   [ Lien ]

D'après ce qu'on lui à répondu, il s'agirait d'une particularité d'IE qui considèrerait une combobox comme une fenêtre à part entière (étrange !), ce que confirme d'ailleurs le site de microsoft : [ Lien ]

La liste déroulante est donc un élément "windowed" et passe outre le z-index.

La solution la moins écheveulée qui est proposée est de masquer la combobox à l'affichage du div. Mais cette solution a néamoins un défaut car dans mon cas, le menu contextuel ne recouvre que partiellement la zone de la combobox et par conséquent on la voit disparaitre et réapparaitre, ce qui n'est pas terrible.

Donc si quelqu'un à une autre ruse qu'il n'hésite pas à m'en faire part.

Merci

Sapakus
dimanche 27 mars 2005 à 18:03:24 | Re : pb d'affichage d'un div dessus une combobox

GhislainLavoie
Réponse acceptée !

Salut!

Je ne crois qu'il soit possible de faire autrement.  Le faire disparaître ou bien dans ton cas,  le remplacer par un trompe l'oeil soit une fausse boîte de combo box.

Uu exemple :

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function switche() {
if (!document.all) return;
var combBox = document.form.lecombo;
var texte = document.form.tromper;
if (combos.style.display == "block") {
texte.value = " " + combBox.options[combBox.selectedIndex].text;
texte.style.width = (combBox.offsetWidth-2)+"px";
combos.style.display = "none";
trompeloeil.style.display = "block";
alert("faux combo box activé");
}
else {
combos.style.display = "block";
trompeloeil.style.display = "none";
alert("combo box réactivé");
}
}
</script>
</head>
<body>
<form name="form">
<div style="display:block;" id="combos">
<select name="lecombo">
<option>testing</option>
<option>action</option>
<option>bonjour toi</option>
</select>
</div>
<div style="display:none;" id="trompeloeil">
<input name="tromper" style="border-right:1px solid black;" type="text" value="" onfocus="this.blur();"><span style="position:relative;top:3px;left:-17px;" ><img src="http://pages.videotron.com/glavoie/IECOMBOBOXARROW.jpg" width="16px" height="19px" alt="" border="0"></span>
</div>
<input type="button" value="Activer/Désactiver le trompe l'oeil" onclick="switche()">
</form>
</body>
</html>

A+, Ghislain
lundi 28 mars 2005 à 12:24:52 | Re : pb d'affichage d'un div dessus une combobox

sapakus
Merci pour cette solution Ghislain, J'étais justement dessus !

Maintenant, il ne me reste plus qu'à fignoler pour que la transition soit invisible.


Sapakus


Cette discussion est classée dans : combobox, pb, affichage, div, dessus

Répondre à ce message

Sujets en rapport avec ce message

Pb Netscape 7.0 et Mozilla Z:index négatif dans div [ par philou7 ] Bonjour,Je constate que Netscape 7.0 et Mozilla n'affichent pas les images contenu dans des div avec z:index de valeur négativeContrairement aux précé Verifier une valeur du combobox [ par chris81 ] bonjour,j'ai un petit pb, je souhaite verifier si dans mon combobox quelque chose a ete choisi. Si rien n'est choisi le combobox reste vide,j'ai creer prob de script: genre 'div' [ par GuilleW ] hello Zuste un ti prob tout bebete mais je peche dessus quand meme .bon je plante le decorsdisons que j'ai un truk comme sa:<table border=0 cellspacin pb menu & div [ par Joleroy ] Bonjour,J' ai creer mis sur mon site un menu trouvé ici ,Mais j' ai un probléme (http://81.56.136.114/eddie/index.php)si vous cliquez sur assurance, l PB Dreamwaver/IE 6.0 affichage qui bug !! [ par hyunkel69 ] En fait j'utilise Dreamwaver pour aller vite car j'ai plein d'autre truc a faire, mais j'ai un site à faire pour une boite... j'utilise un CSS, avec l pb d'affichage combo popup HELP ME [ par patinaroulette ] voici le probleme j'ai un bouton lorsque je clique dessus un popup s'ouvre j'ai aussi une combo box et diverses autres zones de texte lors de l'affich pb affichage menu deroulant!!! [ par joduak ] Salut! Pb de js, je n'arrive pas à afficher les différents éléments d'un menu déroulant à l'aide d'un tableau JS: J'ai essayé pleins de trucs du s pb avec z-index [ par emibru ] Bonjour, Je suis en train de refaire une partie de mon site web en remplaçant les frames, c'est à dire avec différents états d'une même page. J'ai mi Simple pb d'affichage javascript ! [ par joduak ] Bonjour, J'ai créé un formulaire, et je veux vérifier le contenu d'un textbox, pour cela j'ai créer une fonction qui teste this.value. je souhaitera détection flash player, affichage div [ par Farfadam ] Bonsoir à tous,je fais appelle a vos services car j'ai un petit souci (on peut dire ça comme ça...)donc voilà, en fait j'ai trouvé un code qui permet


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy S
Entre 529€ et 529€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,796 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)