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>
A voir également:
- Javascript afficher texte onclick
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Texte barré whatsapp - Guide
- Afficher taille dossier windows - Guide
- Telecharger javascript - Télécharger - Langages
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;
}
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..
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)
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>
<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>
