JQuery for front end editing

Events happening in the community are now at Drupal community events on www.drupal.org.
Posted by jasonwhat on November 22, 2006 at 7:32am

Today I saw a presentation on a site that had small icons next to each editable field on a website. It truly was "dummy proof" and got me to thinking about how this could be done in Drupal. Could the jquery editable plugin be integrated to update drupal nodes?

Categories: ,

Comments

integrate with Double Click project?

Posted by mikey_p on November 22, 2006 at 9:44am

Seems like this would nest very well with that project and maybe even a module that would provide the admin with default actions for each type of click: e.g. single click enters edit in place and double click redirects to edit page for that node?

This would be very very slick to see integrated. I can see that now that drupal has jquery, it will quickly become one of the most ajax friendly CMSs out there.

http://drupal.org/project/dblclick

-Mike

hi jasonwhat

Posted by sime on November 22, 2006 at 10:38pm

hi jasonwhat

Implementing a jQuery plugin itself is rarely going to be hard. The issue in my mind is: how do you ensure compliance with the node validation.

What is need (and perhaps it already exists) is a way to validate a single element of a form outside the realms of the normal FAPI validation/submit process...

i added this to my sandbox

Posted by Steve McKenzie (not verified) on November 22, 2006 at 11:57pm
Steve McKenzie's picture

i added this to my sandbox to show a solution.

http://cvs.drupal.org/viewcvs/drupal/contributions/sandbox/stevemckenzie...

it still needs some love. I just need a few days to really sit down and iron out the bugs. I have a great solution to integrating tinymce with the textareas.

Also, it was developed with an early svn version of jquery (just before 1.0 jquery came out) and since the new versions, something broke something lol. John the creator of jQuery built the anyedit.js file. We have both been so busy, we haven't gotten to finish this yet.

If anyone can point out suggestions, bugs, etc.. that would be great. timcn (he changed his name but thats what i remember him by) did a jquery inline editing too but his was in a different direction. We were going to merge but never did yet.

Version compatibility

Posted by jasonwhat on November 23, 2006 at 3:24pm

That is great Steve. I'm happy to test it out. Cool Ideal to include tinymce with it. Is this 4.7(with jquery added) or 5.0 compatible?

Follow up?

Posted by jasonwhat on December 11, 2006 at 3:30am

Has anymore work taken place with this?

edit in place

Posted by moshe weitzman on January 23, 2007 at 4:02am

no updates :(

Use for comments also?

Posted by jasonwhat on November 26, 2006 at 10:57pm

If this can get working for nodes, it seems like it could also work on comments. Most sites now seem to have that feature of adding comments via ajax and I think it also makes the load lighter on the site on heavy sites.

Activeedit module now available

Posted by nedjo on January 27, 2007 at 12:20am

I've added a new module to the Javascript Tools package, http://drupal.org/project/jstools, that implements in place editing. It's functional, if a bit bare bones at present. The elements that are editable are defined through a hook, so it will be easy enough for others to make editable elements. If anyone wants to help out with this, I'd very much welcome the help.

For details, see the module readme: http://cvs.drupal.org/viewcvs/drupal/contributions/modules/jstools/activ...

I'd love to help out!

Posted by ximo on February 13, 2007 at 7:58pm

I've been wanting to do something like this for a while, just haven't had the time. Once I do get enough time I'll definitely prioritize this, unfortunately I can't promise when that'll be. I'm not an educated programmer, nor a JavaScript expert, but I write clean and am thorough in what I do :)

I would like to see

Posted by philbar on June 1, 2009 at 7:05pm

I would like to see this.

Let's try to get Active edit to implement this, and hope the D7UX team gets it into Drupal 7.

Everyone interested should voice their desire for this functionality in this issue:

http://drupal.org/node/243945

Javascript

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

AltStyle によって変換されたページ (->オリジナル) /