RSS

Mini-ejemplo HTML-CSS-PHP-MySQL-JQuery (4/4)

Para terminar con el mini-ejemplo, se le agregarán algunas instrucciones al archivo ajax.js para generar una tabla con los datos recibidos en el json. En dicho json vienen dos arreglos: el que lleva el mensaje de “subido correctamente” (que se llama subido) y otro arreglo con todos los datos de la tabla (que se llama info), Aquí veremos cómo usar dos json en el ‘done’ de ajax Aquí puedes ver el ejemplo funcionamiento

ajax_blog

El código agregado es el siguiente:

Leer más…

Anuncios
 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Mini-ejemplo HTML-CSS-PHP-MySQL-JQuery (3/4)

La base de datos se llamará formulario y la tabla dentro de ella usuarios . La base de datos y todos los archivos están en el zip con el ejemplo completo. O puedes ver en funcionamiento el ejemplos desde aquí

Lo primero que se hará es escribir código en el ajax.js que estará a la espera de del evento submit y hará la petición de ajax, espero que los comentarios que dejo en el código sean de ayuda para entender el funcionamiento. (Si es el caso y quieres aportar, ya sea código o mejorar la explicación, por favor contáctame a ringhugos@gmail.com)

jqueryEn el archivo js/ajax.js contendrá lo siguiente:

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Mini ejemplo HTML-CSS-PHP-MySQL-JQuery (2/4)

Primero se hará una maqueta en la que pondremos un header, dos sections y dentro de ellos los articles correspondientes, como se ve en el código. En el section izquierda comenzamos con el formulario que tendrá 3 campos y un botón de submit en el archivo index.php. Los 3 campos serán nombre, usuario y mail, validando éste último campo con la propiedad de HTML5. Puedes ver en funcionamiento el ejemplo desde aquí.

Vamos al código HTML5:html

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Mini ejemplo HTML-CSS-PHP-MySQL-JQuery (1/4)

Este ejemplo que presento surge de la búsqueda en google de las siguientes palabras clave: cómo actualizar un div sin recargar la página, cómo usar json con php, obtener varias respuestas ajax, usar dos respuestas en done de ajax, crear una tabla dinámica con jquery, poner una imagen de carga con jquery. actualizar dos div con jquery. Si alguna vez has buscado alguna de estas oraciones en el buscador, espero que este ejemplo te sea de ayuda 😉

En este primer post explico en concreto lo que haremos y los pasos que seguiremos hasta obtener el ejemplo final.

technologies

 

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Enviar mail desde local con PHPMailer

En este pequeño ejemplo podemos ver lo fácil que es enviar un mail con un archivo adjunto desde localhost usando tu cuenta de gmail para el envío.

Para tal motivo usaremos la librería PHP Mailer y un formulario usando los nuevos tags y atributos de HTML5 para hacer la validación de los campos.

Empecemos…  😀

Leer más…

 
17 comentarios

Publicado por en 4 agosto, 2014 en HTML, CSS, JQUERY, PHP

 

Etiquetas: , , , ,

Generar gafetes en PDF desde PHP

Ya que tenemos la funcionalidad de subir imágenes en el post anterior, acá  vamos a hacer que se generen en PDF los gafetes/credenciales/identificaciones de los registrados en la base de datos

Acá les dejo el enlace de descarga a googleDrive del directorio completo de trabajo de este ejemplo (solo salta la publicidad y listo)

El diseño consta de lo siguiente:

Leer más…

 
10 comentarios

Publicado por en 4 julio, 2014 en FPDF, PHP

 

Etiquetas: , , , ,

Crear PDF desde PHP: Agregar datos de la BD (7/7)

Para lo conexión a la base de datos usaremos dos archivos: dbconfig.php donde estarán los datos de conexión a la base de datos y myDBC.php, que contendrá los métodos necesarios para realizar SELECT, INSERT etc., en este caso solo contendrá el método llamado seleccionar_persona(), éste nos facilitará obtener un array asociativo con los datos de la persona con la matrícula buscada.

En el archivo PDF.php se añadirán tres métodos:

  1. Cabecera($array) : Crea la parte fija de la tabla, es decir, la que tiene los títulos de las columnas. Para ello se le envía como parámetro un array de cadenas (los títulos) y el método se encarga de poner cada elemento del array en una celda hasta terminar con todos sus elementos.

  2. Datos($array) : Crea la parte dinámica de la tabla. En una variable se guardará el array asociativo que regresa el método seleccionar_persona() y le asigna una celda a cada elemento del mismo.

  3. Tabla($array, $array) : Integra en un método los 2 métodos anteriores.

Veamos el contenido de PDF.php

Leer más…

 
34 comentarios

Publicado por en 30 junio, 2014 en FPDF, PHP

 

Etiquetas: , ,

Crear PDF desde PHP: Agregar texto fijo (6/7)

Ahora agregaremos texto fijo desde un archivo de texto.

Para ello, se creará un método dentro del archivo PDF.php que se llamará ImprimirTexto. Y lo que hará este método es leer un archivo y colocarlo dentro del documento usando el método llamado MultiCell() que sirve para imprimir varias líneas de texto.

Dicho archivo texto lo colocaré por esta ocasión dentro de la carpeta de php, se ha de colocar en otro directorio y a la hora de llamar el método, se debe poner la ruta correcta.

Veamos el código para que quede más claro todo esto:

Leer más…

 
Deja un comentario

Publicado por en 30 junio, 2014 en FPDF, PHP

 

Etiquetas: , ,

Crear PDF desde PHP: Fecha (5/7)

En el proyecto original, la fecha dentro del documento requería que se estableciera antes de generar el PDF y un mismo documento creado podía tener varias fechas distintas.

Lo que sigue a continuación será leer la fecha de los select y con un Cell lo colocaremos en el documento. Si vemos en el código de el atributo name de cada uno de los select es [dia, mes, anio] y de ahí obtendremos los valores mediante $_POST.

Para este paso no necesitaremos agregar ninguna función, solo se lee y se coloca la fecha leída con un Cell

Veamos el código que agregamos a creaPDF.php

Leer más…

 
Deja un comentario

Publicado por en 30 junio, 2014 en FPDF, PHP

 

Etiquetas: ,

Crear PDF desde PHP: Encabezado (4/7)

Los siguiente para hacer es el encabezado usando el método Header ().

Al inicio cuando tuve que hacer el encabezado como lo expliqué en la primera entrada, pensé en hacer una celda con Cell(), poner los bordes de arriba y abajo activos y meter ahí el texto con las imágenes. Pero esta idea no me funcionó =(

Para solucionar esto, encontré entre las funciones del manual una que se llama Line(), la cual dibuja una línea (así de fácil :D), de este modo, usé dos líneas paralelas y en seguida 3 celdas contiguas con cell():

  • En la primera, coloqué la imagen de la izquierda
  • En la segunda está el texto y una imagen
  • En la tercera, está la imagen de la derecha.

Al igual que Footer() existe una clase que se llama Header() definida en la librería en la cual se puede añadir lo que se requiera y será llamado siempre que se usé addPage().

Veamos en código lo que recién menciono (quité los comentarios pasados para limpiar el código):

Leer más…

 
7 comentarios

Publicado por en 30 junio, 2014 en FPDF, PHP

 

Etiquetas: ,