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 :
[Windows] Affichage de l'aperçu des images en miniatures VoirSi jamais Microsoft Windows n'affiche plus les images en miniatures, il suffit de suivre la procédure ci-dessous : Faire un clic droit sur une image, puis, dans le menu choisir "Ouvrir avec". Cliquez sur "Choisir le programme" et choisissez "Aperçu...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Javascript - Afficher un message d'au-revoir aux visiteurs VoirIl est parfois très plaisant d'afficher un message en remerciant les visiteurs de votre site de leur passage. Cette astuce a pour but de vous montrer comment s'y prendre. 1.La fonction JavaScript 2.Appel du Script 1.La fonction...