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 :

Accéder aux variables d'un formulaire après un load


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    279
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 279
    Par défaut Accéder aux variables d'un formulaire après un load
    Bonjour,

    Je souhaite charger un formulaire avec la fonction load. Après le chargement, je voudrais récupérer les éléments du formulaire.

    Comment faire cela ?

    Code html du formulaire :

    Code html : 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
     
    <div id="content">
    	<div class="post">
    		<h1 class="title">Nous contacter</h1>
     
    			<div class="entry">
     
    				<div id='form_wrap'>
     
    					<form method="post" name="contactForm" id="contactForm">
    						<p>hi,</p>
    						<label for="sujet">Sujet: </label>
    						<input type="text" name="sujet" value="" id="sujet" class="validate[required,custom[chaine]] text-input" data-prompt-position="topLeft:10"/>
    						<label for="message">Message : </label>
    						<textarea  name="message" value="Votre Message" id="message" class="validate[required] text-input" data-prompt-position="topLeft:20"></textarea>
    						<p></p>	
    						<label for="name">Nom: </label>
    						<input type="text" name="name" value="" id="name" class="validate[required,custom[chaine]] text-input" data-prompt-position="topLeft:10"/>
    						<label for="email">Email: </label>
    						<input type="text" name="email" value="" id="email" class="validate[required,custom[email]] text-input" data-prompt-position="topLeft:10"/>
    						<input type="submit" name ="env" id ="env" value="Envoyer" />
    					</form>
    				</div>
    			</div>	
    		</div>
     
    	</div>

    Le load comme suit :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $('#content').load('contacts/contact.php #content' );

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonjour

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    /*
     * Attention un ID doit être unique dans la page web,
     * cela concerne bien entendu le code chargé avec la 
     * méthode load(). Si j'ai bonne mémoire, vous utilisez 
     * souvent l'ID "content" !
     * 
     * Ici vous chargez un élément du DOM d'ID "content" dans 
     * un élément du DOM qui porte déjà l'ID "content".
     */
    $( '#content' ).load( 'contacts/contact.php #content' );

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    279
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 279
    Par défaut
    Bonjour Daniel,

    Dans le fichier loader j'ai supprimé la div dont l'id est "content" mais j'arrive pas a acceder aux variable du formulaire avant de faire un appel Ajax.

  4. #4
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Exemple :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    $( window ).load( function(){
     
    	$( "section.conteneur" ).on( "change", "#email", function(){
    		console.log( $( this ).val() );
    	});
     
     
    	$( "section.conteneur" ).load( "dvp3.html #content", function(){
    		$( "#message" ).text( "Hello les visiteurs !" );
    	});
     
    });

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    279
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 279
    Par défaut
    D'apres ce que j'ai compris :

    section : est un div dont l'id est 'section' (existe deja avant le load)

    conteneur : est un form dont la classe est 'conteneur' (existe apres le load)

    es ce exact ?

  6. #6
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut


    C'est un exemple, testé avec mon code ! Peu importe de quoi il s'agit chez moi.

    Il suffit de remplacer par ce qui existe chez vous : $( "votre id" ).load( "votreFichier.php #content", function(){.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

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

Discussions similaires

  1. Accéder aux variables static du Global.asax
    Par tscoops dans le forum ASP.NET
    Réponses: 3
    Dernier message: 10/04/2007, 14h41
  2. Accéder aux variable de la classe MyAppView
    Par greghass dans le forum MFC
    Réponses: 3
    Dernier message: 21/11/2006, 15h38
  3. Accéder aux variables se trouvant dans un autre fichier
    Par towogy dans le forum Autres langages pour le Web
    Réponses: 9
    Dernier message: 18/08/2006, 15h06
  4. [WAS 5]Accéder aux variables WAS
    Par thibaut dans le forum Websphere
    Réponses: 1
    Dernier message: 16/08/2006, 07h34
  5. Réponses: 1
    Dernier message: 07/07/2006, 14h56

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