para que no se mueba el boton

cgamae · #1 (**permalink**) 09/06/2006, 11:34

hola de nuevo, voy a retomar un codigo que puso JavierB(Hola!!

) sobre unas tablas dinamicas que habia hecho morovita(Hola!! ), pongo el codigo de JavierB:
<html>
<head>
<script type="text/javascript">
function anadir() {
tab = document.getElementById('tabla');
fil = document.getElementsByTagName('tr')[0].cloneNode(true);
tab.appendChild(fil);
}
</script>
</head>
<body>
<table id="tabla">
<tr>
<td>Uno</td><td>Dos</td>
</tr>
</table>
<input type="button" value="Añadir" onclick="anadir()" />
</body>
</html>

habra una forma de que al poner otros botones un poco mas abajo y cuando se agregue otra tablita(claro que las tablas que se agreguen van a ser, por ejemplo 3 o 4), no se muevan y se quede en su mismo lugar(fijarlo)... gracias por la atencion...

iogan, sorry, creo que abri otro post para una pregunta que esta arriba de la mia... creo que la mandaron cuando esta escribiendo esta, es sobre el mismo codigo, solo que lo que quiero es poner otros botones en un lugar determindo y al poner mas tablitas estas no se muevan y disculpas de nuevo....

caricatos · #2 (**permalink**) 09/06/2006, 12:01

Hola:

Con cloneNode(true) se copia un elemento cualquiera, y con appendChild se agrega como último elemento del tag empleado... Lo que no entiendo es lo de dejar algo fijo...

... pero los nuevos elementos también pueden ser modificados, por ejemplo cambiando o añadiendo estilos...

fil = document.getElementsByTagName('tr')[0].cloneNode(true);
with (fil) {
style.position = "absolute";
style.top = "10px";
style.left ="2'px";
}

Saludos

JavierB · #3 (**permalink**) 09/06/2006, 12:06

Hola cgamae

Mientras caricatos (¡Hola!

) contestaba, he hecho este código. Se trata de tener la tabla completa con algunas filas ocultas y mostrarlas cuando se pulsa el botón.

Código PHP:

  <html>
<head>
<script type="text/javascript">
var fila=0;
function anadir(obj) {
  tab = document.getElementById('tabla');
  tab.getElementsByTagName('tr')[++fila].style.visibility = 'visible';
  if (fila == tab.getElementsByTagName('tr').length-1)
    obj.disabled = true;
}
</script>
</head>
<body>
<table id="tabla">
<tr>
<td>Uno</td><td>Dos</td>
</tr>
<tr style="visibility:hidden">
<td>Uno</td><td>Dos</td>
</tr>
<tr style="visibility:hidden">
<td>Uno</td><td>Dos</td>
</tr>
</table>
<input type="button" value="Añadir" onclick="anadir(this)" />
</body>
</html>

Saludos,

cgamae · #4 (**permalink**) 09/06/2006, 14:20

oye JavierB... no se como decirlo, pero... ERES MI IDOLO EN LA PROGRAMACION... estuve un buen tiempo intentando y pues la verdad no obtuve resultados favorables... gracias de verdad, y tambien a caricatos.... en serio soy muy bueno programadores... muchas gracias... por prestar atencion a las preguntas que hacemos... hasta luego...