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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Exatoxik, 2 Novembre 2010.

  1. Exatoxik
    Exatoxik Nouveau WRInaute
    Inscrit:
    12 Juillet 2010
    Messages:
    33
    J'aime reçus:
    0
    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
     
  2. mahdivitchee
    mahdivitchee WRInaute discret
    Inscrit:
    22 Mars 2010
    Messages:
    168
    J'aime reçus:
    0
    Bonjour

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

    code javascipt :

    Code:
    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)" />
     
Chargement...
Similar Threads - [JS] Masquer afficher Forum Date
[JS] Forcer deux clics sur un input Développement d'un site Web ou d'une appli mobile 15 Mars 2014
[JS] Actualiser options <select> après choix d'un autre <select> Développement d'un site Web ou d'une appli mobile 28 Juin 2012
[JS] Remplacer un "," par un "." dans un INPUT Développement d'un site Web ou d'une appli mobile 8 Mars 2012
[JS] executer la fonction d'une variable Développement d'un site Web ou d'une appli mobile 25 Octobre 2011
[JS] - Un script qui plante uniquement en arrivant depuis google ! Développement d'un site Web ou d'une appli mobile 18 Mars 2011
[JS] Un compte a rebours avec avance rapide - dev Développement d'un site Web ou d'une appli mobile 30 Décembre 2010
[JS] Remplacer des retours à la ligne par des <br /> à la saisie Développement d'un site Web ou d'une appli mobile 14 Novembre 2010
je n arrive pas a masquer les variables dans mon url URL Rewriting et .htaccess 31 Juillet 2021
mon code ne fonctionne pas pour masquer les .php URL Rewriting et .htaccess 31 Juillet 2021
Masquer une div si Internet Explorer Développement d'un site Web ou d'une appli mobile 14 Décembre 2019