IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

show/hide un div en fonction du valeur de l'input text


Sujet :

jQuery

  1. #1
    Membre régulier Avatar de stomerfull
    Inscrit en
    Septembre 2005
    Messages
    307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 307
    Points : 122
    Points
    122
    Par défaut show/hide un div en fonction du valeur de l'input text
    Bonjour,

    je voudrais afficher un block div quand le champ input text est renseigner sinon on le masque avec jquery

    voila ce que j'ai fait :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    <script type="text/javascript">
    $(function(){
    var numeroclient=$("input#Numclient").val();
            if(numeroclient == "")
            {
                    $("#mondiv").hide();
                    return false;
            }else{
     
                    $("#mondiv").show();
                    return false;
     
            }
     
    });
    </script>
    <tr><td colspan="3"></td></tr>
    <tr>
            <td width="22%" class="textalignright labelbold">
            <?php
                                      echo "N&deg; client" ;
                                     
            ?>
            </td>
            <td width="3%" ></td>
            <td width="25%"  class="alignleft  labelitalic">
            <?php
                                      echo input_tag('Numclient','',array(
                                        'class' => 'input_text',
                                           'id' => 'Numclient'
     
                                                               ));
     
            ?>
     
            </td>
    <div id='mondiv'>le div</div>
    ça marche mais le probleme c'est que je dois recharger la page.

    comment fait t'on que quand on met une valeur dans le champ input le div s'affiche sans recharger la page et quand on ne met pas de valeur dans le input le div sera cacher sans recharger la page
    merci pour votre aide

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Bonjour,
    Tu appelles la fonction avec l'évenement onkeyup de l'input.

  3. #3
    Membre habitué Avatar de DiDieuh
    Étudiant
    Inscrit en
    Juillet 2009
    Messages
    111
    Détails du profil
    Informations personnelles :
    Âge : 35

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2009
    Messages : 111
    Points : 141
    Points
    141
    Par défaut
    Pour afficher ou masquer ta fonction en fonction de ton champs, tu dois appeler ta fonction sur l'évènement keyup, en gros une fois que ton utilisateur vient de finir de taper une touche. Là en l'occurrence ta fonction n'est jamais appelée

    EDIT: Me suis fais eu !
    DiDi

  4. #4
    Membre régulier Avatar de stomerfull
    Inscrit en
    Septembre 2005
    Messages
    307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 307
    Points : 122
    Points
    122
    Par défaut
    Bonjour

    ça a marché, nickel

    :-) merci et bonne journée à vous

  5. #5
    Futur Membre du Club
    Profil pro
    Étudiant
    Inscrit en
    Août 2006
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2006
    Messages : 9
    Points : 6
    Points
    6
    Par défaut
    Merci pour vos infos !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Show/hide différente div
    Par crush911 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 11/06/2014, 17h39
  2. Réponses: 9
    Dernier message: 29/06/2010, 16h44
  3. Réponses: 3
    Dernier message: 28/03/2008, 16h51
  4. [XSLT] appel d'une fonction javascript "onchange" d'un input text
    Par loukili81 dans le forum XSL/XSLT/XPATH
    Réponses: 5
    Dernier message: 25/12/2006, 18h14
  5. fonction combinée: liste de choix + input text
    Par jflebegue dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 01/09/2005, 18h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo