Comments on: AJAX Edit In Place With Prototype, Version 0.3.0

By: Joe

Joe — Mon, 28 Aug 2006 14:13:04 +0000

btw – I used Session Variables to pass data to the edit.php script so it could properly update my database.
If there is an easier way (i.e. passing variables directly through the javascript calls) let me know please.

By: joe

joe — Fri, 18 Aug 2006 03:30:13 +0000

i got this great script implemented pretty quickly on a new website i’m working on,but i need to customize it a bit to send the edits to a database. I’ve been fooling with edit.php, but to update the database I need to pass more information (like the primary key) to edit.php. I’ve tried to add session variables and fooled with EditInPlace.js some, but to no avail.
There has got to be an easy way to send some arguments, now stored in PHP variables from my calling page, to edit.php, right?

By: Nick Dunn

Nick Dunn — Mon, 14 Aug 2006 19:23:43 +0000

Just a quickie to say that I've been playing around with EditInPlace for a few days now, and have added some basic Moo.fx transitions to the saving process. Someone might want to use this as inspiration for enhancing the script further, but for now, I'm happy with some basic effects. Animating EditInPlace.js with Moo.fx

By: John Wilder

John Wilder — Thu, 10 Aug 2006 18:24:00 +0000

I tried to use the code to work on multiple id on the same page without success. Any ideas?

// Basic example.
for(var i=1;i

By: Nick Dunn

Nick Dunn — Thu, 10 Aug 2006 10:15:42 +0000

Joseph, thank you so much for this. It’s fantastic! I’m sitting down today and playing around with styling and some scriptaculous effects if I have the time. A simple improvment is adding an animation image as the saving_text string. I took the “arrows” indicator for Ajaxload and it really looks the part!

By: Dries

Dries — Mon, 07 Aug 2006 17:38:08 +0000

hey,
I´m sorry, hehe, I just had this idea, but I will try to figure it out myself. :)

By: Neil Merton

Neil Merton — Mon, 07 Aug 2006 17:11:30 +0000

Dries,

I think the idea here is to have the update page one that actually updates a database – that way the content of the editable area will be updated when the user returns. Joseph’s just put together a quick example of how it works :)

By: Dries

Dries — Mon, 07 Aug 2006 17:03:33 +0000

This is a great code!
Thanks alot!
I think it would be really cool if it is possible that text is saved in the users cookies, zo it is still edited when he comes back to the page, like it is now, the text is back to default then.
Somebody tryed to figure that out allready?

By: Jonathan Snook

Jonathan Snook — Fri, 04 Aug 2006 17:48:11 +0000

I haven’t had much time to look through it but I’ve come across one way you could optimize some of your code: you have an options object literal, which you loop through to assign each value to an internal array. Use Prototype’s Object.extend(default, options); This will map all passed in options over the default options leaving an updated default object. Also, change the EditInPlace = function() {} to just EditInPlace = {}. The first version is classable and multiple EditInPlace’s could be instantiated. Whereas, it looks like you just want a single object from which each item is “MadeEditable”. Although, it might make more sense to make EditInPlace a class object from which each instantiation would do the same as makeEditable and through which you could pass in your options, instead of what you seem to be doing which is storing each new editable items options in an array.

Anyways, just some initial thoughts. Thanks for continuing to work on this. :)

By: Neil Merton

Neil Merton — Fri, 04 Aug 2006 11:37:58 +0000

Can’t wait to try it out – will report back.

Thanks Joseph.