En un artículo anterior describíamos cómo utilizar el plugin Autocomplete de jQuery para implementar un campo de texto con sugerencias. En esta ocasión usaremos el plugín (también de jQuery) FlexBox.  Este plugin puede ser usado como combobox o textbox con autocompletado. Además, puede paginar la lista de resultados y definir un template HTML para mostrar cada ítem de la lista.

Las instrucciones para descargar e instalarlo se encuentran aquí. Una vez descargados todos los archivos, se debe incluir el css y js para poder utilizarlos (recordar incluir también jquery):

<script src="ruta/a/jquery.flexbox.min.js" type="text/javascript">

<link type="text/css" rel="stylesheet" href="ruta/a/jquery.flexbox.css" mce_href="path/to/jquery.flexbox.css" />

Veamos un ejemplo: (more…)

Ingresado en: Iugo por admin    Sin comentarios »

Tras haber probado y usado varios sistemas para tiendas online, sin dudas no podía dejar pasar mas tiempo sin probar Magento. Asi que me decidí, descargué la última versión estable y lo instalé localmente en mi notebook. De esa manera puedo probarlo, ver que posibilidades ofrece y cuáles son las principales complicaciones para personalizarlo.

A decir verdad, Magento es muy interesante, así que tras instalarlo ya comenzé a trabajar en la nueva versión de una tienda online, para un cliente. Sin lugar a dudas es muy superior a todas las demás opciones (al menos las que yo conozco) por lo que sin pensarlo mucho tiempo, opté por usarlo para una tienda virtual que estaba comenzando a desarrollar.

El primer problema con el que me encontré, al instalarlo en mi servidor local (localhost) fue que no me permitía ingresar al admin. En un principio pensé que estaba ingresando mal la contraseña (en el proceso de instalación te permite elegir el usuario y contraseña para el primer administrador del sitio). Pero luego me di cuenta que cuando tipeaba mal el usuario o la contraseña me daba un mensaje de error, mientras que cuando la tipeaba bien, simplemente volvía a la pantalla de login sin mostrarme ningún error.
(more…)

Ingresado en: Iugo, Magento, Programación, php por gonzalo    1 Comentario »

Hay una infinidad de plugins de Wordpress para la generación de galerías de imágenes, pero ninguna cumplía con el requisito de que fuera sencilla de utilizar desde el panel de administración y que no utilizara el efecto lightbox. El funcionamiento debía ser el siguiente: se muestran todas las imágenes en una serie de miniaturas y cuando el usuario hace clic en una miniatura ésta se muestra en grande en la misma página (por ejemplo). Luego de buscar un rato, encontré un excelente plug-in de jQuery: Galleriffic.
(more…)

Ingresado en: Iugo por admin    1 Comentario »

Se anunció en php.internals que la nueva versión de PHP (5.3.0) saldrá el próximo martes 30 de Junio.  Alguna de las muy importantes funcionalidades son:

• namespaces (al fin!)
• funciones lamda y clausuras
• archivos Phar, para poder crear un único archivo (ala JAR en Java) con todo lo necesario para correr la aplicación
• driver nativo para MySql

Ahora tenemos que empezar a pedir a las empresas de hosting que actualicen las versiones!

Ingresado en: Iugo por admin    Sin comentarios »

En este mini tutorial veremos como utilizar un excelente plugin de jQuery para implementar la funcionalidad de autocompletar (suggest). Nosotros lo hemos utilizado para taggear, sugiriendo al usuario los tags existentes en el sistema, pero hay muchas más aplicaciones: en buscadores, ingreso de datos, etc.
(more…)

Ingresado en: Iugo, Javascript, Programación, jQuery por admin    7 Comentarios »

Estamos estrenando theme en el blog. Es un diseño para Wordpress realizado a medida por nosotros y que busca integrarse al nuevo diseño de nuestro sitio web (que estaremos habilitando la próxima semana). Esperemos que les guste!

Ingresado en: Iugo por admin    Sin comentarios »

En este turorial veremos como se puede implementar la carga de archivos utilizando CakePHP y jQuery.

1. CakePHP. Carga de archivos
Utilizando los consejos publicados en este post, implementaremos la lógica PHP para subir archivos al servidor. El siguiente método toma el nombre del directorio en el servidor al cual se quieren subir los archivos, el array de archivos del formulario y un identificador opcional en caso que se desee crear un subdirectorio en donde guardar el archivo.
(more…)

Ingresado en: Javascript, Programación, cakephp, jQuery, php por admin    3 Comentarios »

Navegando por ahí me topé con este excelente compliado de recursos para diseñadores y desarrolladores web.  Se pueden encontrar enlaces a sitios para generar favicons, gráficos de loading, frameworks css, íconos gratuitos, un montón de widgets para jQuery, etc, etc. Recomendado.

(more…)

Ingresado en: Uncategorized por admin    Sin comentarios »

Los formularios forman parte de prácticamente todos los sitos y aplicaciones web de hoy en día.  Si bien con la ayuda de CSS simple podemos personalizarlos hasta cierto punto, siempre llega un momento en el que las queridas hojas de estilo ya no pueden ayudarnos, y debemos hecharle mano a nuestro adorado y salvador jQuery.

Imágen extraida del sitio web de prettyCheckboxes

En este post vamos a enfocarnos en los radio buttons y checkboxes, o “botones de opcion” y “casillas de verificación”… como nos guste llamarles.

He probado con varios plugins de jQuery, e incluso personalizarlos bastante, pero considero que prettyCheckboxes es uno de los más sencillos de utilizar. Para incluirlo en tu diseño solo tienes que:

1.- Importar jQuery (por supuesto) y el archivo prettyCheckboxes.js que podrás descargar de este sitio (allí encontraras ejemplos y una explicación mas detallada)

2.- Inicializar prettyCheckboxes (para todos los checkbox y radio buttons de la página):

    $(document).ready(function(){
        $('input[type=checkbox],input[type=radio]').prettyCheckboxes();
    });

O inicializarlo solo para algunos elementos de tus formularios:

    $(document).ready(function(){
        $('input.myCheckbox').prettyCheckboxes();
    });

Y eso es todo, ahora solo falta personalizar las imágenes (que descargas de la página de prettyCheckboxes para que se vean según tu diseño.

Ingresado en: Javascript, Programación, Uncategorized, formularios, jQuery por gonzalo    Sin comentarios »

Durante un tiempo usé Ext para desarrollo en Javascript, y una de sus grandes ventajas es la gran cantidad de componentes y widgets disponibles. Uno de los que usaba seguidamente era la grilla o grid, con posibilidad de paginado, ordenar columnas, etc.

jQuery también dispone de una muy buena grilla, (more…)

Ingresado en: Javascript, jQuery por admin    Sin comentarios »