SELECT >> DIV >> LE PROBLÈME DANS IE, COMMENT LE RÉSOUDRE
econs
Messages postés
4030
Date d'inscription
mardi 13 mai 2003
Statut
Membre
Dernière intervention
23 décembre 2008
-
2 juin 2006 à 15:41
jbiaussat Messages postés 2 Date d'inscription vendredi 21 septembre 2007 Statut Membre Dernière intervention 4 mars 2010 - 4 mars 2010 à 12:51
jbiaussat Messages postés 2 Date d'inscription vendredi 21 septembre 2007 Statut Membre Dernière intervention 4 mars 2010 - 4 mars 2010 à 12:51
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/37901-select-div-le-probleme-dans-ie-comment-le-resoudre
https://codes-sources.commentcamarche.net/source/37901-select-div-le-probleme-dans-ie-comment-le-resoudre
4 mars 2010 à 12:51
et la solution est :j'ai mis l'addresse en formw15 et input15
4 mars 2010 à 11:46
3 mars 2010 à 15:52
j'ai mis l'addresse en formw15 et input15 :)
19 oct. 2007 à 14:57
Merci pour les commentaires judicieux!
Je viens du monde Flash et losque j'avais un message de validation à placer au dessus d'un formulaire, je générais toujours un écran translucide (btn fond blanc 50%...) entre les couches formulaire et message... ce qui bloquait du coup l'utilisation des contrôles formulaire tant que le message n'était pas explicitement fermé par l'utilisateur...
J'ai voulu donc refaire cette manipulation en HTML / Jacascript / CSS... mais présence du bug IE pour les éléments SELECT...
Mon setup:
1. formulaire HTML
2. DIV Message
2.1 DIV écran translucide 100% de la page noir 50%
2.2 DIV fenêtre avec texte explicatif
Par défaut l'élément DIV Message est à display:none et sur erreur de validation devient display:block... Dans mon cas, même si les éléments SELECT (sous mon DIV Message) deviennent invisibles, l'écran translucide atténue ce désagrément. Sur fermeture du DIV Message, je réaffiche les SELECT préalablement cachés.
Une question de goût et de background quoi!
P.S. Géniale la façon dont tu démontres ta solution!!!!!
A+
19 oct. 2007 à 13:38
la solution des éléments Select à cacher à déjà été exposée dans un autre post (source).
Il y a plusieurs problèmatiques à ta solution :
-que faire si le DIV contient lui même des éléments Select (ils seront cachés)?
-que faire à la fermeture du DIV (lorsqu'il faut refaire apparaître les éléments Select)
si un process de validation d'un formulaire cachait un élément Select, ce dernier va apparaître ???
De plus pour ma part je ne trouve pas très élégant de voir disparaître de ma page une série d'objet !
Nickadele
18 oct. 2007 à 21:26
A+
18 oct. 2007 à 20:33
Personnellement, je n'aime pas trop les frames ni les i-frames... alors j'ai testé une autre solution.
Il semble que le problème de IE ici soit le rafraichissement (comme dans bien d'autre situation). Alors, ma solution est de se servir du setTimeout...
1. cacher les éléments select qui pourraient se trouver sous notre DIV à afficher...
2. appeler la fonction qui affiche notre DIV caché avec un délais... setTimeout("show_DIV()",500); //pour 500ms.
J'avoue que c'est un hack mais... ça fonctionne sans frame.
A+
17 sept. 2007 à 19:13
31 juil. 2007 à 22:44
Tes sources m'ont donné le petit plus qui m'a permis de résoudre mon soucis
Un grand merci !
20 juil. 2007 à 17:59
j ai poste ma question dans la partie probleme de compatibilité.
N'hesitez pas à me repondre
Merci
20 juil. 2007 à 00:06
Les questions sont à poser dans le FORUM en sélectionnant bien le bon théme, tu auras plus de chance d'être lu.
A bientôt donc sur le FORUM
Javascript / DHTML / Ajax / JavaScript et le navigateur / Problème de compatibilité
par exemple
19 juil. 2007 à 15:24
Je ne sais pas si je mets ca dans le bon tuto mais bon desole je ne savais pas ou le mettre.
Alors voila, j ai un probleme d'une de mes fonctions javascript qui fonctionne sur Mozilla mais pas sur IE. Celle-ci me permet d'afficher une balise div ou de la cacher selon la valeur que j'attribues a mon select. voici ma fonction JAVASCRIPT:
function RendVisibleClient(texte)
{
if (texte=="Prive")
window.document.getElementById("test").style.visibility= 'visible';
else
window.document.getElementById("test").style.visibility= 'hidden';
}
et voici ma balise div :
MERCI D AVANCE
6 oct. 2006 à 13:46
Merci pour le tuto. C'est très bien expliqué avec les pages.
TmpDev.
6 juin 2006 à 18:41
Thierry38080 d'accord avec toi que ce n'est pas d'un niveau de débutant, mais comme cela concerne un problème que l'on peu rencontrer à tout niveau je me suis dit que débutant serait plus adéquat.
Josh666, oui ça pourrait se faire mais comme dit PetoleTeam c'était pas l'objectif premier, de plus si tu observes bien le code j'y ai placé d'autres trucs et astuces, notamment au niveau CSS avec uniquement l'emploi de DIV (pas de tableau) !
Libre à toi de partir de mon code pour en faire une nouvelle source.
Nickadele
6 juin 2006 à 17:32
++
6 juin 2006 à 13:14
TOUT à fait raison MAIS il s'agit plus d'une méthode que d'un code rexploitable directement...aussi à chacun de l'adapter, c'est cela aussi l'esprit CodesSources...
;0))
6 juin 2006 à 13:08
Habituellement je ne note pas, pas forcément les compétences, mais cela vaut un 15 d'honneur... voire un VIN d'honneur...
;0)
5 juin 2006 à 16:55
Bonne continuation !
3 juin 2006 à 08:55
Ça fait tellement longtemps que je connais ce problème sous IE que je m'étais résigné...
Bon nombre d'infographistes se sont vus refuser une créa parce que je leur disais toujours : "non c'est pas possible de placer un calque flash par dessus une liste déroulante !"...
Cette époque est maintenant révolus grâce à toi et à ta ténacité !
Merci encore et bravo !
PS : le niveau "débutant" me parait bizarre car je pense bien maîtriser JavaScript et Css depuis 6 ans maintenant, et ça, je connaissais pas...
2 juin 2006 à 16:24
comme tu dis en plaçant l'IFRAME entre le Select et le DIV, mais pour cela il faut juste s'assurer d'une chose : c'est de mettre l'IFRAME avec un z-index à 0, sans quoi c'est comme si tu avais une vitre devant ton DIV car ton Iframe se positionne par-dessus le DIV, tu le vois mais tu sais pas inter-agir avec !
Il y a d'autres solutions comme celle utilisée pas code-source qui consiste à cacher le select, mais perso je trouvait pas cela très élégant.
Ce qui m'étonne surtout c'est le peu de solution valable disponible sur le net.
Celle que j'ai réalisée découle de 3 longues soirées de recherche pour glanner ça et là une piste de réflexion mais jamais de solution toute faite.
Voilà, j'espere que ça aidera d'autres personnes, pourquoi pas codes-sources ;o)
Nickadele
2 juin 2006 à 15:41
Sympathique cette façon de présenter le problème !
Donc si j'ai bien compris, une iframe passera toujours au dessus d'un select, donc en plaçant cette iframe entre le select et le div, tu shuntes le souci ...