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 :

afficher un champ de formulaire


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    131
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 131
    Par défaut afficher un champ de formulaire
    bonjours a tous,

    bon je début a JQ et JS et je cherche a afficher un champ une fois que l'on a click sur un input de type chekbox .
    j'aimerais que sa marche au click mais pour le moment sa marche que l'orque je réactualise la page.

    voici le code js

    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
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    	$(document).ready(function() {
     
                $(".hide").hide();
                $(".loader").hide();
                $("#add_form").hide();
     
    $("[:checkbox]:checked").each(
        function() { 
           $('#add_form').slideDown();
     
     
        } 
    );
     
     
     
     
     
    	});
    </script>
    et voici le code html

    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
          <div class="loader"></div>
          <input class="show"  id="show" type="checkbox"  />
          <div id="success"></div>
     
     
     
     
     <form id="add_form" action="add.php" method="post">
     
            <label for="titre">Titre:</label>
            <span class="error"></span>
            <input type="text" name="titre" id="titre" />
     
            <label for="contenu">Contenu:</label>
            <span class="error"></span>
            <textarea name="contenu" id="contenu"></textarea>
     
            <input type="submit" class="submit" value="Envoyer" />
    si qqun peu m'aider je le remercie d'avance

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    $('#show').click(function(){
        if($(this).is(':checked')){
            $('#add_form').slideDown();
        }
        else{
            $('#add_form').slideUp();
        }
    });
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    131
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 131
    Par défaut
    super merci

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

Discussions similaires

  1. Afficher un champ de formulaire avec checkbox
    Par rvm31 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 28/11/2012, 13h48
  2. Réponses: 2
    Dernier message: 21/07/2010, 14h45
  3. Réponses: 5
    Dernier message: 25/04/2008, 13h30
  4. Afficher certains champ de formulaire
    Par Daniel MOREAU dans le forum IHM
    Réponses: 1
    Dernier message: 07/05/2007, 23h21
  5. Afficher/masquer des champs de formulaire à la demande
    Par renaud26 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/10/2006, 13h20

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