[Résolu] Problème getElementById IE8 et safari

Problème getElementById IE8 et safari [Résolu] - HTML/CSS - Programmation

Marsh Posté le 10-05-2010 à 16:47:18    

Bonjour,
 
J'ai un problème avec un scripte tout simple. Ce bout de code permet, en cliquant sur un élément d'un menu déroulant, d'afficher une div et de cacher les autres.
 
Ca fonctionne sous Firefox, Opéra
Ca ne fonctionne pas sous IE8, Safari
 
Pourquoi ?
 

Code :
  1. <form name="Choix">
  2.      Ville :&nbsp;<select name="Liste" style="width:150px;" onChange="Lien()">
  3.       <option selected onClick="document.getElementById('blmap1').style.display='none';
  4.            document.getElementById('blmap2').style.display='none';
  5.            document.getElementById('blmap3').style.display='none';">Choisir une ville</option>
  6.       <option onClick="document.getElementById('blmap1').style.display='block';
  7.            document.getElementById('blmap2').style.display='none';
  8.            document.getElementById('blmap3').style.display='none';">Carte 1</option>
  9.       <option onClick="document.getElementById('blmap1').style.display='none';
  10.            document.getElementById('blmap2').style.display='block';
  11.            document.getElementById('blmap3').style.display='none';">Carte 2</option>
  12.       <option onClick="document.getElementById('blmap1').style.display='none';
  13.            document.getElementById('blmap2').style.display='none';
  14.            document.getElementById('blmap3').style.display='block';">Carte 3</option>
  15.      </select>
  16.     </form>
  17. <div id="blmap1" style="display:none;">CONTENU blmap1</div>
  18. <div id="blmap2" style="display:none;">CONTENU blmap2</div>
  19. <div id="blmap3" style="display:none;">CONTENU blmap3</div>


Message édité par finaldinasty le 11-05-2010 à 09:57:08
Reply

Marsh Posté le 10-05-2010 à 16:47:18   

Reply

Marsh Posté le 10-05-2010 à 19:34:31    

C'est le comportement normal de ces deux moteurs.
Tu dois récupérer (par exemple) l'index de l'option choisie en passant par le select. Pour être plus clair, voilà un exemple
http://www.w3schools.com/js/tryit. [...] tion_index

Reply

Marsh Posté le 11-05-2010 à 09:56:47    

Merci beaucoup ca fonctionne parfaitement :)
 
Bonne journée!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed