Discussion :

[facilus68]

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' );

[danielhagnoul]

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' );

[facilus68]

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.

[danielhagnoul]

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 !" );
	});
 
});

[facilus68]

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 ?

[danielhagnoul]

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(){.

[facilus68]

Merci pour ton aide Daniel