SELECT >> DIV >> LE PROBLÈME DANS IE, COMMENT LE RÉSOUDRE

Commentaire de nickadele le 02/06/2006 16:24:16 administrateur CS

Salut Econs,

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

Commentaire de josh666 le 05/06/2006 16:55:23

C'est bien ton truc, sa règle se problème, mais pour rendre l'utilisation plus simple pourquoi ne pas créer une function pour créer des div vollant à la voller avec dans la fonction la vérification du navigateur (si IE générer le div avec le IFRAME)

Bonne continuation !

Commentaire de PetoleTeam le 06/06/2006 13:14:56

J'allais oublier à l'attention de JOSH666...

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))

Commentaire de nickadele le 06/06/2006 18:41:14 administrateur CS

Merci à tous pour vos remarques et vos encouragements !

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

Commentaire de wals69 le 19/07/2007 15:24:47

bonjour a tous .
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 :

<div id="test" style="border:hidden">
</div>

MERCI D AVANCE

Commentaire de wals69 le 20/07/2007 17:59:49

OK je suis desole
j ai poste ma question dans la partie probleme de compatibilité.
N'hesitez pas à me repondre
Merci

Commentaire de ELABIDI le 17/09/2007 19:13:58

Très bon travail! Merci pour la manière de présenter la solution!

Commentaire de erthi17 le 18/10/2007 21:26:00

Juste une petite note pour ajouter qu'il est possible de descendre le délais à 100ms sans affecter le fonctionnement!

A+

Commentaire de erthi17 le 19/10/2007 14:57:20

Salutations!!!

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+

Commentaire de nickadele le 04/03/2010 11:46:24 administrateur CS

@JBIAUSSAT c'est quoi ton problème, soit plus explicite ???