Mise à jour de div et formulaires (mootools)

Mise à jour de div et formulaires (mootools) - HTML/CSS - Programmation

Marsh Posté le 29-09-2008 à 18:10:43    

Bonjour.
 
Voici ma déclaration en javascript
 

Code :
  1. <script type="text/javascript">
  2.  window.addEvent('domready', function(){
  3.   $('myForm1').addEvent('submit', function(e) {
  4.    /**
  5.     * Prevent the submit event
  6.     */
  7.    new Event(e).stop();
  9.    /**
  10.     * This empties the log and shows the spinning indicator
  11.     */
  12.    var log1 = $('log_res1').empty().addClass('ajax-loading');
  14.    /**
  15.     * send takes care of encoding and returns the Ajax instance.
  16.     * onComplete removes the spinner from the log.
  17.     */
  18.    this.send({
  19.     update: log1,
  20.     onComplete: function() {
  21.      log1.removeClass('ajax-loading');
  22.     }
  23.    });
  24.   });
  25.  });
  26. </script>


 
Voici mon formulaire HTML.
 

Code :
  1. <form id="myForm1" action="trait.php" method="get">
  2. <div id="form_box">
  3. <div>
  4. <p> nom :</p>
  5. <input class="required " id="nom" type="text" name="nom" value="xxxx xxxx" />
  6. </div>
  7. <div>
  8. <p>Adresse:</p>
  9. <input type="text" class="required" id="adresse" name="adresse" value="xxxxx xxxxxx" />
  10. </div>
  11. <div class="hr">
  12. <!-- spanner -->
  13. </div>
  14. <input id="submit" type="submit" value="Envoyer" /><input type="reset" value="Annuler" />
  15. <span class="clr">
  16. <!-- spanner --></span>
  17. </div>
  18. </form>
  19. <div id="log1">
  20. <div id="log_res1"><!-- spanner --></div>
  21. </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. <div class="" id="log_res1">
  2. Une ambiguité a été détectée, précisez l'adresse
  3. <script type="text/javascript">
  4.  window.addEvent('domready', function(){
  5.   $('Form0').addEvent('submit', function(e) {
  6.    /**
  7.     * Prevent the submit event
  8.     */
  9.    new Event(e).stop();
  11.    /**
  12.     * This empties the log and shows the spinning indicator
  13.     */
  14.    var logg0 = $('logg_res0').empty().addClass('ajax-loading');
  16.    /**
  17.     * send takes care of encoding and returns the Ajax instance.
  18.     * onComplete removes the spinner from the log.
  19.     */
  20.    this.send({
  21.     update: logg0,
  22.     onComplete: function() {
  23.      logg0.removeClass('ajax-loading');
  24.     }
  25.    });
  26.   });
  27.  });
  28. </script>
  30. <form id="Form0" action="reponse1.php" method="get">
  31. <div id="form_box">
  32. <input type="hidden" name="url_parser" value="xxxxx"/>
  33. <div>
  34. <p>nom:</p>
  35. <input type="text" class="required" id="nom" name="nom" value="xxxx xxxxxx"/>
  36. </div>
  37. <div>
  38. <p>Adresse:</p><input type="text" name="adresse" value="xxxx xxxxx"/>
  39. </div>
  40. <div>
  41. <div class="hr">
  42. <!-- spanner -->
  43. </div><input type="submit" id="submit" value="Envoyer"/><input type="reset" value="Annuler"/>
  44. <span class="clr">
  45. <!-- spanner --></span>
  46. </div>
  47. </form>
  48. <div id="logg0">
  49. <div id="logg_res0" class="">reponse1</div>
  50. </div>


 
Merci à vous.

Reply

Marsh Posté le 29-09-2008 à 18:10:43   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed