Prototype - Asynkron submit af form
Hej.Jeg har problemer med at submitte en form asynkront, når jeg henter en formen ind i en div via Ajax.Update. Nogen der ved, om man ikke kan dette?
Helt overordnet har jeg en menu, hvor man kan vælge "Profil". Når man klikker på linket, henter den via Ajax.Update en side ind, hvor jeg har lavet en formular til opdatering af ens profil (jeg bruger php og mysql). Herefter bruger jeg følgende script til at opdatere:
// <![CDATA[
document.observe('dom:loaded', function() {
function sendForm(event){
// we stop the default submit behaviour
Event.stop(event);
var oOptions = {
method: "POST",
parameters: Form.serialize("contactForm"),
asynchronous: true,
onFailure: function (oXHR) {
$('feedback').update(oXHR.statusText);
},
onLoading: function (oXHR) {
$('feedback').update('Sending data ... <img src="images/loading_indicator.gif" title="Loading..." alt="Loading..." border="0" />');
},
onSuccess: function(oXHR) {
$('feedback').update(oXHR.responseText);
}
};
var oRequest = new Ajax.Updater({success: oOptions.onSuccess.bindAsEventListener(oOptions)}, "test/processForm.php", oOptions);
}
Event.observe('submitButton', 'click', sendForm, false);
});
// ]]>
problemet er så, at den ikke vil opdatere. Det vil den godt, hvis jeg i stedet for at opdatere DIV'en med Ajax.Update, laver formularen direkte i DIV'en. SÅ er der no problemos.
Kan det have noget at gøre med, at filen (php) hvor formularen ligger, ikke ligger i samme bibliotek som index.php (hvor DIV'en er).
Håber en kan hjælpe.
/Jedi