Hay veces que tenemos una sub-página de nuestro sitio en la cual debemos mostrar varias imágenes, y la carga de las mismas puede demorarse bastante. Vemos la opción de colocar una barra de progreso que mantenga al usuario informado en tiempo real, pero, si son como yo, se niegan rotundamente a colocar algo desarrollado en Flash. Pues bien, para gente como nosotros, JavaScript pone a disposición la propiedad complete de un objeto imágen.

La propiedad complete de un objeto imágen lo que hace es simplemente devolver true si la imágen en cuestión ha terminado de cargarse o false en caso contrario. íšnicamente con esta propiedad, el concepto de pre-carga y un poco de manejo de CSS podemos desarrollar la tan querida barra de progreso.

Continuar leyendo…

Hoy voy a dejarles un código bastante sencillo y didáctico para hacer que un DIV pueda ser arrastrado por toda el área de nuestra página y colocado donde el usuario desee. Como es costumbre el código no usará ninguna librerí­a pesada; y no es que esté en contra del uso de librerí­as o frameworks, sino es que me parece sumamente importante ENTENDER que pasa por debajo de esas bonitas llamadas a clases/funciones y ser capaces de modificar el código para nuestro beneficio.

Lo que voy a explicar es el tipo de Drag & Drop más sencillo que hay en el cual solo se trata de “arrastrar y soltar” y no en el que las capas se reordenan automáticamente (este lo dejamos para el siguiente POST). En otras palabras lo que vamos a conseguir es algo como esto: http://www.formatoweb.com.ar/blog/files/dragdrop.php y el auto-ordenable que dejamos para más adelante serí­a este: http://www.formatoweb.com.ar/blog/files/dragdrop2.php (observen que pasa al arrastrar una capa por encima de la otra).

Continuar leyendo…

Hace un tiempo me tocó la desgracia de tener una maqueta de una web en donde, por la forma en que se habí­a desarrollado, no se disponí­a de demasiado espacio para colocar texto y era necesario colocar en ese espacio las extensas especificaciones de distintos productos. El problema era sencillo: poco espacio para mucho texto.

En primera instancia pensé en colocar iframes o divs con su respectivo overflow:scroll, pero la barrita de scroll no quedaba muy estética que digamos y para peor me quitaba el preciado espacio que tanto necesitaba el texto. Opté entonces por codificar unas pequeñas funciones en JavaScript que dado un ID de un elemento cualquiera, se encarguen de transformar ese elemento en una flecha de scroll y que al posicionarse sobre ellas muevan aquellas capas donde estaban colocados los enormes párrafos.

Continuar leyendo…

Bueno, en realidad la clase la comencé con el objetivo de que sea un generador y validador de formularios sacándome de encima la necesidad de crear el código JavaScript y PHP cada vez que tení­a que validar un form diferente. El tema es que genera los select dependientes tan cómodamente que me pareció útil compartirla con ustedes, más teniendo en cuenta la cantidad de correos que me llegan a diario indicandome las dificultades que se presentan en la adaptación de este ejemplo.

Voy a comenzar colocando un ejemplo de uso. Lamentablemente todaví­a no hice la documentación que deberí­a, pero como mencioné, la idea de la clase es otra y la misma la generaré cuando termine de desarrollarla. Puede que encuentren métodos que no hacen nada, u otros que aparentan no tener sentido; la verdad es que me quedó código colgando para el cual tengo objetivos pensados pero aún no me he puesto a trabajar en ellos. De todas maneras todo funciona perfecto, como debe ser.

Continuar leyendo…

Bueno, este es mi primer post y como acabo de explicar en mi “about” no soy muy “fan” de andar escribiendo cosas. Espero que con este blog me anime un poco más a publicar las tantas cosas que deberí­a haber publicado en la vieja URL y no lo hice debido a la dificultad de añadir contenidos y ejemplos.

Me harí­a falta un buen highlighter de PHP y alguna forma sencilla de publicar ejemplos de AJAX y otras yerbas, pero supongo que eso lo iré investigando con el tiempo. Tambien me gusta la idea de “nubes de tags”, ¿alguien sabe como conseguirlas?

Bueno, espero estar publicando mi primer contenido muy pronto. Saludos a todos.