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 :

Div qui disparait à la validation du formulaire


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Août 2009
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Août 2009
    Messages : 29
    Par défaut Div qui disparait à la validation du formulaire
    Bonjour,

    Je sais pas si je pose la question au bon endroit. Je trouve pas de forum spécifique JQUERY.

    J'ai un lien avec une class="open"

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <h5><a class="open" href="#">Rechercher une actualité</a></h5>
    lorsque je clique dessus il doit m'ouvrir une DIV avec une annimation JQUERY en slidedown. La DIV a un DI="panneau"

    Dans cette DIV j'ai un formulaire que je valide en cliquant sur un bouton submit qui a une class ="clic_recherche"

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     <input type="submit" name="bt_recherche" id="bt_recherche" class="clic_recherche" value="Rechercher" />
    Tout fonctionne trs bien jusqu'au moment ou je valide le formulaire et là, la div se referme. Je pensais régler le problème facilement en ajoutant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('#panneau').visible();
    mais ça ne marche :-(

    Merci pour votre aide.
    Voici le code JQUERY :

    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
     
    $(document).ready(function() {			
    				$('#panneau').hide();
     
    				$('.clic_recherche').click(function() {
    						alert('hello');
    						$('#panneau').visible();
     
    					});
     
    				$('.open').click(function() {					
     
    					//alert('hello');
     
    					if ($('#panneau').is(':visible')) {
    					//
    						$('#panneau').slideUp();
    						$('.open').text('Rechercher une actualité');
     
    					} else {
     
    						$('#panneau').slideDown();
    						$('.open').text('Fermer le moteur de recherche');
    						//$('#panneau').visible();
     
    					}
    				//	$('#panneau').visible();
    					return false;
     
    				});
     
    			});

  2. #2
    Membre très actif
    Homme Profil pro
    Déveleoppeur Web/Mobile
    Inscrit en
    Avril 2013
    Messages
    330
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Déveleoppeur Web/Mobile
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2013
    Messages : 330
    Par défaut
    Qu'est ce qui se passe quand tu valides le formulaire ? Car si ça recharge la page c'est normal que la div ne soit plus visible

  3. #3
    Membre averti
    Inscrit en
    Août 2009
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Août 2009
    Messages : 29
    Par défaut
    Oui j'ai l'impression que ça recharge la page mais du coup j'aimerai savoir comment contourner le problème de façon simple

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Deux possibilités,

    Avec rechargement :
    Soit passer un paramètre poru le récuoérer soit coté server lors du sublit, soit au rechargement coté cleint

    Sans rechargement:
    Soumettre le form avec ajax ..
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre averti
    Inscrit en
    Août 2009
    Messages
    29
    Détails du profil
    Informations forums :
    Inscription : Août 2009
    Messages : 29
    Par défaut
    Euhh oui merci

    Je pensais vraiment pas que ça soit si compliqué. La solution sans ajax me semble moins lourde mais ne m'enchante pas bien. Je pensais vraiment qu'avec du JQUERY je pourrais m'en sortir. :-(

    Merci tout de même

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    JQuery =javascript ...

    Il faut juste comprendre que js meurt avec la page, rechargement de page = > perte du js
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Réponses: 2
    Dernier message: 07/03/2012, 18h05
  2. Réponses: 1
    Dernier message: 02/10/2009, 16h51
  3. Div qui disparait sous Internet Explorer 6
    Par Crunkman dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 29/01/2009, 10h42
  4. Div qui disparait
    Par Stessy dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 02/01/2007, 09h32
  5. Récupérer l'adresse de l'url qui valide le formulaire?
    Par pegase33 dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 26/12/2005, 09h34

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