I wanted a simple In Place editor for MooTools so I’ve put one together. It’s similar to Script.aculo.us’ version but a bit simpler.
There are both a 1.11 and 1.2 versions up.
An example of it in action can be seen here.
Full details/source/goodness here.
Note: There is a bug in the 1.2 version that crashes safari (for me at least) if anyone can figure out what the problem is, please let me know!
13 Comments
At first, tnx for MooIPE!
Plz help me - how I can send the second parameter with MooIPE?
I have table with editable row, and I need to send row number after line edit…
P.S. Sorry for my English - I am Russian… :)
Adeptus: Ok, so your first parameter is the actual textarea’s value right? And you want to send a second parameter along with it? If that’s what you mean, you can’t do it right now but it would only take like 5minutes to modify it so it can! Let me know if this is really what you need and I will add it to the script!
Any way to make the fade-delay controllable? Alternately, a way to disable it and just set a CSS class on the element when it is hovered over?
I have many editable elements on the page, and if the mouse passes over many of them the prolonged fade does not work well (many elements remain highlighted for some time).
Thanks for a very useful moo-widget!
Bill
Hi there William, it would actually be pretty simple to disable it… Only problem is that right now I am in Laos, and will be in Southeast Asia for another 10 days… I.e. Internet is extremely slow and I don’t have access to anything…
If it can wait, I can certainly work out a custom version (i.e. add an option to disable it etc.) once I am back. If you want you can also peek at the code, it’s pretty straight-forward and should be easy to modify if you are used to MooTools…!
-ST
Hi Jean-Nicolas,
I’ve been playing around with your script however I’ve come across two problems:
http://www.students.ncl.ac.uk/j.w.woon/temp/test2.html
If you submit the form, edit the results and save the form, it works fine however if you edit the results again, the results disappears after pressing the save button. What causes this? :(
In Firefox 2 and IE7, when you save your edits, part of the saved results disappears. This problem doesn’t occur in Safari and the disappearing results problem also occurs in Firefox 2 and IE7 browsers :S
Could you please let know how I can fix these problems :)
Thanks!
Jonathan
Hi,
Am I not supposed to use multiple instances of mooipe ???
This doesnt work for me? can you suggest me where I am going
wrong ?
window.addEvent(’domready’, function(){
//mooipe = new mooipe(’test’, “test.php”);
var ele2 = $$(’.editable’);
alert($type(ele2[0]));
mooipe2 = new mooipe(ele2[0], “test.php”);
});
helloooooooooo!
ooooooo!
Thank you ,
Prasad.
sorry , the above I wanted to show the span with id”test” in the first instance and class “editable” in the 2nd instance….which have been stripped……
Prasad.
Just to let you know, in the latest trunk of mootools 1.2 beta element.remove() is now element.dispose(), just update the two calls to this.editForm.remove() to this.editForm.dispose(). cheers.
Hey, it seems that stikipad has been down for a few days.. could you post your source for Mootools 1.2 on here possibly?
Hi,
stikipad is down. Is there a way of getting mooipe for 1.2.
thank you,
Prasad.
Just for others:
in 1.2b2 mooipe code:
replace remove with dispose and
replace send() function in Request.HTML(..).send() with
post()..
thats it..it started working for me.
thank you,
bvls.
Hi Silvertab
is there another location to grab your 1.1 version? Stikipad has been down for a while and I cannot get it.
Thank you
About MooIPE, as I’ve stated before, the code was on Stikipad and I didn’t have a local backup (extremely stupid I know)… I lost a couple of scripts when Stikipad went down, mostly small stuff so no biggie… I might put a new MooIPE together for MooTools 1.2, but in the meantime you can check out SilverIPE: http://www.silverscripting.com/silveripe/index.php
Basically it does the same thing as MooIPE but doesn’t require MooTools (or any frameworks)… just plain old javascript, no dependencies…