<tbody>
<tr ondrop = "drop(event, 'interpretes')" ondragover = "allowDrop(event, 'interpretes')" id = "tabla_interpretes"><th></th><th>Interprete</th><th>Personaje</th><th></th><</tr><tr></tr>
<tr id="fila_interpretes_22775">
<td ondrop="drop(event, 'interpretes')" ondragover="allowDrop(event, 'interpretes')" draggable="true" ondragstart="drag(event, 'interpretes')">
<img src="img/mover_elemento.gif" id="interpretes_22775" style="cursor: move;">
</td>
<td><input name="interpretes[]" placeholder="Interprete" value="Pepe" type="text"></td>
<td><input name="personajes[]" placeholder="Personaje" value="Yo" type="text"><br></td>
<td><img src="img/add_16.png" onclick="add('22775','interpretes')" height="16" width="16"></td>
y el siguiente Jscript
Código Javascript :
<script>
function add( id, nombre )
{
var el=document.getElementById("fila_"+ nombre +"_"+ id);
clon=el.cloneNode(true);
try { var padre=el.parentNode; }
catch(err) {}
while( padre.id.indexOf("tabla_"+nombre)==-1 && padre.id == null )
{
padre=padre.parentNode;
}
id=Math.floor((Math.random()*100000)+1); ;
clon.id="fila_"+ nombre +"_"+ id;
var a=0;
for(a=0;a<clon.childNodes.length;a++)
{
try
{
var el2=clon.childNodes[a].firstChild;
alert(el2.tagName);
switch(el2.tagName)
{
case "INPUT": el2.value="";break;
}
}
catch (err)
{}
}
padre.insertBefore(clon,padre.childNodes[el.rowIndex + 1]);
}
</script>
Supuestamente, pulsando el botón que habría a la derecha, en las celdas de las tablas, debería lanzar la función "add", y entre otras cosas esta tendría que recorrer la fila ( TR ) clonada y mostrar una alerta diciendome, que clase de elementos contiene dentro de cada celda.
Columna 1 IMG
Columna 2 INPUT
Columna 3 INPUT
Columna 4 IMG
sin embargo, me indica esto
Columna 1 undefined
Columna 2 INPUT
Columna 3 INPUT
Columna 4 IMG
porqué no me reconoce la primera imagen?
Gracias
Pero no,
