javascript

crisfach · #1 (**permalink**) 15/09/2009, 08:25

oola nuevamente amigos del foro ....

muchas gracias por SUS RESPUESTA PERO AUN NO PUEDO HACER ALGO...

NECESITO AYUDA
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..

EJEMPLO DEL CODIGO QUE ESTOY IMPLEMENTANDO PARA IR AGREGANDO FILAS

<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>

<body>
<table width="822" height="28" border="1">
<tr>
<td width="109" > </td>
<td width="111"> </td>
<td width="110"> </td>
<td width="110"> </td>
<td width="110"> </td>
<td width="110"> </td>
<td width="12"> </td>
<td width="98"> </td>
</tr>
</table>

<div id="div1"><form method="post" action="insert.php">
<input type="text" size="15" name="origen" value="">
<option value="SI"></option>
<input type="text" size="15" name="cliente">
<input type="text" size="15" name="folio" >
<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>
</body>

crisfach · #2 (**permalink**) 21/09/2009, 07:46

ola amigos del foro
alguiien me podria ayudar a este tema ??

de antemano gracias....

Adler · #3 (**permalink**) 21/09/2009, 08:03

Hola

Podrías usar cloneNode()

Suerte

crisfach · #4 (**permalink**) 21/09/2009, 08:34

muchas gracias por tu ayuda...
pero tienes algun ejemplo ...

igual me ah costado entender esto eh incluso eh tratado de buscar mucho referente a este tema .. pero no logro llegar al fondo de esto .

Adler · #5 (**permalink**) 21/09/2009, 13:43

Hola

Mira un ejemplo básico

Código javascript:

Ver original<html>
<head>
<script type="text/javascript">
function agregar(){
var a = document.getElementById("tr1");
var b = a.cloneNode(true);
 for(var i = 0; i < b.getElementsByTagName("td").length; i++)
document.getElementById("tabla").appendChild(b);
}
</script>
</head>
<body>
<a href="javascript:void(0);" onclick="agregar()">Agregar</a>
<table id="tabla">
<tr id="tr1">
 <td>
<input type="text" value="1" />
 </td>
</tr>
<tr>
<td>
<input type="text" value="2" />
 </td>
</tr>
</table>
</body>
</html>

Suerte

crisfach · #6 (**permalink**) 21/09/2009, 14:34

Hola adler..

En que parte se agrega el combobox
lo estoy probando

disculpa ..pero aun no funk
gracias

Adler · #7 (**permalink**) 21/09/2009, 14:54

Hola

¿Es esto a lo que te refieres?. Estoy un poco perdido

Código javascript:

Ver original<html>
<head>
<script type="text/javascript">
function agregar(){
var a = document.getElementById("tr1");
var b = a.cloneNode(true);
 for(var i = 0; i < b.getElementsByTagName("td").length; i++)
document.getElementById("tabla").appendChild(b);
}
</script>
</head>
<body>
<a href="javascript:void(0);" onclick="agregar()">Agregar</a>
<table id="tabla">
<tr id="tr1">
 <td>
<select>
<option>opcion1</opcion>
<option>opcion2</opcion>
<option>opcion3</opcion>
<option>opcion4</opcion>
</select>
 </td>
</tr>
<tr>
<td>
<input type="text" value="2" />
 </td>
</tr>
<tr>
<td>
<input type="text" value="3" />
 </td>
</tr>
</table>
</body>
</html>

Suerte