And oakleaf: putting multiple fields on the form is pretty easy – just pile them up into the postString:

var postString = “thevalue=” + document.getElementById(“thevalue”).value + “&thesecondvalue” + document.getElementById(“thesecondvalue”) + “&thethirdvalue” + document.getElementById(“thethirdvalue”);

First of all, thank you for the great tutorial you have written on moo.ajax!

I’am looking for a way to use moo.ajax in a contact form in my website. Your tutorial is clear, but what I need is a form with more than one and I have real difficulties with javascript.

So, could you help me in my quest ? :)

Thank you!

I’ve just gotten into AJAX and I’m loving it so far. This little thing’s got me stumped.

I have done a little more homework.

I was able to clip out of prototype.js some bits related to forms, so I can use Form.serialize. I love the size/parsimony of the moo.fx scripts, so I wanted to at least try to keep to that.

With that done, I can use the code as a ajaxy-’widget’ for most simple forms.

One important caveat, the snippet — call it “formslite.js” — is working with Firefox, but not at all with IE, which seems to want the whole prototype.js. So, in my enthusiasm, I may have taken one step forward, and one step back. LOL.

Cheers and thanks again!

@Jack: That’s what suprised me about it as well. Once I figured out that you could just return your script’s printed output, I decided to write a tutorial about it, since I felt other tutorials never really showed that part of it.

@A. Friendly: I’ve set up a supplemental example to show one way of handling multiple submit buttons. It might not be the easiest way, but it’s the first thing that came to mind for me. Here’s the example, and here’s the source for it. The easy part was making it work without Javascript; the tough part was getting it to work with javascript!

Also, I’m planning on making an overhaul of the article based on some feedback I’ve gotten (thank you) and also writing a follow-up or two, so I’ll be adding more advanced, complicated, and hopefully useful examples.

I would, of course, recommend doing more homework on what’s available with ajax. However, the simple stuff that I’ve outlined here is enough to do some really cool things. I guess the best way to put it is that if what’s written here offers the solution to your problems, then it’s all you need. If not, then you can always study up. I’ll be providing more material soon.

@Piotrek: Great idea! I had originally planned on only using the ajax object itself for simplicity, but utilizing the other tools available in prototype(lite) would probably make it MORE simple, rather than less. I’ll probably change that when I revise the article.

But still it’s always nice to see somebody doing something for others.

Cheers.

I am interested in understanding more about how to modify the ‘initializer’ to handle more than one button on a form, if possible with the moo.ajax call, and thereby maintain unobtrusive JavaScripting. Other buttons might be “validate” or “check”, in addition to “compute”, for example.

Also, it would be cool if you could suggest the variations or ‘complications’ you had in mind, even if you don’t have time/space/purpose for them here, to get/give a sense of whether ‘simple’ is good enough, :-), or ‘more homework’ is advisable, :-(.

Thank you for taking the time.

Bye.