Recientemente estuve haciendo algunas modificaciones en el theme de un foro corriendo en phpBB 3.0. Esta última versión cambió radicalmente el panel de administración y mantenimiento de los foros. La gestión de los themes también ha cambiado, disponiendo de dos partes: plantillas y temas. La primera hace referencia a la estructura y la segunda al diseño. Cuando hacemos algún cambio en los ficheros fuente debemos actualizar el caché de los foros para que los cambios tengan efecto, y es aquí donde me apareció un error:

Could not open ./../styles/prosilver/template/colour_swatch.html

Era incapaz de actualizar el caché y aplicar los cambios en el diseño del theme. Al final encontré la solución ejecutando una query en la base de datos que eliminaba un parámetro de configuración del template:

DELETE FROM `phpbb_styles_template_data` WHERE `template_filename`= ‘colour_swatch.html’;

Más info | http://ktuk.net/phpBB3/viewtopic.php?f=32&t=4503

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Error colour_swatch.html en phpBB 3.0 al actualizar un theme

Para poder hacer un upload de archivos en PHP necesitamos crear un formulario con un parámetro especial enctype=”multipart/form-data”. Este parámetro permite indicar que vamos a enviar, además de texto, varios ficheros al puslar el submit del formulario. Los elementos necesarios para subir los ficheros son los input file, de los cuales crearemos tantos como deseemos (asignado a cada uno un name único).

El formulario de envío nos quedaría tal que así:

<form name=”form” action=”alta.php” method=”POST” enctype=”multipart/form-data” >
<input type=”hidden” name=”MAX_FILE_SIZE” value=”1500000″>
<input name=”nombre” value=”" size=”30″>
<input name=”email” value=”" size=”30″>
<input name=”file1″ type=”file”>
<input type=”submit” value=”Enviar”>
</form>

El fichero que gestiona los datos del formulario alta.php recibirá en el contexto 3 elementos: el name, el email, y el archivo file1. Los dos primeros los recuperaremos de forma convencional a través de $_POST, mientras que el archivo lo recuperaremos a través de $_FILES, que es un array que almacena los datos del mismo: tamaño, formato, nombre, etc. El input MAX_FILE_SIZE nos permite indicar cuál es el tamaño máximo de los archivos que se pueden subir. El valor está en kbs. Sin embargo, esto se puede comprobar posteriormente en alta.php a través de la variable size del array $_FILES. Ahora lo veremos.

<?php

$nombre_archivo = $_FILES [ 'file1' ] [ 'name' ];
$tipo_archivo = $_FILES [ 'file1' ] [ 'type' ];
$tamano_archivo = $_FILES [ 'file1' ] [ 'size' ];
$nombre_temp = $_FILES [ 'file1' ] [ 'tmp_name' ];

