Foros del Web » Programando para Internet » Javascript »

crear <tr></tr>

Estas en el tema de crear <tr></tr> en el foro de Javascript en Foros del Web. hola amigos, estoy intentando hacer un script que me permita al apretar a un boton, crear una linea en una tabla(cada vez que se aprete, ...
  #1 (permalink)  
Antiguo 27/05/2009, 09:04
Usuario no validado
 
Fecha de Ingreso: octubre-2008
Ubicación: BRUSELAS
Mensajes: 211
Antigüedad: 15 años, 6 meses
Puntos: 3
crear <tr></tr>

hola amigos,

estoy intentando hacer un script que me permita al apretar a un boton, crear una linea en una tabla(cada vez que se aprete, una linea nueva..)

codigo de la tabla:

Código HTML:
<table>
     <span id="coucou_1">
          <tr>
               <th><input type="text" name="date_1"/></th>
               <th>
                    <select name="nature_1">
                         <option>K</option>
                         <option>T</option>
                         <option>S</option>
                         <option>P</option>
                         <option>A</option>
                         <option>TR</option>
                         <option>L</option>
                         <option>E</option>
                    </select>
               </th>
               <th><input type="text" name="motif_1"/></th>
               <th><input type="text" name="pays_1"/></th>
               <th><input type="text" name="nbr_kms_1"/></th>
               <th><input type="text" name="cout_kms_1"/></th>
               <th><input type="text" name="montant_1"/></th>
               <td></td>
          </tr>
     </span>
</table> 
script (que no funciona :p)
Código HTML:
function add_line(i){
     var table='<tr><td>hola</td></tr>';
     var span='<span id="coucou_' + (i+1) + '">';
     document.getElementById('coucou_' + i).innerHTML =  span + table + '</span>\n';
}
con este boton llamo a la funcion:

<input type="button" id="buton_ajouter_line" value="Ajouter" onclick="add_line(1);" />


por favor ayudenme estoy perdido
  #2 (permalink)  
Antiguo 27/05/2009, 09:11
Avatar de colote  
Fecha de Ingreso: julio-2008
Ubicación: Rosario - Santa Fe - Argentina
Mensajes: 729
Antigüedad: 15 años, 9 meses
Puntos: 8
Respuesta: crear <tr></tr>

Prueba con esto:
Código javascript:
Ver original
  1. <script language='JavaScript'>
  2.  
  3. var contm=1;
  4. function agrega()
  5. {
  6. contm++;
  7. var indiceFilam=1;
  8. myNewRow = document.getElementById('tu_tabla').insertRow(-1);
  9. myNewRow.id=indiceFilam;
  10. myNewCell=myNewRow.insertCell(-1);
  11. myNewCell.innerHTML='<td><input type="text" size="4" name="cantp_'+contm+'" onkeypress="return tabular(event,this)"></td>';
  12. myNewCell=myNewRow.insertCell(-1);
  13. myNewCell.innerHTML='<td><input type="text" size="7" name="preciop_'+contm+'" onkeypress="return tabular(event,this)"></td>';
  14. myNewCell=myNewRow.insertCell(-1);
  15. myNewCell.innerHTML='<td><input type="text" size="8" name="sub_tot_'+contm+'" onkeypress="return tabular(event,this)"></td>';
  16. indiceFilam++;
  17. }
  18. </script>

y en tu form pones un boton de la forma :

<input type="button" name="boton" onclick="agrega()">

Espero te sirva


Saludos, Ricardo
__________________
Mail: [email protected]
  #3 (permalink)  
Antiguo 27/05/2009, 09:26
Usuario no validado
 
Fecha de Ingreso: octubre-2008
Ubicación: BRUSELAS
Mensajes: 211
Antigüedad: 15 años, 6 meses
Puntos: 3
Respuesta: crear <tr></tr>



Muchisimas gracias, me va de maravilla

aunque no entiendo el keypress.. pero da igual, eso lo quito ya que no me sirve

gracias amigo
  #4 (permalink)  
Antiguo 27/05/2009, 10:39
Avatar de colote  
Fecha de Ingreso: julio-2008
Ubicación: Rosario - Santa Fe - Argentina
Mensajes: 729
Antigüedad: 15 años, 9 meses
Puntos: 8
Respuesta: crear <tr></tr>

Ahh me olvide de sacarlo, es para una funcion que tabula con el Enter, si te sirve en mi firma Algunos Scripts PHP [AYUDA] esta para que la uses !!!

Saludos, Ricardo
__________________
Mail: [email protected]
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:33.