2009/5/31 js_dev <[email protected]>

>
> Hello,
>
> I have a function i found on the web that allows you to submit a form
> through POST and obviously this function uses the prototype lib. Now
> it works as it should but you have to "hard code" 3 parameters into
> the function.
>
> 1) The form id of the form you want to post
> 2) The name of the php script that the form/ajax is posted too
> 3) The name of the html element that you want the ajax reposnsetext
> set into.
>
> Can i make this function more generic so that i can pass the above 3
> parameters to the function from the html.  In In the said function
> (below),the hard coded paramaters  are contactForm, feedback and
> login.php. So this listener function wathces for a form click on the
> form with id = contactForm etc...and then grabs the form POST data,
> but as i said what if i have more than one form with different ids,
> different output elements and different php scripts,
>
> 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);
>                                                        },
>
>                                                        onSuccess:
> function(oXHR) {
>                                                           $
> ('feedback').update(oXHR.responseText);
>                                                        }
>                                                };
>                                                var oRequest = new
> Ajax.Updater({success:
>
> oOptions.onSuccess.bindAsEventListener(oOptions)}, "login.php",
> oOptions);
>                                        }
>                                        Event.observe('submitButton',
> 'click', sendForm, false);
>
>                                });
>
> >
>

Maybe this can help you
http://www.mail-archive.com/[email protected]/msg06148.html
foo=function (evt, idForm, phpscript, htmlelement){
}
document.observe('dom:loaded',foo('id1', 'php1', 'ele1').curry);
document.observe('dom:loaded',foo('id2', 'php1', 'ele2').curry);

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to