intento crear una tabla dinamica que al dar click al boton de "+ Email" se agrege una fila.
Encontre un codigo con java que me genera la fila que quiero, pero no en el lugar correcto,
ya que lo genera dentro del cuadro de el mismo boton. Se que tiene que ver con el fieldset pero lo movi al inicio de la fila y no funciona.
que es lo que tengo que hacer para que me genere la fila en el lugar correcto?
acepto cualquier sugerencia.....
y si el codigo es en php sera mejor ya que en java soy todavia mas novata....
Código:
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
num=0;
function crear(obj) {
num++;
fi = document.getElementById('fiel');
contenedor = document.createElement('div');
contenedor.id = 'div'+num;
fi.appendChild(contenedor);
ele = document.createElement('input');
contenedor.appendChild(ele);
ele = document.createElement('input');
ele.type = 'button';
ele.value = 'X';
ele.name = 'div'+num;
ele.onclick = function () {borrar(this.name)}
contenedor.appendChild(ele);
}
function borrar(obj) {
fi = document.getElementById('fiel');
fi.removeChild(document.getElementById(obj));
}
</script>
</HEAD>
<table style="text-align: left; width: 540px; height: 159px;" border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="color: rgb(0, 153, 0);"><small>Email</small></td>
<td><input size="40" name="email1"></td>
<td>
<fieldset id="fiel">
<input type="button" value="+ Email" onclick="crear(this)" />
</fieldset></td>
</tr>
<tr>
<td style="color: rgb(0, 153, 0);"><small>Pagina personal</small></td>
<td><input size="40" name="pagina_personal"></td>
<td><input value="+ Paginas" name="+paginas" type="button"></td>
</tr>
</tbody>
</table>