if (((strpos($tipo_archivo, “gif”) || strpos($tipo_archivo, “jpeg”) || strpos($tipo_archivo, “png”) && ($tamano_archivo < 1500000))) {

if (is_uploaded_file($nombre_temp)) {

copy($nombre_temp, “‘directorio/’.$_FILES [ 'file1' ] );

}else{

echo ‘Se ha producido un error al intentar subir el archivo’;

}else{

echo ‘El archivo seleccionado no es una imagen o excede el 1.5mb de peso’;

} ?>

Al igual que recogemos del contexto cualquier elemento de un formulario, recogeremos el array con los datos del archivo con $_FILES. Una vez hemos recuperado sus características, comprobamos que cumple con los requisitos del formulario: que es una imagen (es gif, jpg ó png), esta comprobación, en vez de hacerla con los MIMEs (‘image/jpeg’), se hace de forma más sencilla buscando la extensión en el nombre del archivo subido. Además, también se comprueba que pesa menos de 1.5mb. Podemos añadir cuantas comprobaciones deseemos, basta con meterlas a continuación del primer if.

En caso de que el fichero subido cumpla con todos los requerimientos, procederemos a alojarlo en nuestro servidor. El proceso hace una copia temporal del archivo en el servidor para su posterior tratamiento. La función is_uploaded_file se encarga de indicarnos si se ha realizado correctamente o no. En caso afirmativo, se procede a hacer una copia en nuestro servidor gracias a la función copy. Esta función recibe dos parámetros: nombre y path temporales del archivo, y el path o ruta donde queremos guardarlo. Es necesario que el directorio del ftp donde queremos alojar nuestras imágenes tenga permisos de escritura. En nuestro caso vamos a copiar los archivos en un directorio creado a tal efecto.

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Cómo subir archivos al servidor desde PHP

// GET

www.mitienda.com/tienda.php?cat=2&item&24&lan=es

// POST

www.mitienda.com/tienda.php

El uso de un método u otro depende de la información que vayamos a pasar. En la guía nos indican qué método debemos utilizar para cada procedimiento. A modo de resumen:

• Utiliza GET para acciones seguras y POST para las inseguras
• Utiliza POST si envias datos privados (passwords, números de tarjetas de crédito, etc)
• Utiliza POST cuando envíes mucha información (más de 2024 caracteres)
• Utiliza GET en entornos AJAX

Más info | http://carsonified.com/blog/dev

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Diferencias entre GET y POST

Quizzpot es una escuela online donde podemos encontrar un pequeño catálogo de cursos y tutoriales gratuitos, en formato de video y texto, sobre programación y desarrollo web basados en el framework EXT JS (javascript). Los artículos están formados por un video, impartido por profesionales que dominan la herramienta, y un artículo donde nos lo aclaran con la ayuda de código fuente y ejemplos.

Nos enseñan desde lo más básico a scripts más avanzados. Lo más interesante de Quizzpot es la posibilidad de realizar exámenes para evaluar si hemos aprendido algo a través de sus artículos. Si bien todos los cursos y tutoriales han sido publicados por el equipo de Quizzpot, están abiertos a publicar cualquier artículo escrito por sus lectores.

Más info | http://www.quizzpot.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Quizzpot, escuela online de desarrollo web

Las 20 respuestas más utilizadas por los programadores

20.- “Pues es raro…”
19.- “Nunca había pasado antes.”
18.- “Pues ayer funcionaba…”
17.- “¿Cómo es posible?”
16.- “Tiene que ser un problema de tu hardware.”
15.- “¿Qué hiciste mal para lograr que fallara?”
14.- “Algo debe de estar mal en tus datos.”
13.- “¡Si no he tocado ese módulo en meses!”
12.- “Debes de estar usando una versión anterior.”
11.- “Es sólo una desafortunada coincidencia.”
10.- “¡Es que no lo puedo probar todo!”
9.- “ESTO, no puede ser la causa de ESO.”
8.- “Funciona, pero no lo he probado.”
7.- “¡Alguien debe de haber cambiado mi código!”
6.- “¿Has comprobado que no haya algún virus en tu sistema?”
5.- “Ya se que no funciona, ¿pero te gusta?”
4.- “No puedes utilizar esa versión en tu sistema”
3.- “¿Por qué quieres hacer eso?”
2.- “¿Y tú dónde estabas cuando se colgó el programa?”

Y la respuesta número uno de los programadores con programas que no funcionan es:

1. “¡EN MI MÁQUINA SI FUNCIONA!”

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Las 20 respuestas más utilizadas por los programadores

En el proyecto de desarrollo en el que estoy trabajando actualmente somos dos programadores. En numerosas ocasiones tenemos que editar los mismos ficheros. Para que ambos tengamos una versión actualizada de los archivos utilizamos un CVS (Control Version System), que alojado en un servidor, nos permite subir los cambios que hemos efectuado para luego descargarlos y tener cada uno el proyecto actualizado en su máquina.

Hay numerosas herramientas CVS para facilitar la gestión de los ficheros que nos permiten, entre otras cosas, enviar, descargar o ver las diferencias de los archivos. Si bien los CVS son ideales para el trabajo en equipo, si a alguno se le olvida subir sus actualizaciones o descargar los últimos cambios antes de ponerse a editar, podremos tener un problema e incluso perder información.

Y digo esto porque hoy me ha pasado algo parecido. He actualizado el CVS y no había ningún cambio en el servidor, por lo que me he puesto a editar el core de nuestra aplicación. Cuando estaba probando los cambios en local me he dado cuenta de que algunas funcionalidades que estaban en producción no las podía usar en mi máquina. Me he descargado vía FTP los ficheros del servidor y por lo visto había unas cuantas líneas de código que no estaban en los ficheros del CVS. Se nos olvidó actualizarlo.

Para ver qué líneas de código no tenía en local he tenido que recurrir a Beyond Compare, una aplicación que nos permite comparar dos archivos y ver las diferencias entre ambos. Beyond Compare, que es de pago, es una completea aplicación para comparar directorios, ficheros de texto, bases de datos, ficheros hexadecimales, mp3 o imágenes.  La comparación de texto se muestra con dos ventanas. En cada una está uno de los ficheros a comparar señalando en rojo las líneas o caracteres que los diferencian.

Si lo prefieres, tienes a tu disposición WinMerge, aplicación OpenSource totalmente gratuita. La ventaja de que sea OS es que tiene detrás una comunidad de usuarios que están actualizandolo constantemente y creando plug-ins para mejorar las funcionalidades (por ejemplo, hay un plugin para comparar documentos de MS OFFice: Word, Excel o Power Point o PDF). Y tú ¿qué programa utilizas para comparar archivos?

WinMerge | www.winmerge.org (Opensource)
Visor Diff Meld | http://meld.sourceforge.net (OpenSource, Linux)
Beyond Compare | www.scootersoftware.com (de pago)

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

BeyondCompare & WinMerge: comparar archivos para ver sus diferencias

Tanto el Word como el Excel son capaces de leer documentos en HTML. Prueba a crear una página en HTML con el bloc de notas, guarda el fichero con extensión .doc ó .xls. Comprobarás que el contenido puede visualizarse sin problemas.

Creando un Word o Excel a partir de HTML

Sabiendo esto, podemos recuperar la información de las consultas a la base de datos y pintarla en HTML, aplicándo el formato y distribución que deseemos, ya sea mediante tablas, párrafos, divs e incluso podremos aplicar estilos y colores.

Una vez hemos generado el documento en HTML sólo nos queda descargarlo. La opción básica es ir al menú Archivo, pulsar en Guardar Como e indicar la extensión correcta, sin embargo, esta medida es poco práctica, además de exigir ciertos conocimientos técnicos. Existe otro método que facilita esta tarea y permite forzar la descarga automáticamente. Para ello, podemos utilizar los headers de PHP.

header(“Content-Type: application/vnd.ms-excel”);
header(“content-disposition: attachment;filename=mifichero.xls”);

El Content-type especifica qué tipo de datos contiene el fichero a través del código MIME correspondiente (Multipurpouse Internet Mail Extensions, serie de especificaciones dirigidas al intercambio transparente de todo tipo de archivos a través de Internet). Cada tipo de fichero tiene uno o varios MIMEs. En Glosarium.com puedes encontrar el catálogo completo de códigos MIMEs. Por ejemplo, un fichero Excel tiene varios MIMEs (application/vnd.ms-excel, application/excel, application/x-excel, application/x-msexcel)

En la segunda línea especificamos el nombre del fichero que se va a descargar. Debemos indicar nombre y extensión.

¿Cómo cambio los margenes del documento Word con CSS?

Un truco para modificar los márgenes es crear un fichero con el Word, establecer los márgenes que deseemos y guardarlo Como Página Web. Abrimos el fichero con un editor HTML y recuperamos las CSS que ha generado automáticamente el Word. Tras limpiar un poco el código (tanto HTML como CSS), tendremos a nuestra disposición una plantilla para el Word con los márgenes que hemos especificado.

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Cómo crear documentos Word y Excel dinámicamente desde PHP a partir de HTML

AJAX (Asynchronous JavaScript And XML) es, según lo define la Wiki, una técnica para desarrollar aplicaciones web que se ejecutan del lado del cliente de forma asincrónica. Es una técnica, y no un lenguage, porque se basa en la unión de varias tecnologías ya existentes (JavaScript, XHTML, DOM y el objeto XMLHttpRequest). Es especialmente valorado por desarrolladores y usuarios ya que la información de una página se muestra a medida que ésta es solicitada, de forma que no es necesario recargar toda la página cada vez que pinchemos en un enlace, sólamente se solicita la información que debe mostrarse y ésta se pinta en la pantalla, ahorrando tiempo y consultas innecesarias a la base de datos.

Desde hace tiempo llevo investigando y leyendo documentación sobre AJAX para aprender a programar y hacer alguna aplicación web bajo esta tecnología. Hoy he encontrado una entrada muy útil que recopila más de 20 recursos online para aprender a programar en AJAX: tutoriales, manuales, podcasts, videotutoriales, ejemplos, etc. La mayoría del contenido está en español, aunque al autor destaca especialmente un artículo en inglés que le ha sido de gran utilidad.

Si estás interesado en aprender a programar en AJAX, técnica que cada vez se utiliza más en el desarrollo web, echa un vistazo a la colección de recursos de BlogDesarrollo.

Por otro lado, os paso un interesante enlace con más de 80 recursos para desarrolladores AJAX.

Más info | http://blogdesarrollo.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Aprende a programar en AJAX con recursos online

El blog nos ofrece la posibilidad de enviar nuestro propio contenido para que lo publiquen en su plataforma. A cambio, nos ofrecen la publicación del artículo en la home de Coders.me, incluyendo nuestra información y website en los créditos del artículo.

Finalmente destacar el foro de Coders.me, donde podremos realizar cualquier pregunta que tengamos acerca de los artículos publicados o cualquier duda de programación.

Más info | http://www.coders.me

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Coders.me, blog sobre programación y desarollo web

html,body{

margin:0px;
height:100%;

}

#wrapper{

height: 100%

}

De todos modos, sigo pensando que dar un height automático al contenedor principal  de una página es antiestético y muchas veces nos encontraremos con problemas al visualizar la página en determinados navegadores. Lo ideal sería poner un height fijo cuando sabemos que la altura de la página nunca va a variar (típicas páginas básicas de empresas con pocos textos).

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Cómo dar height: 100% a un DIV con CSS en Firefox3 e IE7