Changer le texte

22 déc. 2005, 21:49

Bonjour,
Voila j'ai fait un petit script pour cacher ou afficher un bloc.
Seulement, lorsque je clique sur le texte qui va appeler ce script, j'aimerais qu'il change, mais je ne sais pas comment m y prendre. J'ai essayé de mettre un write mais la page à l'air de planter.
Je vous mets mon code.

Code : Tout sélectionner

<body>
	<div onclick="afficher()" id="afficher">Afficher l'adresse</div>
	<div id="test" style="visibility: hidden">Affichage</div>
</body>

Code : Tout sélectionner

function afficher()
{
	if (document.getElementById("test").style.visibility=="hidden")
	{
		document.getElementById("test").style.visibility="visible";
	} else {
		document.getElementById("test").style.visibility="hidden";
	}
}

Si quelqu'un pouvait m'expliquer. J'espere avoir été assez claire.
Merci
++

22 déc. 2005, 21:54

Je viens de tester ton code tel quel et il fonctionne aussi bien sous Firefox que sous IE et même Opera

À tout hasard, voici ce que j'ai utilisé intégralement pour le test:

<?xml version="1.0" encoding="iso-8859-1" ?>
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>Masquer/Afficher au clic de souris</title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<script type="text/javascript">
/* <![CDATA[ */
function afficher()
{
   if (document.getElementById("test").style.visibility=="hidden")
   {
      document.getElementById("test").style.visibility="visible";
   }
   else
   {
      document.getElementById("test").style.visibility="hidden";
   }
}
/* ]]> */
</script>
</head>
<body>
   <div onclick="afficher()" id="afficher">Afficher l'adresse</div>
   <div id="test" style="visibility: hidden">Affichage</div>
</body>
</html>

22 déc. 2005, 22:17

Merci d'avoir répondu si vite.
En fait j'ai du mal m'exprimer désolée

Ce que je veux faire c'est de changer le texte de mon div "afficher l'adresse" en "cacher l'adresse" selon la visibilité du bloc.

22 déc. 2005, 22:23

Alors le même un peu modifié

<?xml version="1.0" encoding="iso-8859-1" ?>
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>Masquer/Afficher au clic de souris</title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<script type="text/javascript">
/* <![CDATA[ */
function afficher()
{
   if (document.getElementById("test").style.visibility=="hidden")
   {
      document.getElementById('afficher').firstChild.nodeValue = "Masquer l'adresse";
      document.getElementById("test").style.visibility="visible";
   }
   else
   {
      document.getElementById('afficher').firstChild.nodeValue = "Afficher l'adresse";
      document.getElementById("test").style.visibility="hidden";
   }
}
/* ]]> */
</script>
</head>
<body>
   <div onclick="afficher()" id="afficher">Afficher l'adresse</div>
   <div id="test" style="visibility: hidden">Affichage</div>
</body>
</html>

Tu trouveras une intéressante documentation sur le DOM ICI

22 déc. 2005, 22:27

Merci beaucoup

Changer le texte

Qui est en ligne