RSS

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…

Anuncios
 
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

 

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: Pie de página (3/7)

El hecho de haber empezado por el pie de página se debe a que es el más sencillo de hacer, a su vez, tiene un método interesante que se usará mucho, se trata de Cell(). Los parámetros que tiene son variados y obviamente pueden ser usados como mejor nos convenga.

Para diseñar nuestro pie de página, en la clase en blanco que dejamos en PDF.php de la entrada anterior, tenemos que agregar un método que ya está en definido en la clase fpdf.php que se llama Footer() y solo hay que diseñarlo, ya que este método se llama automáticamente por la misma clase en su definición.

Para bajar el ejemplo completo, bájalo desde mi dropbox (salta la publicidad)

Leer más…

 
Deja un comentario

Publicado por en 30 junio, 2014 en Uncategorized

 

Subir y guardar imágenes en la BD

Como resultado de investigar, me di cuenta que existen dos formas de guardar imágenes en la base de datos. La primera, y al parecer la más complicada, es creando un campo de tipo blob para la imagen. La otra, más sencilla, es subir la imagen a una carpeta en el servidor con la función php llamada move_uploaded_file() y posteriormente guardar la ruta de la imagen en la base de datos. Cabe mencionar que la ruta es una cadena de texto, sin mayor complicación. 😀

Para obtener el directorio de trabajo completo de este ejemplo incluyendo el bootstrap.css, la librería fpdf y el jquery en sus carpetas correspondientes, puedes descargar de este enlace directo de dropbox (click en saltar publicidad y te lleva directo a la descarga)

Lo primero que se ha de hacer es crear un árbol de directorios como el que se muestra continuación y colocar los archivos en el lugar correspondiente.

arbol_directorios

Sin más, empecemos haciendo el HTML5 y el CSS para ver cómo quedará nuestro formulario para pedir un nick, mail y elegir una imagen. Acá el formulario:

Leer más…

 
19 comentarios

Publicado por en 25 junio, 2014 en HTML, CSS, JQUERY, PHP

 

Etiquetas: , , , ,

FPDF: Llenar formatos (Llenado 3/3)

Bueno, para concluir, se colocarán en las respectivas posiciones las celdas que contendrán la información que se recibe de la base de datos.

Para ello necesitaremos lo siguiente: haremos la llamada a la base de datos la cual nos regresará un arreglo asociativo con la información, en este caso de ejemplo, los datos de una persona. También requerimos otro arreglo asociativo de coordenadas (x, y). Una vez teniendo ambos arreglos, se pondrán en un ciclo y se extraerá un par de coordenadas que se le pasarán al método SetXY que colocará la celda en la posición que se asigne, y a su vez, se extraerá un dato de la persona y se la pasará al método Cell.

El arreglo de coordenadas, en este caso se me facilitó porque usé para colocar la información dentro del formato, líneas con el método Line. Cabe mencionar que el primer parámetro que requiere el método Line es donde comienza la línea. Así que, para saber dónde iría cada celda solo me fijé en este primer parámetro y aumenté 2 unidades a la derecha (coordenada X) y una unidad hacia arriba (coordenada Y) y este par es el que coloqué en el arreglo de coordenadas. Por ejemplo: Line(40, 50, 70, 50); <– para colocar la celda sería: SetXY(42, 49) Cell (parámetros…)

Quedará más claro viendo el código 🙂 Espero que los comentarios del código ayuden 😀

Leer Más…

 
22 comentarios

Publicado por en 10 diciembre, 2013 en FPDF, PHP

 

Etiquetas: ,

FPDF: Llenar formatos (Diseño 2/3)

Como lo he dicho a varios de mis lectores, en definitiva, diseñar un formato lleva su tiempo. Se ha de diseñar primeramente un bosquejo a lápiz y papel para tener una idea general del diseño y definir cuáles métodos se han de usar en el código y lograr el diseño requerido.

En esta ocasión les presento un formato con un diseño sencillo el cual utiliza un margen decorativo y dos imágenes que se colocan con el método Image. Hago uso del método Line que dibuja una línea recta y celdas sin borde.

Evidentemente un diseño será tan complejo como se requiera, acá el punto es solo demostrar que los datos que obtengamos también se pueden colocar en posiciones distintas y no solo en tablas y reportes.

La carpeta de trabajo contendrá: index.php, PDF.php, carpeta de la librería y 3 imágenes. En este ejemplo el archivo PDF.php no contendrá ningún código, simplemente pondremos la clase extendida PDF de FPDF para poder usar en index.php objetos de FPDF.

Veamos el código y la salida:

Leer Más…

 
6 comentarios

Publicado por en 9 diciembre, 2013 en FPDF, PHP

 

Etiquetas: ,

FPDF: Llenar formatos (Introducción 1/3)

Este tutorial nace de una sugerencia de un lector del blog 🙂 Me comentaba que ya podía hacer tablas y reportes como el de las entradas anteriores. El detalle es que están en una posición única. Se encontró con que ahora tenía que hacer un formato y llenarlo con la información extraída de la base de datos. Ya que es un formato, los campos con la información deben estar en ciertas posicione dentro de la hoja.

La siguiente imagen muestra el bosquejo de un formato; los recuadros morados son precisamente la información que se extrae de la base de datos y que se han de acomodar en la hoja. Notar que ahora ya no están mostrados en una tabla, sino que ahora, están esparcidos en diferentes posiciones.

Bosquejo de un formato

Bosquejo de un formato

Leer Más…

 
Deja un comentario

Publicado por en 9 diciembre, 2013 en FPDF, PHP

 

Etiquetas: , ,

FPDF: Rectas Curiosas :D

Bueno, esta entrada es sobre la anécdota con la que recuerdo siempre mi primer acercamiento al mundo de la computadoras e informática. A su vez, siempre que tengo ‘ratos libres’ me pongo a hacer esta figura hecha solo con líneas rectas.

Aquel día cuando la primera computadora PC llegó a casa fue un momento especial; por mi mente solo pasaba: Juegos, juegos y más juegos 😀 En mi corta edad creía que la computadora era solo para tener miles de juegos y escribir tareas aburridas en word  xD

Cuando la encendí el primer día me estuve varias horas en un ‘programilla’ llamado paint, ese fue mi primer contacto informático. Hice diferentes figuras y las rellené de varios colores, pinté a mano alzada, borraba con la goma, me acercaba con la lupa, en fin. Después de las largas horas que se me habían pasado en estar ahí, las ideas se venía abajo pero…

Leer Más…

 
2 comentarios

Publicado por en 2 diciembre, 2013 en FPDF, PHP

 

Etiquetas:

FPDF: Reporte dinámico

Ahora toca el turno a hacer un reporte dinámicamente extrayendo de la base de datos mediante un SELECT.

Aunque pareciera más “difícil” por el hecho de obtener los datos de la base de datos… no lo es :). De hecho es tan sencillo como retornar un array asociativo, como el de los ejemplos anteriores, en la clase dedicada a la base de datos y listo.

Los métodos que se han usado antes, son exactamente los mismos, acá lo único que se agregará, son los dos archivos necesarios para la comunicación con la base de datos y mediante el método donde se realice el SELECT, devuelva un arreglo asociativo.

En el index.php se creará un objeto de la clase myDBC.php y en una variable se guardará el array asociativa que regresa el método que hace el SELECT, es decir, el método seleccionar_datos( ). Después, esta variable se le pasa al método tablaHorizontal( ).

Leer Más…

 
38 comentarios

Publicado por en 28 noviembre, 2013 en FPDF, PHP

 

Etiquetas: , ,