Easy AJAX inline text edit

As everybody knows, refreshing pages is so 1999. AJAX, DOM, whatever you call it makes it possible to let people edit a piece of text inline without having to use a submit button.

This small piece of javascript reads al SPAN tags, checks if it has class="editText" and a id=. If that is true, it adds a onclick function. That onclick function will create a textfield or input (depending on the size of the editable text). Someone has the ability to edit the field.

When the text field is blurred, it will read the contents, and starts a XMLHttpRequest and ‘sends’ the content fieldname any set vars to an update file. That file will update your database, and reply with the newly set text and the textfield will dissapear again.