Rechercher : dans
Par :

Javascript: afficher/cacher un div avec image

bono92, le 20 mai 2009 à 14:41:49 
 Signaler ce message aux modérateurs

Bonjour,

1. Je souhaite créer un div qui va s'afficher / se cacher dès qu'on clique sur une petite image.
2. De plus, je souhaite afficher une image différents selon que le div est caché (image avec un + : plus.gif) ou le div est affiché (image avec un - : minus.gif)

Pour la 1er partie, j'ai réussi à le faire avec le code suivant :

<script type="text/javascript">
function switchMenu(obj){
var el = document.getElementById(obj);
if(el.style.display != "block"){
	el.style.display = "block";
}else{
	el.style.display = "none";
}
}
</script>
<a onclick="switchMenu('myvar');" title="Switch the Menu"><img src="/images/plus.gif">Ouvrir / Fermer</a>
<div id="myvar" style="display: none;">Hello  the world!</div>


Pour la 2eme partie, je sollicite votre aide :-)

Merci d'avance
Configuration: Windows XP
Firefox 3.0.10

Meilleures réponses pour « javascript: afficher/cacher un div avec image » dans :
[Webmaster] Afficher une image de grande taille VoirPour la plupart des internautes, afficher une image de grande taille dans une page web est trop lourd. Zoomify est un petit programme Flash qui permet de rendre une image zoomable et navigable, et chargeant l'image par morceau selon le...
Choisir une image et savoir l’optimiser pour son site pro VoirChoisir une image et savoir l’optimiser pour son site professionnel Pour rendre un affichage optimal des images de votre site Internet professionnel, le choix du format doit être impérativement réalisé en fonction de son utilisation. Choisir...