Mise à jour de div et formulaires (mootools)

[masseur]

Bonjour.

Voici ma déclaration en javascript

Code :

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
<script type="text/javascript">
		window.addEvent('domready', function(){
			$('myForm1').addEvent('submit', function(e) {
				/**
				 * Prevent the submit event
				 */
				new Event(e).stop();
 
				/**
				 * This empties the log and shows the spinning indicator
				 */
				var log1 = $('log_res1').empty().addClass('ajax-loading');
 
				/**
				 * send takes care of encoding and returns the Ajax instance.
				 * onComplete removes the spinner from the log.
				 */
				this.send({
					update: log1,
					onComplete: function() {
						log1.removeClass('ajax-loading');
					}
				});
			});
		}); 
	</script>

Voici mon formulaire HTML.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<form id="myForm1" action="trait.php" method="get">
<div id="form_box">
<div>
<p> nom :</p>
<input class="required " id="nom" type="text" name="nom" value="xxxx xxxx" />
</div>
<div>
<p>Adresse:</p>
<input type="text" class="required" id="adresse" name="adresse" value="xxxxx xxxxxx" />
</div>
<div class="hr">
<!-- spanner -->
</div>
<input id="submit" type="submit" value="Envoyer" /><input type="reset" value="Annuler" />
<span class="clr">
<!-- spanner --></span>
</div>
</form>
<div id="log1">
<div id="log_res1"><!-- spanner --></div>
</div>

Avec ces deux bouts de code quand je soumet mon formulaire, la réponse viens s'afficher dans mon div "log1".

Jusque la pas de problème.

Par contre si, la soumission de ce formulaire, refait appel à d'autres formulaires qui contiennent des noms différents des premiers formulaires, la validation de ce nouveau formulaire, ne s'affiche pas dans un div comme précedemment mais s'affiche dans une nouvelle page comme une soumission normale de formulaire.

Le div logg0 n'est pas mis à jour.
Code ci dessous.
Comme vous le voyez, il s'agit d'un nouveau code généré dans le div mis à jour suite à la validation du premier formulaire. <div class="" id="log_res1">

Code :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
<div class="" id="log_res1">
Une ambiguité a été détectée, précisez l'adresse
<script type="text/javascript">
		window.addEvent('domready', function(){
			$('Form0').addEvent('submit', function(e) {
				/**
				 * Prevent the submit event
				 */
				new Event(e).stop();
 
				/**
				 * This empties the log and shows the spinning indicator
				 */
				var logg0 = $('logg_res0').empty().addClass('ajax-loading');
 
				/**
				 * send takes care of encoding and returns the Ajax instance.
				 * onComplete removes the spinner from the log.
				 */
				this.send({
					update: logg0,
					onComplete: function() {
						logg0.removeClass('ajax-loading');
					}
				});
			});
		}); 
	</script>
 
<form id="Form0" action="reponse1.php" method="get">
<div id="form_box">
<input type="hidden" name="url_parser" value="xxxxx"/>
<div>
<p>nom:</p>
<input type="text" class="required" id="nom" name="nom" value="xxxx xxxxxx"/>
</div>
<div>
<p>Adresse:</p><input type="text" name="adresse" value="xxxx xxxxx"/>
</div>
<div>
<div class="hr">
<!-- spanner -->
</div><input type="submit" id="submit" value="Envoyer"/><input type="reset" value="Annuler"/>
<span class="clr">
<!-- spanner --></span>
</div>
</form>
<div id="logg0">
<div id="logg_res0" class="">reponse1</div>
</div>

Merci à vous.

[d-Rek]

Bonjour,

Les membres de ce forum ne sont pas spécialisés dans les frameworks. Chaque framework étant différent. Je t'invite donc à poster ta question sur le site de l'éditeur de Mootools et/ou de consulter la doc.