OnClick, deux actions javascript
Résolu
Chantal FTW
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
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
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Texte barré whatsapp - 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>
