Ситуация такая хочу сделать edit-in-place в подгружаемой динамическе таблице, которая формируется на сервере ПХП.
В обычном варианте edit-in-place инициализируется (определяет места какие можно редактировать) при загрузке окна (window).
Event.observe(window, 'load', init, false);
Сам код инициализации выглядит следующим образом
// Initialize all div object that got the className of makeEditable
function init(){
var doc = document.getElementsByTagName('div');
for (var i = 0; i < doc.length; i++){
if(doc[i].className == "makeEditable" )
{
makeEditable(doc[i]);
}
}
}
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);
}
Однако при подгрузке таблицы динамически такой вариант не подходит т.к. при загрузке окна редактируемых дивов еще нет в документе.
А после подгрузки я не знаю к какому событию привязаться чтобы инициализировать