[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:
    166
    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
[JS] : empêcher la caractère espace Développement d'un site Web ou d'une appli mobile 7 Janvier 2009
[JS] Inserer un text dans un input ! Développement d'un site Web ou d'une appli mobile 18 Août 2008
[JS] Compatibilité FF/IE - fonction via formulaire Développement d'un site Web ou d'une appli mobile 15 Juillet 2008
[JS] CTRL+C "forcé" au clic Développement d'un site Web ou d'une appli mobile 16 Décembre 2007
[JS][résolu]array is not defined pourtant je l'ai défini Développement d'un site Web ou d'une appli mobile 17 Août 2007
[JS] placer le curseur à la fin d'un champ INPUT Développement d'un site Web ou d'une appli mobile 25 Mai 2007
[JS] Petits problemes pour un script Développement d'un site Web ou d'une appli mobile 12 Août 2006
[JS] window.location.href ou document.location.href ? Administration d'un site Web 12 Mai 2005
Comment masquer une div qui rencontre une autre div Développement d'un site Web ou d'une appli mobile 16 Janvier 2022
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
Est-il possible de masquer le code source d'une page web ? Développement d'un site Web ou d'une appli mobile 16 Novembre 2016