Ver Mensaje Individual
  #3 (permalink)  
Antiguo 03/02/2008, 08:34
crujikoki
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 16 años, 11 meses
Puntos: 8
Re: Añadir nueva fila al clickar un boton

Gracias Chory por tu respuesta, y eso es lo que quería más o menos.

He hecho algo a partir del script de la página de JavierB (que por cirto está muy bien explicado todo).
He conseguido lo que pretendía, pero aun me falta el efecto deslizanto, que visto lo visto voy a prescindir de él.

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"
>

<
html
<
head>
<
title>Crear input file</title>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
script type="text/javascript">
<!--
num=0;
function 
crear(obj) {
  
num++;
  
fi document.getElementById('fiel'); // 1
  
contenedor document.createElement('div'); // 2
  
contenedor.id 'div'+num// 3
  
fi.appendChild(contenedor); // 4

  
ele document.createElement('input'); // 5
  
ele.type 'file'// 6
  
ele.name 'fil'+num// 6
  
contenedor.appendChild(ele); // 7
  
  
ele document.createElement('input'); // 5
  
ele.type 'button'// 6
  
ele.value 'Borrar'// 8
  
ele.name 'div'+num// 8
  
ele.onclick = function () {borrar(this.name)} // 9
  
contenedor.appendChild(ele); // 7
}
function 
borrar(obj) {
  
fi document.getElementById('fiel'); // 1 
  
fi.removeChild(document.getElementById(obj)); // 10
}
--> 
</script>
</head>
<body>
<center>
<form method="post" action="" id="formu" name="formu">
<table id="tabla" name="tabla">
<tr bgcolor="#bbcaeb">
  <td colspan="1"><input type="button" value="A&ntilde;adir marca" onclick="crear(this)" /></td>
  <td colspan="1"><input type="button" value="Borrar marca" onclick="removeMarker()" /></td>
</tr>
<tr>
<td colspan="5">
<fieldset id="fiel" name="fran">
<input type="text" value="Título"/>
</fieldset>
</td>
</tr>
<tr>
<td colspan="5"  bgcolor="white">
<iframe width="800" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?hl=es&amp;ie=UTF8&amp;z=12&amp;om=0&amp;ll=41.387917,2.169919&amp;output=embed&amp;s=AARTsJrLRXLDvw-sGnbpxTAwfWRgbV_1OQ"></iframe><br/>
</td>
</tr>
</table>
</form>
</center> 
</body>
</html> 
Ahora tengo otra dudilla. Como puedo editar el estilo de la división creada con el JS? Quiero que cuando se cree el elemento pueda definir también la alineación, posición,... Lo tengo que hacer con CSS o se puede hacer con el mismo JS?

Gracias de antemano.

Última edición por crujikoki; 05/02/2008 a las 09:08