El post del día de hoy es sobre la opción de autocompletar que podemos colocar en las cajas de texto de un formulario para que conforme el usuario vaya escribiendo la aparezcan sugerencias a partir de la información almacenada en una base de datos. Lo vamos a hacer utilizando el widget Autocomplete de jQueryUI, PHP para el código a ejecutarse en el servidor y MySQL como gestor de base de datos.

Ejemplo: Información alumno

El ejemplo consiste en lo siguiente: Tendremos un formulario HTML en el cual el usuario captura una matricula(con autocompletar), una vez  capturada la matricula la información del alumno se rellenará automáticamente.

Formulario HTML

El formulario tendrá 4 campos: matricula, nombre, paterno y materno. (más…)

En el post del día de hoy vamos a ver como podemos subir un archivo al servidor para después guardar la información dentro de una base de datos, y lo vamos a hacer utilizando PHP, jQuery y MySQL.

HTML

El formulario HTML que se va a utilizar para subir el archivo al servidor tiene la siguiente estructura

<form id="frmArchivo" method="post">
   <label>Archivo:</label>
   <input id="archivo" type="file" name="archivo" />
   <input type="hidden" name="MAX_FILE_SIZE" value="20000" />
   <input class="boton" type="submit" name="enviar" value="Importar" />
</form>

La información del formulario se va a enviar con el método post. Dentro del formulario tenemos los controles en este caso un input de tipo file para el archivo que se va a subir, un input hidden que indica el tamaño máximo del archivo que se va a subir y el botón de submit para mandar el formulario al servidor. (más…)

Hace tiempo escribí un post en el cual les mencionaba algunas librerías que existen para generar graficas y tambien un ejemplo con la libreria jpGraph, el día de hoy toca el turno a Google Chart Tools la libreria de google que nos permite crear gráficas, en el ejemplo se va a crear una gráfica de columnas agrupadas obteniendo los datos de una base de datos MySQL con PHP y jQuery.

(más…)

Hola a  todos en esta ocasión el ejemplo trata de como podemos guardar la información de un formulario en una base de datos y mostrar un mensaje con el resultado, utilizando AJAX de jQuery y el lenguaje PHP.

FORMULARIO HTML

El formulario que vamos a guardar es el siguiente.

<form id="frminformacion"><label> Nombre: </label>
 <input type="text" name="nombre" />

 <label> Apellidos: </label>
 <input type="text" name="apellidos" />

 <label> Sexo: </label>
 <input type="radio" name="sexo" value="f" /> Femenino
 <input type="radio" name="sexo" value="m" /> Masculino

 <label> Grado: </label>
<select name="grado"> <option value="1"> Primero </option></select>
<select name="grado"> <option value="2"> Segundo </option></select>
<select name="grado"> <option value="2"> Tercero </option></select>

 <input id="enviar" type="button" value="Enviar" /></form>

(más…)