[javaEScript] Agregar y quitar filas dinamicamnet. como quitar?

Mie Oct 18 08:20:00 PDT 2006

Hola!!!
Para eliminar el ultimo registro de una tabla, ten=E9s que hacer:

var miTabla =3D document.getElementById ("tblRegistros");
miTabla.deleteRow (miTabla.rows.length - 1);

Saludos

El d=EDa 18/10/06, WalteR <poeta_00 en yahoo.com> escribi=F3:
>
> Hola a todos.
>
>   quiero hacer una pagina que en dos textbox se puedan poner 1 campo email
> el otro nombre
>
>   Y al hacer clic en un vinculo se van agregando otros texbox en la
> proxima fila de la tabla para seguir ingresando otros registros, hasta aq=
ui
> lo tengo resuelto, y es el codigo que les dejo.
>
>   Mi problema es que quiero tambien colocar un vinculo para quitar filas
> cada vez q se precione, siempre quitando la ultima fila al hacer clic en =
el
> vinculo quitar.
>
>   Espero haberme hecho entender, sino me lo dicen.
>
>   Des ya muchas Gracias
>
>   WALTER
>
>   CODIGO HTML _Javascript
>
>
>
>
>
>   <HEAD>
> <SCRIPT LANGUAGE=3D"JavaScript">var x=3D1; var max=3D5;</script>
>   <SCRIPT LANGUAGE=3D"JavaScript">
> function agrega_celda(id){
> if (x <max) {
> x++;
>     var tbody =3D document.getElementById
> (id).getElementsByTagName("TBODY")[0];
>     var row =3D document.createElement("TR")
>     var td1 =3D document.createElement('TD')
>     td1.appendChild(document.createTextNode(x+'.  '))
>     td1.appendChild(document.createElement('<input type=3D"text"
> name=3D"nombre'+x+'" size=3D"40" style=3D"border: 2px solid #000066; padd=
ing-left:
> 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color:
> #D7EBFF; color:#000066; font-family:Tahoma; font-size:10pt;
> font-weight:bold"> </p>'))
>     var td2 =3D document.createElement("TD")
>     td2.appendChild(document.createElement('<input type=3D"text"
> name=3D"email'+x+'" size=3D"40" style=3D"border: 2px solid #000066; paddi=
ng-left:
> 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color:
> #D7EBFF; color:#000066; font-family:Tahoma; font-size:10pt;
> font-weight:bold"> </p>'))
>     row.appendChild(td1);
>     row.appendChild(td2);
>     tbody.appendChild(row);
>   }else{
>   window.alert('Ha superado el maximo de contactos que es '+x);
>   };}
> </script>
> </HEAD>
> <BODY>
> <div align=3D"center">
> <center>
> <table id=3D"mi_tabla" cellspacing=3D"0" border=3D"2" width=3D"706"
> style=3D"border-collapse: collapse" bordercolor=3D"#000040" cellpadding=
=3D"5"
> bordercolorlight=3D"#000080" bordercolordark=3D"#000040">
>   <tbody>
>     <tr>
>       <td width=3D"351" align=3D"center" style=3D"background-color: #D7EB=
FF">
>        <font face=3D"Tahoma" size=3D"2"
> color=3D"#000040"><b>Nombre:</b></font></td>
>       <td width=3D"351" align=3D"center" style=3D"background-color: #D7EB=
FF">
>        <p align=3D"center"><font face=3D"Tahoma" size=3D"2"
> color=3D"#000040"><b>E-mail:</b></font></td>
>     </tr>
>     <tr>
>       <td width=3D"351" align=3D"center">
> <p align=3D"left">
>   1.
>   <input type=3D"text" name=3D"nombre1" size=3D"40"
> style=3D"border: 2px solid #000066; padding-left: 4; padding-right: 4;
> padding-top: 1; padding-bottom: 1; background-color: #D7EBFF; color:#0000=
66;
> font-family:Tahoma; font-size:10pt; font-weight:bold"> </p>
>       </td>
>       <td width=3D"351" align=3D"center">
> <p align=3D"left">
>   <input type=3D"text" name=3D"email1" size=3D"40"
> style=3D"border: 2px solid #000066; padding-left: 4; padding-right: 4;
> padding-top: 1; padding-bottom: 1; background-color: #D7EBFF; color:#0000=
66;
> font-family:Tahoma; font-size:10pt; font-weight:bold"> </p>
>       </td>
>     </tr>
>   </tbody>
> </table>
>        <p align=3D"center" style=3D"margin-top: 0; margin-bottom: 0">
> <a style=3D"color: #000066; font-family: Tahoma; font-size: 8pt;
> font-weight: bold; text-decoration:none"
> href=3D"javascript:agrega_celda('mi_tabla')">+ Agregar nuevo
> contacto.  <SCRIPT LANGUAGE=3D"JavaScript">document.write('Maximo permiti=
do:
> '+max);</script></a>
> </center>
> </div>
> </body>
>
>
>
> No Me Hablen De Esperanzas Vagas Persigo Realidad.
> www.mispoemas.8m.com (mis poemas)
> http://www.tededico.sitio.net (canciones para dedicar)
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
> ---------------------------------
> Pregunt=E1. Respond=E9. Descubr=ED.
> Todo lo que quer=EDas saber, y lo que ni imaginabas,
> est=E1 en Yahoo! Respuestas (Beta).
> Probalo ya!
> ------------ pr=F3xima parte ------------
> Se ha borrado un adjunto en formato HTML...
> URL:
> http://lists.scriptia.net/pipermail/javaescript-scriptia.net/attachments/=
20061018/63579803/attachment.html
> _______________________________________________
> javaEScript mailing list
> javaEScript en scriptia.net
> http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net
>

-- =

Juan Jos=E9 Montes de Oca Arb=F3s.
------------ pr=F3xima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://lists.scriptia.net/pipermail/javaescript-scriptia.net/attachmen=
ts/20061018/342d12c6/attachment.html