Para este tutorial utilizaremos el conocimiento adquirido en el tutorial anterior http://prodev.cl/2009/01/como-agregar-filas-rows-tabla-dinamicamente-mediante-xajax/ .
Lo que haremos será guardar los datos necesarios en campos ocultos y luego rescatarlos desde xajax y enviarlos a una función en PHP que los guarde en una Base de Datos.

Para comenzar, debemos modificar el código anterior y agregar en campos ocultos los valores extraídos del formulario añadiendo al nombre el número de línea al que corresponde el detalle de la siguiente manera:

hdn(nombreCampo)_(numeroLinea)

por lo que nuestro código quedaría de la siguiente forma:

$id_campos = $cant_campos = $num_campos+1;
	$str_html_td1 = $txtNombre . '
<input type="hidden" id="hdnNombre_' . $id_campos . '" name="hdnNombre_' . $id_campos . '" value="' . $txtNombre . '"/>' ;
    $str_html_td2 = "$txtEdad" . '
<input type="hidden" id="hdnEdad_' . $id_campos . '" name="hdnEdad_' . $id_campos . '" value="' . $txtEdad . '"/>' ;
    $str_html_td3 = "$txtDireccion" . '
<input type="hidden" id="hdnDireccion_' . $id_campos . '" name="hdnDireccion_' . $id_campos . '" value="' . $txtDireccion . '"/>' ;
    $str_html_td4 = "$selSexo" . '
<input type="hidden" id="hdnSexo_' . $id_campos . '" name="hdnSexo_' . $id_campos . '" value="' . $selSexo . '"/>' ;
    $str_html_td5 = "$selEstCivil" . '
<input type="hidden" id="hdnEstCivil_' . $id_campos . '" name="hdnEstCivil_' . $id_campos . '" value="' . $selEstCivil . '"/>' ;
    $str_html_td6 = '<img src="images/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm(\'Realmente desea eliminar este detalle?\')){xajax_eliminarFila('. $id_campos .', proyecto.cant_campos.value);}"/>';

(más…)

Xajax se ha vuelto parte de mi trabajo a lo largo de este ya casi año de vida laboral, por lo que mi experiencia, aunque poca, ha ido evolucionando poco a poco. Si me hubieran preguntado como hacer para añadir una fila a una tabla les habria dicho que no se podía o que mejor agregaran una tabla completa mediante el comando addAssign. Hoy, con un poco más de experiencia, les mostraré como podemos agregar el número de filas y campos que queramos a una tabla.
El proceso es simple, iremos creando las etiquetas o tags HTML según su jerarquía y le iremos añadiendo dentro el contenido que corresponda. Para esto utilizaremos los comandos addCreate que crea nuevas etiquetas HTML, y addAssign que como ya deberían saber, agrega o inserta en el atributo indicado el valor que le pasemos por parametro. Primero crearemos el tag tr y luego cada uno de los tags td que necesitemos, para así, en ultima instancia, asignar el contenido de cada campo.

Veamos como quedaría nuestra función PHP agregaFila()

(más…)

jQuery en una librería javascript que nos permite hacer cosas muy interesantes de manera muy secilla. Además tiene un repositorio de plugins con muchas cosas ya escritas que solo hace falta utilizarlas.

Al igual que en el tutorial Como crear combo box dinámico con xajax la idea aquí es la misma, con la diferencia que podemos hacerlo con otro lenguaje que no sea PHP como por ejemplo ASP o CGI utilizar otros como C a través de CGI. Se trata de generar el codigo HTML del select e insertarlo en un DIV preestablecido al generar un evento en nuestro código.

A diferencia de xajax, en el cual llamabamos a una función específica dentro de nuestro código PHP, aquí se llama a un archivo completo, por lo que debemos crear un mecanismo para diferenciar a que función queremos que se acceda cada vez que se llame dinámicamente nuestro archivo. esto puede hacerse a través de condiciones “IF” o “switch – case”.

(más…)

En la primera parte de este tutorial de Como crear combo box dinámico con xajax mostré como crear los combobox o select dinamicos dependientes. Ahora, que pasa si yo quiero hacer un select dinamico dependiente de otro select, que a su vez, es dependiente de otro select, o sea select dependientes com más de un nivel.

(más…)

Una de las tareas típicas de un programador es crear comos dinámicos o dependientes. Para esta tarea habia que nesesariamente recargar la pagina. Gracias a la tecnología Ajax eso es parte de la historia.
En este articulo esplicaré como hacerlo mediante la libreria xajax.
Básicamente lo que haremos será llamar a nuestra función PHP mediante xajax y generaremos el código HTML que incrustaremos en una etiqueta div. (más…)