[javaEScript] Agregar y quitar filas dinamicamnet. como quitar?
WalteR
poeta_00 en yahoo.com
Mie Oct 18 08:03:04 PDT 2006
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 aqui lo ten=
go resuelto, y es el codigo que les dejo.
=
Mi problema es que quiero tambien colocar un vinculo para quitar filas ca=
da vez q se precione, siempre quitando la ultima fila al hacer clic en el v=
inculo 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"no=
mbre'+x+'" size=3D"40" style=3D"border: 2px solid #000066; padding-left: 4;=
padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #D7=
EBFF; 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"em=
ail'+x+'" size=3D"40" style=3D"border: 2px solid #000066; padding-left: 4; =
padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #D7E=
BFF; 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: #D7EBFF=
">
<font face=3D"Tahoma" size=3D"2" color=3D"#000040"><b>Nombre:</b></f=
ont></td>
<td width=3D"351" align=3D"center" style=3D"background-color: #D7EBFF=
">
<p align=3D"center"><font face=3D"Tahoma" size=3D"2" color=3D"#00004=
0"><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; padd=
ing-top: 1; padding-bottom: 1; background-color: #D7EBFF; color:#000066; fo=
nt-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; padd=
ing-top: 1; padding-bottom: 1; background-color: #D7EBFF; color:#000066; fo=
nt-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-weigh=
t: bold; text-decoration:none" =
href=3D"javascript:agrega_celda('mi_tabla')">+ Agregar nuevo contacto. <SC=
RIPT LANGUAGE=3D"JavaScript">document.write('Maximo permitido: '+max);</scr=
ipt></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/attachmen=
ts/20061018/63579803/attachment.html
Más información sobre la lista de distribución javaEScript