javascript

crisfach · #1 (**permalink**) 03/09/2009, 10:51

ola nuevamente a todos....

tengo otra consulta para quien me pueda ayudar

este es el codigo que pude ejecutar .. para desplegar filas en mi formulario atravez de un boton

pregunta :
como puedo agregar un combobox dentro de una celda que se van agregando en la fila

ejemplo dentro de esta linea ...

<input type="text" size="15" name="textfield1"> ¿ se puede ? o tengo que hacerlo en otra linea ..?

quien me pueda ayudar

<script>
var contador=6;
function agregar(){
var contenido=document.getElementById('div1').innerHTM L;
var contenidoutil=contenido.substring(0,contenido.inde xOf(""));
var contenidonoutil=contenido.substr(contenido.indexOf (""));
var linea="<input type=\"text\" size=\"15\"name=\"textfield"+(contador+1)+"\"> <input type=\"text\" size=\"15\" name=\"textfield"+(contador+2)+"\"> <input type=\"text\"size=\"15\" name=\"textfield"+(contador+3)+"\"> <input type=\"text\"size=\"15\" name=\"textfield"+(contador+4)+"\"> <input type=\"text\"size=\"15\" name=\"textfield"+(contador+5)+"\"> <input type=\"text\"size=\"15\" name=\"textfield"+(contador+6)+"\"><br>";
document.getElementById('div1').innerHTML=contenid outil+linea+contenidonoutil;
contador=contador+6;
}
</script>
</head>
<body>

<div id="div1"><form name="f1" id="f1" method="post" action="">
<input type="text" size="15" name="textfield1">
<input type="text" size="15" name="textfield2">
<input type="text" size="15" name="textfield3">
<input type="text" size="15" name="textfield4">
<input type="text" size="15" name="textfield5">

<input type="text" size="15" name="textfield6">

<br>
<input type="button" name="Submit" value="agregar" onclick="agregar()">
<input type="submit" name="Submit2" value="Enviar">
</form></div>

crisfach · #2 (**permalink**) 07/09/2009, 12:17

Alguien que me pueda ayudar a mi problema porfaaaaaaaavor....

gracias ...

zerokilled · #3 (**permalink**) 07/09/2009, 12:32

intentalo con DOM para crear y agregar elementos. es mucho mas simple que enredarse con los innerHTML y substring.

crisfach · #4 (**permalink**) 11/09/2009, 08:16

pucha ..

eh intentado

me podrias dar otra ayuda referente a lo mismo o quien pueda...

como tendria que ir la estructura con ese codigo que me dices ..
para poder generar lo que necesito ....

presto a sus consultas ..amigos del foro ....

porfavorrrr

America|UNK · #5 (**permalink**) 11/09/2009, 09:42

Código javascript:

Ver originalvar fields = 1;
var agregar = function(fin){
    fields++;
    var n = document.createElement('input');
    n.name = 'textfield'+fields, n.size = 15, n.type = "text", n.style.display = "block";
    fin.parentNode.insertBefore(n,fin);
}
 
 
// Html
<form name="f1" id="f1" method="post" action="">
<input type="text" size="15" name="textfield1">
<input type="button" name="Submit" value="agregar" onclick="agregar(this)">
<input type="submit" name="Submit2" value="Enviar">
</form>

jamm1982 · #6 (**permalink**) 11/09/2009, 10:13

hola, soy nuevo en foros del web, ahi te paso este código. lo que hace es crearte el td de la tabla con el input, espero y te sirva.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>prueba</title>

<script language="javascript">
var cont=1;
var cont=1;
function addRowX() //Esta la funcion que agrega las filas :
{

cont++;
var indiceFila=1;
var celda = new String
celda = "<td><input type='text' size='15' value='"+ cont +"' name='textfield"+ cont +"'></td>";

myNewRow = document.getElementById('tabla').insertRow(-1);
myNewRow.id=indiceFila;
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML=celda;
indiceFila++;
}
//////////////Borrar() ///////////
function borrar() {
var table = document.getElementById('tabla');
if(table.rows.length > 1)
{
table.deleteRow(table.rows.length -1);
cont--;
}
}

</script>
</head>

<body>
<table border="1" align="center" id="tabla">
<tr>
<td><input type="text" size="15" value="1" name="textfield1"></td>
</tr>
</table>
<div align="center">
<input type="hidden" name="Filas">
<input type="button" name="b1" value="[+]" onClick="addRowX()">
<input type="button" name="b2" value="[-]" onClick="borrar()">
</div>
</body>
</html>

crisfach · #7 (**permalink**) 14/09/2009, 07:42

oola nuevamente amigos del foro ....

muchas gracias por su ayuda ...
lo que me han enviado es de mucha ayuda ...

pero quiero hacer otra consulta referente a los mismo ...
como agrego un combobox dentro de una celda y que ah medida que yo seleccione agregar otra celda o fila tambien se vaya agregando el mismo combobox?

espero su respuesta y ayuda ....

porfavorr
gracias..

crisfach · #8 (**permalink**) 14/09/2009, 10:56

alguien me puede ayudar ...porfa