Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
767 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème Aff/cacher un div : l'image ok sous FF mais pas sur IE

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème Aff/cacher un div : l'image ok sous FF mais pas sur IE

n°1282842
SnowKhan
http://www.snow-fr.com
Posté le 13-01-2006 à 12:05:56  profilanswer
 

Mon titre n'est peut etre pas très explicite, je suis désolé  [ohwell]  
 
Voila mon soucis : j'ai un div qui s'affiche ou se cache en cliquant sur un lien (le javascript standard qui agit sur la propriété display du div que tout le monde connait bien).
 
A l'intérieur de ce lien j'ai voulu mettre une petite image qui est un "plus" quand le bloc est caché, et un "moins" quand le bloc est visible (plier / déplier quoi !).
 
Sous Firefox et Opera mon code fonctionne très bien, mais sous IE l'image s'affiche 1 fois sur 10 et décale toute la mise en page.  
 
Pouvez vous m'aider à trouver une solution avant que je m'énerve vraiment contre cette --biiip-- de navigateur de --biiiip--  [fache]  
 
Copier coller de mon code :  
 

Code :
  1. <!DOCTYPE html
  2.                    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.                    "http://www.w3.org/TR/xhtml1/dtD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.       <title>Ma Page</title>
  7.       <script language="JavaScript" type="text/javascript">
  8.       <!-- Script DHTML by SnowKhan -->
  9.       function show_hide(bloc,blocimg)
  10.       {
  11.             elt=document.getElementById(bloc);
  12.             if (elt.style.display == 'none') {
  13.                   document.getElementById(bloc).style.display='block';
  14.                   document.getElementById(blocimg).src='images/deplier.jpg';
  15.             }
  16.             else {
  17.                   document.getElementById(bloc).style.display='none';
  18.                   document.getElementById(blocimg).src='images/plier.jpg';
  19.             }
  20.       }
  21.       </script>
  22. </head>
  23. <body>
  24.       <a href="javascript:void(0);" onclick="show_hide('mon_bloc','icone');">
  25.            <img id="icone" src="images/deplier.jpg" border="0" />
  26.            <strong>Header du bloc</strong>
  27.       </a>
  28.       <div id="mon_bloc" style="display:none">
  29.            contenu de mon bloc
  30.       </div>
  31. </body>
  32. </html>


 
Les deux petites images sont là :  
 
plier.jpg : http://img62.imageshack.us/img62/4830/plier9kk.jpg
deplier.jpg : http://img69.imageshack.us/img69/8775/deplier9sm.jpg

mood
Publicité
Posté le 13-01-2006 à 12:05:56  profilanswer
 

n°1282867
omega2
Posté le 13-01-2006 à 12:19:01  profilanswer
 

C'est un hack à la con, mais voilà ce que j'ai fait au boulot pour une page d'administration qu'avait ce genre de probléme :
element.innerHTML=element.innerHTML
 
Traduction : on remplace l'html du coup IE se rend compte que cette partie de la page à changé et il la met à jours.

n°1282884
SnowKhan
http://www.snow-fr.com
Posté le 13-01-2006 à 12:45:57  profilanswer
 

Merci beaucoup, cela a résolu à moitié mon problème : il n'y a plus de décalage de mise en page, en revanche l'image ne s'affiche toujours pas

n°1282976
omega2
Posté le 13-01-2006 à 14:15:50  profilanswer
 

T'es sur que IE va chercher l'image où il faut?  

  • image dans le bon dossier : par défaut, le dossier images situé dans celui de la page html modifié par le javascript
  • pas de différence minuscule/majuscule entre le nom réel et celui indiqué par le javascript.

n°1283019
SnowKhan
http://www.snow-fr.com
Posté le 13-01-2006 à 15:04:12  profilanswer
 

Oui j'ai bien vérifié les paths, et puis sous Firefox et Opera cela fonctionne bien, donc je pense pas qu'il s'agisse d'un problème comme ça. D'ailleurs en faisant clic droit + afficher l'image (sous IE6), l'image apparait bien.

n°1283074
SnowKhan
http://www.snow-fr.com
Posté le 13-01-2006 à 15:55:43  profilanswer
 

j'ai essayé une méthode différente, en settant les icones en background par CSS au lieu d'insérer l'image en html, et ça fonctionne
 
merci quand même pour ton aide omega !


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème Aff/cacher un div : l'image ok sous FF mais pas sur IE

 

Sujets relatifs
Probleme avec l'utilisation du port seirie et javax.comm[visual c++ 6] problème de compil' sous XP home
probléme MySql et visual.net 2003Probleme execution script python sitemap google
transformer une image en ascii/html ?Java: Probleme de Cast
[Sockets]Problème étrange[JAVASCRIPT] - Afficher une image aléatoirement sur une page WEB
[CSS] Bordure d'une image imaginaire[HTML] - Image de fond qui ne défile pas en même temps que la page...
Plus de sujets relatifs à : Problème Aff/cacher un div : l'image ok sous FF mais pas sur IE


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR