andrei schrieb: > Is there a possibility to achieve the same edit in place functionality > as in http://tool-man.org/examples/edit-in-place.html > with Mochikit?
Yes. I do that often, the code is still a mess of globals and stuff ... but: var markclr= null; var remcnblr= null; var remcnchg = null; // den identifier des connectens var remkeyd = null; // den identifier des OnKey var edi=null; // der Editor var aktivele=null; function _editele(aktivele) { var mulsel=false; var eid="e."+aktivele.id; var b=TEXTAREA({"style":{"width":"100%","height":h+"px"}, "id":eid, "class":"p2interaktedit" },txt) try {edi=swapDOM(aktivele,b);} catch (e) {if (e!="TypeError: parent has no properties") log("neuer fehler |"+e); } remcnchg =connect(edi, 'onblur', partial(leave,aktivele)); remkeyd =connect(edi, 'onkeydown', partial(function(aktivele,e){if (e.key().string=='KEY_ESCAPE') {return leave(aktivele,e);}},aktivele)); var elmntid; elmntid=getNodeAttribute(aktivele, 'id'); edi.focus(); return edi; } function che(aktivele, id, e){ log ("chewhatever aktivele etc "+aktivele+" "+ id); var newtxt=e.target().value; aktivele.innerHTML=newtxt; mrkclr=Color.fromBackground('content'); } function leave(aktivele,e){ disconnect(remcnblr); disconnect(remcnchg); disconnect(remkeyd); try {var nixda=swapDOM(edi, aktivele);} catch (e) {if (e!="TypeError: parent has no properties") log("neuer fehler |"+e); //else log("wie immer"); } } ################ instructions: _editele(aktivele) has to be called to activate the "edit in place" (I connected it to the "onclick" event of editable elements. in my version I do something with the newly entered text (push it to the server); I deleted that from the example, cause it needs some dependecies serverside (of course :) ) To have a rough abstract: 1.) find an event to trigger the "in place edit", I recommend click or doubleclick on the DOM-element 2.) create a TEXTAREA with appropriate size via the MochiKit.DOM methods or those partials TEXTAREA(...) 3.) swapDOM your textarea with the element-to-edit-in-place 4.) bind the "onblur" and "onchanged" events accordingly 5.) deal with leaving: take the text from the textarea and push it into the text-property of your original element 6.) swap back Best wishes Harald --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "MochiKit" group. To post to this group, send email to mochikit@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/mochikit -~----------~----~----~----~------~----~------~--~---