1. ✅ Apprenez une METHODE qui marche pour votre SEO ! Formation à distance avec Olivier Duffez et Fabien Facériès + aide pour prise en charge du financement
    Rejeter la notice

[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
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
Voir / masquer un § - Tout voir / tout masquer Développement d'un site Web ou d'une appli mobile 22 Mars 2016