Deux pitis boutons

par **kifpaddle** » 11 janv. 2006, 17:17

Merci beaucoup, passe une bonne journée

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

par **kifpaddle** » 11 janv. 2006, 16:13

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

Deux pitis boutons

Répondre

Étendre la vue Revue du sujet : Deux pitis boutons

Deux pitis boutons