Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/05/2008, 04:43
todoscogidos
 
Fecha de Ingreso: febrero-2008
Mensajes: 76
Antigüedad: 17 años
Puntos: 0
Ayuda con creación de campos dinámicos

Hola yo tengo este código que me crea campos dinámicos en un formulario.

Pero me los crea dentro de un recuadro, hay alguna forma de hacerlo sin el recuadro o poner el borde del recuadro transparente??

Gracias.
Código:
<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
  lbl = document.createElement('label');
  lbl.innerHTML = 'Nombre: ';
  contenedor.appendChild(lbl);	
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'nombre'+num; // 6
  lbl.appendChild(ele);
  contenedor.appendChild(ele); // 7
 
  lbl = document.createElement('label');
  lbl.innerHTML = '1er Apellido: ';
  contenedor.appendChild(lbl);
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'apellido1'+num; // 6
  
  lbl.appendChild(ele);
  contenedor.appendChild(ele); // 7
  lbl = document.createElement('label');
  lbl.innerHTML = '2º Apellido: ';
  contenedor.appendChild(lbl);
  ele = document.createElement('input'); // 5
  ele.type = 'text'; // 6
  ele.name = 'apellido2'+num; // 6
  lbl.appendChild(ele);
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'button'; // 6
  ele.value = 'Eliminar autor'; // 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>
Y aquí llamo al boton que los va creando.
Código:
<fieldset id="fiel">
<input type="button" value="Añadir autor" onclick="crear(this)" />
</fieldset>