01/08/2009, 18:57
|
| | | Fecha de Ingreso: abril-2009
Mensajes: 409
Antigüedad: 15 años, 1 mes Puntos: 3 | |
| ayuda con agregar input con javascript
yo tengo el siguiente codigo que agrega input al apretar el boton crear , pero el problema que tengo es que crea 2 input y los pone los 2 juntos, lo que necesito yo es que quede un espacio entre input tanto para el costado como para abajo al agregarlos. como hago para darle espacio a los input ?
<!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.insertBefore(contenedor,obj); // 4
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'fil'+num; // 6
contenedor.appendChild(ele); // 7
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'total'+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>
<form method="post" action="algo.php">
<fieldset id="fiel">
<input type="button" value="Crear" onclick="crear(this)" />
</fieldset>
</form>
</body>
</html>
gracias. |