Bueno señores...
gracias a los moderadores/as he conseguido hacer la primera parte del código, pero hay 1 cosa que no consigo que funcione bien, y es la asignación del ID al campo "input".
De momento el trozo de código que posteo, lo que hace es
añadir 1 TR a la tabla y en
cada <td></td> (que hay 2)
inserta un input type="text".
Peeeeeeero...
Estoy intentando que cada
input insertado tenga un
ID contiguo al de los que hay x defecto insertados en la página.. pero
no me incrementa el valor de la variable y siempre me
pone el mismo ID.
Veamos el código... seguramente se puede simplificar.. si quereis hacerme algun comentario al respecto... será bien recibido.
Código:
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--//
function addMatch(){
var puntero = document.getElementById("nextMatch");
newNode = document.createElement("tr");
total = 2;
for(i=0;i<total;i++){
var num_equipo = document.getElementsByName('equipo').length;
newNode.appendChild(document.createElement("td"));
var newField = document.createElement('input');
newField.name = 'partido_home';
var newEquipo = num_equipo + 1;
alert(newEquipo);
newField.id = 'equipo'+newEquipo;
newNode.lastChild.appendChild(newField);
newNode.appendChild(document.createElement("td"));
puntero.parentNode.insertBefore(newNode,puntero);
alert(newField.id);
num_equipo = 0;
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<form method="POST">
<table border="1" width="380">
<tr><td><INPUT TYPE="text" NAME="equipo" id="equipo1"></td><td width="10">-</td><td><INPUT TYPE="text" NAME="equipo" id="equipo2"></td></tr>
<tr><td><INPUT TYPE="text" NAME="equipo" id="equipo3"></td><td>-</td><td><INPUT TYPE="text" NAME="equipo" id="equipo4"></td></tr>
<tr id="nextMatch"><td></td><td></td></tr>
</table>
<br>
<table border="1" width="380">
<tr><td><a href="javascript:addMatch();">Añadir partido</a></td></tr>
</table>
</form>
</body>
danke !!
