Forum d'entraide PHPFrance

Bonjout, je voudrais créer 2 boutons, une qui fait disparaitre une zone de texte, et l'autre qui la fait apparaitre, pouvez vous guider l'ami d'une blonde à forte pointrine. merci

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>

Merci beaucoup, passe une bonne journée

Forum d'entraide PHPFrance

Deux pitis boutons

Deux pitis boutons