Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/07/2010, 20:11
lobezno_1421
 
Fecha de Ingreso: julio-2010
Mensajes: 16
Antigüedad: 13 años, 9 meses
Puntos: 0
ayuda con java script

bueno les comento mi problema, lo que pasa es q tengo una funcion en java script la cual me genera filas dianmicas y tambien elimina,esta funcion es llamda atravez de un boton todo bien por el mometo.
Pero mi consulta es como hacer para guardar las filas que se vayan creando y eliminarlas cuando sea necesario tod esto en una bd/mysql, si alguien me pudiera decir como u orientarme al respecto se lo agrdeseria mucho.

aka dejo el codigo:

<html>
<head>
<script language='javascript' type='text/javascript'>
/*variable posicioncampo,sirve para marcar cuantos campos se han guardado dinamicamente.
La inicializamos en 1, ya que la primera llamada ocurrirá cuando no hayan campos agregados*/
var posicionCampo=1;

/*declaramos funcion agregar usuario */
function agregarUsuario()
{

/* variable llamada nuevaFila y a ella le asignamos la recuperación del elemento HTML designado por el id tablaUsuarios. En este caso, la tabla en la que manejamos los campos dinámicamente y llamamos a la función insertRow para agregar una fila */
nuevaFila = document.getElementById("tablaUsuarios").insertRow (-1);

/* Asignamos a la propiedad id de nuevaFila el valor de posicionCampo, que inicializamos en 1 */
nuevaFila.id=posicionCampo;

/*Luego en otra variable llamada nuevaCelda, agregaremos una celda a la tabla, mediante la función insertCell */
nuevaCelda=nuevaFila.insertCell(-1);

/* Con la celda creada, insertamos dinámicamente un campo de texto, el cual almacenaremos en un array llamado nombre, con una posición equivalente a la variable posicionCampo. Una vez terminado, repetimos la acción para el sitio Web y correo, asignando al array respectivo */
nuevaCelda.innerHTML='<td><input type="text" size="15" name="nombre["+posicionCampo+"]" ></td>';

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML='<td> <input type="text" size="10" name="web["+posicionCampo+"]" ></td>';
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML='<td> <input type="text" size="10" name="correo["+posicionCampo+"]" ></td>';
/* Finalmente añadimos una última celda para las acciones y ahí agregamos un botón llamado Eliminar, el cual al ser presionado (definiendo la propiedad onClick), llamará a una función eliminarUsuario, pasando como parámetro la fila correspondiente */
nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML='<td><input type="button" value="Eliminar" onclick="eliminarUsuario(this)"></td>';

/* Incrementamos el valor de posicionCampo para que empiece a contar de la fila siguiente */
posicionCampo++;
}

/* Definimos la función eliminarUsuario, la cual se encargará de quitar la fila completa del formulario. No es necesario hacer modificaciones sobre este código */
function eliminarUsuario(obj){

var oTr = obj;
while(oTr.nodeName.toLowerCase()!="tr")
{
oTr=oTr.parentNode;
}
var root = oTr.parentNode;
root.removeChild(oTr);
}
</script>

<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<table id="tablaUsuarios">
<tr>
<td width="175">Nombre</td>
<td width="175">Sitio Web</td>
<td width="100">Correo</td>
</tr>
<td align=“right”>
<input type="button" onClick="agregarUsuario()"
value="A&ntilde;adir usuario" >
</td>
</table>

</form>
</body>
</html>

Última edición por lobezno_1421; 08/07/2010 a las 16:53