[JS] Masquer / afficher un <div> à la saisie d'un <input>


Exatoxik
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 35
Inscription: 12 Juil 2010

[JS] Masquer / afficher un <div> à la saisie d'un <input>

Message le Mar Nov 02, 2010 11:44

Bonjour tout le monde

je cherche un code Javascript qui permettrait d'afficher un <div> quand un <input> de type text contient au moins un caractère, et de masquer ce <div> quand le <input> est vide (donc quand l'utilisateur efface tous les caractères du <input>).

En connaissez-vous un, SVP ?

Merci

mahdivitchee
WRInaute discret
WRInaute discret
 
Messages: 175
Inscription: 22 Mar 2010

Re: [JS] Masquer / afficher un <div> à la saisie d'un <input>

Message le Mar Nov 02, 2010 16:22

Bonjour

voila la solution :wink:
( le nom de champ input par exemple est : inptxt
le nom de div est : dvitxt )

code javascipt :

Code: Tout sélectionner
function divo(txtval)
{
if(txtval.length>1)
{
document.getElementById('dvitxt').style.display = 'block';
}
else
{
document.getElementById('dvitxt').style.display = 'none';
}
}



le code de input : <input name="inptxt" type="text" id="inptxt" size="33" onKeyUp="divo(this.value)" />


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité