Partage
  • Partager sur Facebook
  • Partager sur Twitter

Afficher / Cacher un texte lors d'un clic

Sujet résolu
Vekah
    20 février 2009 à 21:38:25

    Bonsoir amis zéros,
    je me lance depuis peu dans l'apprentissage de javascript.

    Je souhaite, afficher ou cacher (selon l'état actuel) un texte, en cliquant sur une image.

    Voilà mon code, il ne marche pas, rien ne s'affiche, et BugZilla m'indique comme erreur : "too much recursions".

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<title>test JS</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script language="javascript" type="text/javascript">
			function montrer(param){
				if(param=='plus'){
					document.getElementById("contenu").innerHTML="Test lalalallala";
					document.getElementById("plus").onclick=montrer('moins');
					document.getElementById("plus").src="moins.jpg";
					return;
				}
				else{
					document.getElementById("contenu").innerHTML="";
					document.getElementById("plus").onclick=montrer('plus');
					document.getElementById("plus").src="plus.jpg";
					return;
				}	
			}		
		</script>
	</head>
   <body>
   	<div>
			<img id="plus" src="plus.png" alt="plus" onclick="montrer('plus')"; />
   	</div>
   	<div>
   		<span id="contenu"></span>
   	</div>
   </body>
</html>
    • Partager sur Facebook
    • Partager sur Twitter
    Timot
    • Javascript
      20 février 2009 à 22:01:17

      Tu cherche trop compliqué :
      function changer(){
	if(document.getElementById("contenu").style.display=='block'){
		document.getElementById("contenu").style.display="none";
		document.getElementById("plus").src="plus.jpg";
	}
	else{
		document.getElementById("contenu").style.display="block";
		document.getElementById("plus").src="moins.jpg";
	}	
}


      <div>
			<img id="plus" src="plus.png" alt="plus" onclick="changer()"; />
   	</div>
   	<div>
   		<span id="contenu">Blablablaba</span>
   	</div>
      • Partager sur Facebook
      • Partager sur Twitter
      Vekah
        20 février 2009 à 22:11:48

        Cela ne marche pas chez moi ... o_O

        Edit: j'ai rien dit, petit probleme de sauvegarde ... Bref ça marche merci :-)
        • Partager sur Facebook
        • Partager sur Twitter

        Afficher / Cacher un texte lors d'un clic

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur ●
        • Markdown