Mammouth du PHP |
19672 Messages
11 janv. 2006, 16:30
Tiens, voilà un exemple avec un seul bouton, l'idée, c'est que si le texte est visible, le bouton est intitulé "Afficher le texte", et si le texte est visible, alors le bouton est intitulé "Masquer le texte" :
<?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>Afficher ou masquer un texte avec un bouton</title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<script type="text/javascript">
/* <![CDATA[ */
function inverser()
{
var cible = document.getElementById('magique');
var bouton = document.forms['affichermasquer'].elements['afficher'];
if(cible.style.visibility == 'visible')
{
cible.style.visibility = 'hidden';
bouton.value = 'Afficher le texte';
}
else
{
cible.style.visibility = 'visible';
bouton.value = 'Masquer le texte';
}
}
/* ]]> */
</script>
</head>
<body>
<div id="magique" style="visibility: hidden">Texte quelconque...</div>
<form id="affichermasquer" method="post" action="#">
<p><input type="button" name="afficher" id="afficher" value="Afficher le texte" onclick="inverser(); return false;" /></p>
</form>
</body>
</html>
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse 