AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 01 10 01:09:07
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

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


Information sur la source

Catégorie :Trucs & Astuces Classé sous : select, problème, ie, internet, explorer Niveau : Débutant Date de création : 02/06/2006 Date de mise à jour : 01/08/2008 14:31:57 Vu / téléchargé: 13 919 / 2 242
Auteur : nickadele Site perso
Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Note :
9,75 / 10 - par 8 personnes
9,75 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (18)
Ajouter un commentaire et/ou une note

Description

Voici un petit tuto étape par étape pour vous expliquer une méthode pour corriger le problème des listes box et des DIV dans IE !
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de econs le 02/06/2006 15:41:19 administrateur CS

Au début, je me demandais ce que pouvait être ce problème de div, mais j'ai rapidement compris.
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 ...

signaler à un administrateur
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

signaler à un administrateur
Commentaire de thierry38080 le 03/06/2006 08:55:01

Bravo nickadele !

Ç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...

signaler à un administrateur
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 !

signaler à un administrateur
Commentaire de PetoleTeam le 06/06/2006 13:08:53


Félicitations à toi d'avoir eu la patience de la recherche... Peu de personne font encore cela pour le FUN...
Habituellement je ne note pas, pas forcément les compétences, mais cela vaut un 15 d'honneur... voire un VIN d'honneur...
;0)

signaler à un administrateur
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))

signaler à un administrateur
Commentaire de josh666 le 06/06/2006 17:32:49

Ouais je c'est que c'est une méthode... ma sa serait sympa qu'il developpe une fonction .. parce que plusierus personne votn trouver lourd de devoir essayer d'utilisé sont bout de code alors qu'il s'i connaisse peu en  javascript..  mais bon pas grave.. je la developperai moi meme et kan jaurai terminer je la posterai !

++

signaler à un administrateur
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

signaler à un administrateur
Commentaire de tmpdev le 06/10/2006 13:46:53

J'ai ce problème depuis quelque temps que je ne sais pas du tout comment m'y prendre. Comme nickadele a dit, il n'y a pas beaucoup de soloutions proposées sur interent (voir pas du tout !).

Merci pour le tuto. C'est très bien expliqué avec les pages.

TmpDev.

signaler à un administrateur
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

signaler à un administrateur
Commentaire de PetoleTeam le 20/07/2007 00:06:38

Bonjour,
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

signaler à un administrateur
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

signaler à un administrateur
Commentaire de korpica le 31/07/2007 22:44:25

vraiment merci pour le code. J'avais beau chercher sur le net, j'avais trop du mal pour piger le truc, surtout que bcp de site en anglais.

Tes sources m'ont donné le petit plus qui m'a permis de résoudre mon soucis

Un grand merci !

signaler à un administrateur
Commentaire de ELABIDI le 17/09/2007 19:13:58

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

signaler à un administrateur
Commentaire de erthi17 le 18/10/2007 20:33:07

Salutations à toutes et à tous!

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+

signaler à un administrateur
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+

signaler à un administrateur
Commentaire de nickadele le 19/10/2007 13:38:51 administrateur CS

Bonjour,

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

signaler à un administrateur
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+

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Problème Netscape7.02 [ par defluc ] BonjourJ'ai écrit des Javascripts qui régissent correctement sous Internet Explorer mais non sous Netscape 7.02.Plus précisément, le changement d'affi Internet Explorer/Mozilla [ par alahyaneali ] BonjourJ'ai un petit problèmeJ'ai fais un programme qui m'affiche dans une page une successiond'images avec un timer.Sur Internet explorer ça marche t Problème compatibilité Internet Explorer [ par FloKun ] Bonjour à tous, j'ai récupéré une menu milonic sur je ne sais plus quel post (je cherche depuis 1/4 d'heure :( ) et je l'ai adapté au site de mon entr Problème d'affichage du site perso sous Internet Explorer 7 [ par Justkill ] Bonjour à vous tous,je viens pas souvent sur ce forum, mais lorsque que je viens c'est vraiment que j'ai rien trouvé.Voilà mon problème, j'ai un site ie est de mozilla [ par sikove ] Salut, en parcourant les champs du navigator en javascript, j'ai remarqué que le codename de ie est mozilla ? donc internet explorer est un navigateur onClick et execCommand incompatibles sous Internet Explorer [ par Shinji49 ] Bonjour,Je travaille sur un editeur Javascript depuis quelques temps et je me casse les dents pour le rendre compatible avec Internet Explorer.En effe Gèrer la transparence [ par nicomilville ] Salut,Je suis en train de faire une fonction pour gèrer une boite de dialogue personalisé, et je suis tombé sur un problème, pour gèrer la transparenc internet explorer [ par gegefanfan ] bonjourInternet explorer demarre spontanement sur mon PC , comment peut on supprimer ce demarrage et ne faire appel a internet explorer que lorsque j' Background-image marche pas avec Internet Explorer [ par amer_ezahir ] Salut ; j'ai un problème d'affichage d'une "background-image" au niveau de Internet Explorer , sur Fire fox ça marche trés bien ! j'ai recherché sur Site fonctionnant sous ie mais pas sous firefox [ par JuJu ] BonjourJe n'arrive pas à naviguer dans les menus sous firefox, tandis que sous ie les liens fonctionnent sans problème.url: http://www.chaletpourgroup


Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,390 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.