Deux pitis boutons

Petit nouveau ! | 5 Messages

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

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 :axe:

Petit nouveau ! | 5 Messages

11 janv. 2006, 17:17

Merci beaucoup, passe une bonne journée :)