Formulaire Mootools submit & content change

Question

Je souhaite remplacer le contenu de my_div après que l'utilisateur a cliqué sur le bouton de soumission avec la sortie provenant de my.php. Je veux y parvenir en utilisant mootools javascript library. Comment puis-je faire ceci?

<div id="my_div"> 
<form name="myform" action="http://www.domain.com/my.php" method="POST"> 
<br><br> 
<input type="text" size="25" value="Enter your name here!"> 
<br><input type="submit" value="Send me your name!"> 
</div> 

Merci d'avoir lu.

Answer 1

Vous devez donner un identifiant au bouton Soumettre, j'ai choisi 'fsubmit' dans cet exemple. Et 'f' est l'identifiant de la forme.

$('fsubmit').addEvent('click', function(e) { 
    e = new Event(e).stop(); 

    var url = $('f').get('action'); 

    var request = new Request({ 
     url: url, 
     method: 'get', 
     onComplete: function(response) { 
      $('my_div').set('html', response); 
     } 
    }); 

    request.send(); 
}); 

Ou vous pouvez utiliser un raccourci: http://mootools.net/docs/core/Request/Request.HTML

Answer 2

En fait, MooTools More a ce paquet Form.Request qui fait exactement ce que vous avez besoin.