Changer le texte

par **Akei** » 22 déc. 2005, 22:27

Merci beaucoup

par **Cyrano** » 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

par **Akei** » 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.

par **Cyrano** » 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>

par **Akei** » 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
++

Changer le texte

Répondre

Étendre la vue Revue du sujet : Changer le texte

Changer le texte