begin process at 2010 02 10 10:58:59
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs & Astuces

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

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


 Information sur la source

Note :
9,75 / 10 - par 8 personnes
9,75 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :17 284 / 2 549
Auteur : nickadele

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip Source avec une capture DOM PARCOURIR LES RÉPERTOIRES ET FICHIERS EN LOCAL (EXCLUSIF...
REMPLIR UN TABLEAU EN SPIRALE
Toutes les sources de nickadele

 Sources de la même categorie

VERIFIER UNE ADRESSE E-MAIL par elmersaid
DÉTECTER LES VISITEURS EN PROVENANCE DE GOOGLE par elmersaid
EMPÊCHER QUE VOTRE PAGE NE S'AFFICHE PAS DANS UN CADRE (IFRA... par elmersaid
ROLLOVER SUR LES BARRES DE SCROLL par elmersaid
OUTIL DE SÉLECTION par jdmcreator
Toutes les sources de la catégorie Trucs & Astuces

 Sources en rapport avec celle ci

OUTIL DE SÉLECTION par jdmcreator
Source avec Zip Source avec une capture FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz
DÉTECTION D'IE par kangourouxxx
Source avec Zip Source avec une capture BUG FIX PNG TRANSPARENT SOUS IE 6 (MOOTOOLS) par pysco68
SCRIPT ANTI-INTERNET EXPLORER ! par Ahweb

Commentaires et avis

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

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

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

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

++

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

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

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

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

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

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 Problème onMouseOver & onMouseOut avec Internet Explorer [ par BubbleSlade ] Bonjour tout le monde,voila je réalise un site ou j'aimerais avoir un menu avec une variation d'images lors d'un survol sur chaque item.Cependant j'ai Problème javascript et internet explorer [ par hamid7127 ] Salut, J'ai un problème à peu près similaire, j'ai une page en php et je veux exécuter un code javascript, ça marche très bien en Firefox, mais en in Problème avec IE de javascript [ par matdev62 ] Voilà mon problèmej'ai une page avec un formulaire lorsque que je suis sur certain champ une page contenant un tableau de choix s'ouvre dans une div.l Jquery ne fonctionne plus sous Internet Explorer [ par jonathandaros ] Bonjour, Je ne sais pas vraiment comment expliquer mes ennuis, et franchement ça commence à bien faire ... j'utilise Jquery et le plugin easing pou Problème de script avec ie [ par scinzia ] Bonjour, j'utilise le script suivant : script servant à faire défiler des images en boucle . Cependant , je rencontre un problème avec ie le script fo Mon animation se lit pas sur internet [ par MatheuxInfo ] Salut; J'ai un problème. J'ai réalisé une animation dans une page HTML avec dreamweaver 8 (c'est une porte qui s'ouvre en pointant la souris) qui se l


Nos sponsors


Sondage...

Comparez les prix


Console Nintendo Wii
Entre 220€ et 307€

Visiter le guide achat

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
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,827 sec (4)

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)