Cargar Div dinámicos con AJAX

[LeoForosdelWeb]

Buenas gente !

Tengo el siguiente problema, estoy implementando un "me gusta" al estilo facebook, cuando le doy click arriba tendría que incrementar en 1 el contador y actualizar el div con el nuevo valor.

Bueno esto funciona bien siempre y cuando la función
document.getElementById('panel').innerHTML = xAjax.responseText; tenga el nombre del div resultante entre comillas.

El problema es que yo despliego 5 "comentario" a los cuales se les puede poner "me gusta" entonces tengo que tener algo tipo

document.getElementById('panel1').innerHTML = xAjax.responseText;
document.getElementById('panel2').innerHTML = xAjax.responseText;
document.getElementById('panel3').innerHTML = xAjax.responseText;
document.getElementById('panel4').innerHTML = xAjax.responseText;
document.getElementById('panel5').innerHTML = xAjax.responseText;

lo que quiero es hacer esto de forma dinámica y poder actualizar el panel que el usuario esta haciendo click, sería algo como

document.getElementById(clickpanel).innerHTML = xAjax.responseText;

donde clickpanel = 'panel1' o 'panel2' etc...

si lo hago así no me muestra el resultado en la web...

como hago para que me actualice un div que esta generado de manera dinamica ?

se entiende ?

saludos y gracias mil

[kbmaster]

Podrias recuperar el objeto implicito en el evento click, de este modo no nesesitas asignarle un id a tu panel;

cambia= function ()
{
this.innerHTML=ajaxresponse;
}


mypanel.onclick=cambia;


O de otra forma, podrias crear con javascript un objeto panel que administre las funcionalidades y la generacion dinamica de
elementos html.

con mootools :

likePanel = new Class
({
initialize:function(args)
{
this.totalclicks=args.clicks || 0;
this.node=new Element('div',{'class':'like'}).
addEvent('click',this.like.bind(this)).inject(docu ment.body);
},

like:function()
{
//me gusta!!
this.node.innerHTML=ajaxrequest;

}


})


cada vez q quieras crear un like panel

new likePanel({clicks:5});