Mise à jour de div et formulaires (mootools)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Mise à jour de div et formulaires (mootools)

masseur

Bonjour.

Voici ma déclaration en javascript

Code :

<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 :

<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">
</div>
<input id="submit" type="submit" value="Envoyer" /><input type="reset" value="Annuler" />
<span class="clr">
</span>
</div>
</form>
<div id="log1">
<div id="log_res1"></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 :

<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">
</div><input type="submit" id="submit" value="Envoyer"/><input type="reset" value="Annuler"/>
<span class="clr">
</span>
</div>
</form>
<div id="logg0">
<div id="logg_res0" class="">reponse1</div>
</div>

Merci à vous.

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Mise à jour de div et formulaires (mootools)

Sujets relatifs
VBS : Renommer un fichier à la date du jour	Mise à jour page suite à évènement serveur
Mise en forme d'une date	[JS]Events et javascript "inline" (Mootools,mais pas seulement)
remplir automatiquement des formulaires	problèmes de sessions et de variables [- soucis Mis à Jour -]
Requete pour mettre à jour une partie d'un champ	[PHP] Vous utilisez quelle classe pour générer/gérer vos formulaires ?
[VB]joindre une commande de mise en page EXCEL à une commande d'export
Plus de sujets relatifs à : Mise à jour de div et formulaires (mootools)

Page générée en 0.061 secondes