Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/12/2010, 14:26
Avatar de nico89
nico89
 
Fecha de Ingreso: noviembre-2010
Mensajes: 13
Antigüedad: 14 años
Puntos: 0
Pregunta Agregar evento click a una celda dinamicamente

Hola veran estoy armando un codigo para generar tablas dinamicamente, y una de las tablas que genero tiene en la punta derecho una celda con la letra X, el caso es que cuando uso por ejemplo Celda.onclick = o del JQuery Celda.Click(...) no le agrega el evento y si se lo agrego a un DIV si

Les dejo el code:
Código:
function comentar() {
	if(document.getElementById("contenido").value!="")
	{	
		$("#load").html("Logiando espere por favor..."); //Le decimos al usuario que espere 
		$("#temp").load("agregarelem.php", {user: "Admin", cont: document.getElementById("contenido").value}, function(){ //Guarda el comment en el archivo muro.xml
				$("#load").html(""); //Booramos el mensaje de espera
				$("#temp").css("display", "none"); //Ocultamos el DIV 
				num = document.getElementById("temp").innerHTML; //Obtenemos el ID del ultimo elemento creado
				
				fi = document.getElementById('comentarios'); //Agarramos el DIV que tiene todos los comentarios
				contenedor = document.createElement('div'); //Creamos el DIV
				contenedor.id = 'comment'+num; //Le asignamos el nombre
				fi.appendChild(contenedor); //Lo agregamos al DIV Mayor
    
				var lastc = fi.getElementsByTagName('div')[0]; //Corresponde al Div que esta arriba de todo
    			// Y ahora lo insertamos
    			document.getElementById('comentarios').insertBefore(contenedor,lastc); //Lo agrega antes de LastC
  	
				var tabla=document.createElement("table"); //Creamos la tabla
				tabla.align="center"; //Le asignamos que aparezca en el medio
				tabla.cellSpacing = 0; //Le asignamos que no tengo espacios
	
				/* Primer TR */
				tr1=tabla.insertRow(-1); //Creamos la fila
	
				newCell=tr1.insertCell(0); //Creamos la celda
				newCell.className="autor"; //Le asignamos el estilo
				newCell.innerHTML="<a href='#'>Admin > Usuario</a>"; //Lo que va a decir
				newCell.width = "100%"; //El ancho
				newCell.align = "left";
	
				newCell=tr1.insertCell(1); //Creamos la celda
				newCell.className="x"; //Le asignamos el estilo
				newCell.innerHTML="X&nbsp;"; //Lo que va a decir
				//$("#" + newCell.id).click(function (){ alert("hola"); }); //Si se hace click
				/*newCell.onclick = function () { alert("hola"); }; */

				/* Segundo TR */
				tr2=tabla.insertRow(-1); //Creamos la fila

				newCell=tr2.insertCell(0); //Creamos la celda
				newCell.className = "coment"; //Le asignamos el estilo
				newCell.innerHTML=document.getElementById("contenido").value; //Lo que va a decir
				newCell.colSpan = 2;
				newCell.align = "left";
	
				/* Tercer TR */
				tr3=tabla.insertRow(-1); //Creamos la fila

				newCell=tr3.insertCell(0); //Creamos la celda
				newCell.className="fecha"; //Le asignamos el estilo
				newCell.innerHTML = "11/12/2010"; //Lo que va a decir
				newCell.colSpan = 2;
				newCell.align = "left";
	
				contenedor.appendChild(tabla); //Agregamos la tabla al div contenedor
				contenedor.innerHTML = contenedor.innerHTML + "<br/>"; //Le agregamos un salto de linea para que quede prolijo
	
				$("#comment"+num).css("display", "none"); //Ocultamos el div
				aparecer("comment"+num); //Lo mostramos lentamente 
				
				document.getElementById("contenido").value = ""; //Borramos el TextBox
				document.getElementById("contenido").focus(); //Le damos el foco
			})
	}
	else
	{
		alert("Complete el campo para agregar comentario.");
	}
}
Salu2 y gracias.