11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour a tous,

Voila mon probleme :
Ma page comporte d'un coté une image, et de l'autre une serie de zones clickable. En cliquant sur une de ces zones, il faut soit remplacer l'image par une autre associé a la zone, soit effacer l'image si il n'y a pas d'image associé.

Pour realiser cela, le click sur une zone appelle une fonction javascript. Voila la partie de la fonction realisant la substitution :

if (isImage) {
document.getElementById('myImg').setAttribute('style', 'visibility:visible;');
document.getElementById('myImg').src = monImage;
document.getElementById('myImg').alt = monTexte;
} else {
document.getElementById('myImg').setAttribute('style', 'visibility:hidden;');
}


Cela fonctionne parfaitement sous Firefox ou sous Opera. Par contre sous IE, la substitution fonctionne bien mais si il n'y a pas d'image (isImage = false), alors l'image courante ne disparait pas.

Avez vous une idée pour realiser cela sous IE ?

Merci d'avance.
Modifié par Tieumitaz (07 Jul 2006 - 14:45)
Essaie de définir deux classes, une avec seulement visibility:visible et l'autre avec visibility:hidden, et contente-toi de changer le nom de la classe de ton image: par défaut, hidden, sinon visible...