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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème Aff/cacher un div : l'image ok sous FF mais pas sur IE

SnowKhan

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 :

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/dtD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ma Page</title>
<script language="JavaScript" type="text/javascript">
function show_hide(bloc,blocimg)
{
elt=document.getElementById(bloc);
if (elt.style.display == 'none') {
document.getElementById(bloc).style.display='block';
document.getElementById(blocimg).src='images/deplier.jpg';
}
else {
document.getElementById(bloc).style.display='none';
document.getElementById(blocimg).src='images/plier.jpg';
}
}
</script>
</head>
<body>
<a href="javascript:void(0);" onclick="show_hide('mon_bloc','icone');">
<img id="icone" src="images/deplier.jpg" border="0" />
<strong>Header du bloc</strong>
</a>
<div id="mon_bloc" style="display:none">
contenu de mon bloc
</div>
</body>
</html>

Les deux petites images sont là :

plier.jpg :
deplier.jpg :

Publicité

omega2

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.

SnowKhan

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

omega2

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.

SnowKhan

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.

SnowKhan

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 !

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

Page générée en 0.057 secondes