Event.observe(window, 'load', init, false); function init() { makeEditable('villeetab'); } function makeEditable(id) { Event.observe(id, 'click', function(){edit($(id))}, false); Event.observe(id, 'mouseover', function(){showAsEditable($(id))}, false); Event.observe(id, 'mouseout', function(){showAsEditable($(id), true)}, false); } function showAsEditable(obj, clear) { if (!clear) { Element.addClassName(obj, 'editable'); } else { Element.removeClassName(obj, 'editable'); } } function edit(obj) { Element.hide(obj); var textarea = '

'; var button = '

-

'; new Insertion.After(obj, textarea+button); Event.observe(obj.id+'_save', 'click', function(){saveChanges(obj)}, false); Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false); } function cleanUp(obj, keepEditable) { Element.remove(obj.id+'_editor'); Element.show(obj); if (!keepEditable) showAsEditable(obj, true); } function saveChanges(obj) { var new_content = escape($F(obj.id+'_edit')); obj.innerHTML = "Enregistrement..."; cleanUp(obj, true); var success = function(t){editComplete(t, obj);} var failure = function(t){editFailed(t, obj);} var url = 'savechg.php'; var pars = 'id='+obj.id+'&content='+new_content; var myAjax = new Ajax.Request(url, {method:'post', postBody:pars, onSuccess:success, onFailure:failure}); } function editComplete(t, obj) { //obj.innerHTML = t.responseText; obj.value = t.responseText; showAsEditable(obj, true); } function editFailed(t, obj) { obj.innerHTML = "La modification n'a pas fonctionné."; cleanUp(obj); }