OnClick, deux actions javascript
Résolu
Chantal FTW
Messages postés
11
Statut
Membre
-
Cedk06 -
Cedk06 -
Bonjour,
J'ai un bouton qui me permet grâce à un OnClick et javascript, de faire apparaître un texte. Mais le problème, c'est que je voudrais, une fois que le texte est affiché, le faire disparaître, en cliquant sur le même bouton. Comment faire ???
voici mon code :
<script language="javascript">
function affichertexte (texte, lieu)
{
if(document.getElementById)
document.getElementById(lieu).innerHTML = texte;
}
</script>
<input type="button" value="afficher/masquer le texte" onclick="affichertexte('mon texte', 'ici')">
<div id="ici"></div>
J'ai un bouton qui me permet grâce à un OnClick et javascript, de faire apparaître un texte. Mais le problème, c'est que je voudrais, une fois que le texte est affiché, le faire disparaître, en cliquant sur le même bouton. Comment faire ???
voici mon code :
<script language="javascript">
function affichertexte (texte, lieu)
{
if(document.getElementById)
document.getElementById(lieu).innerHTML = texte;
}
</script>
<input type="button" value="afficher/masquer le texte" onclick="affichertexte('mon texte', 'ici')">
<div id="ici"></div>
Configuration: Mac OS X Safari 528.16
4 réponses
-
Pourquoi pas un truc du genre :
fonction afficheMasque(texte, lieu)
{
if (document.getElementById(lieu).innerHTML == texte)
document.getElementById(lieu).innerHTML = ' '
else
document.getElementById(lieu).innerHTML = texte;
} -
je sais pas trop .. mais pr faire simple...
tu mets 2 boutons... l'un permettant de masquer l'autre...
là t'auras des actions à definir pour chacun d'entre eux..
-
Directement je vois pas comment faire , sinon tu peux faire un truc a l'arrache , c'est a dire tu créer une variable 'clic' de base elle vaut 0 , quand tu appui , elle passe a un .Tu fais ensuite un if sur la variable 'clic' si elle vaut 1 alors tu supprime le contenu et tu la repasse a 0.
Ca donnerait un truc du genre : ( c est plus un algo que du javascript ! : le code ne tourne surement pas mais ca te donne l'idée)
<script language="javascript"> function affichertexte (texte, lieu) { if(document.getElementById) { document.getElementById(lieu).innerHTML = texte; clic = 1; } } if (clic == 1) { document.getElementById(lieu).innerHTML = ' '; clic = 0; } </script> -
merci, j'ai arrangé un peu tout ça, et ça marche :
<script language="javascript">
clic = 0;
function affichertexte (texte, lieu)
{
if (clic == 0)
{
document.getElementById(lieu).innerHTML = texte;
clic = 1;
exit;
}
if (clic == 1)
{
document.getElementById(lieu).innerHTML = '';
clic = 0;
exit;
}
}
</script>
<form action="">
<input type="button" value="afficher" onClick="affichertexte('mon texte', 'ici')">
</form>
<br />
<div id="ici">
</div>
