• Loupe.js, amplia tus imágenes

    La nota anterior hablo acerca de como aplicar un zoom a una imagen. Un objetivo similar tiene esta utilidad llamada Loupe.js , la cual muestra una lupa sobre tus imágenes y amplia la parte donde está ubicada esta. Eso si, necesitas dos imágenes, una que será la muestra por donde se paseará la lupa y la otra debe ser una...

  • TJPzoom, zoom para tus imágenes

    TJPzoom es una utilidad en JavaScript que te permite realizar un zoom a las imágenes de una página web. Simplemente basta con presionar y arrastrar hacia dentro o fuera para aplicar el zoom. Trabaja sobre IE 6 y 7, Firefox 2, Opera (probado en la versión 8.54) y Safari 2. ¿Cómo usarlo? Aquí un ejemplo de uso básico....

  • Colección de tutoriales sobre Ajax, PHP y MySQL

    A lo largo del año pasado y comenzando este, he venido desarrollando pequeños ejemplos sobre la combinación de estos lenguajes PHP y MySQL con la técnica de programación web mas popular Ajax, de manera casera, como le digo yo, definiendo y usando nuestro propio objeto XMLHttpRequest. Existen muchos librerías que hacen el trabajo más fácil; pero, para aquellos que...

  • Extensiones útiles para Dreamweaver

    Si trabajamos con Dreamweaver para el desarrollo de aplicaciones web, entonces debemos tener a la mano estas extensiones: Codetch Es una extensión que permite la edición de tus páginas, el entorno de este es similar al de Dreamweaver. Extensiones para Dreamwaver El sitio oficial de Macromedia dispone de una extensa lista de extensiones. Kaosweaver También dispone de extensiones útiles y populares para Dreamweaver. Subversion para Dreamweaver...

script.aculo.us guía rápida - Parte 4

29-03-2007 Tutoriales, JavaScript, Programación 4739 hits (41.48 %) 2 comentarios

Slider Control Veremos ahora lo relacionado con el control Slider del script.aculo.us, sí, ese control deslizante al cual podemos darle muchos usos. Veamos su sintaxis y algunas de sus principales opciones: new Control.Slider('id_deslizador','id_pista', [opciones]); Donde opciones (las principales por supuesto) : axis: Determina la dirección del control Slider. Por defecto es horizontal. range: Determina el valor minimo y máximo. Uso:...

script.aculo.us guía rápida - Parte 3

08-03-2007 Tutoriales, AJAX, JavaScript, Programación 20459 hits (100 %) 11 comentarios

Drag Drop con script.aculo.us Bien ahora veremos la forma de mover elementos de un lugar a otro con script.aculo.us. Esto será una explicación rápida y al grano. Mas adelante veremos como combinar esta característica con PHP y MySQL. Primero descargamos el paquete de script.aculo.us y luego incluimos los archivos necesarios para este proceso. Dentro de las etiquetas <head></head> escribimos: <script src="prototype.js"...

Ordenar registros de una tabla con PHP y Ajax

01-03-2007 Tutoriales, AJAX, Programación 64332 hits (100 %) 48 comentarios

En esta oportunidad realizaremos una pequeña aplicación que consistirá en ordenar los valores de una consulta de datos (MySQL) mediante hacer clic en el encabezado de la columna. Lo que vamos hacer es relativamente sencillo. Veamos. Una idea general Tenemos una tabla con n registros, realizamos la consulta y mediante un script en PHP nos muestra los datos en una...

Menu contextual con Javascript

27-02-2007 JavaScript, Programación, Utilidades 17076 hits (100 %) 4 comentarios

No hay duda que con esto de las aplicaciones web todo desarrollador o webmaster quiere implementarlas parecidas, en funcionalidad, a las aplicaciones de escritorio. Y esto es posible gracias a la cantidad de librerías ó códigos libres que existen en toda la web. Por ejemplo Harel Malka (vía Ajaxian) veía la necesidad de una menu contextual (esos que aparecen cuando...

Comet ó Ajax

11-02-2007 AJAX, JavaScript, Programación 7041 hits (61.63 %) 7 comentarios

Hace casi un año (aproximadamente) se hablaba de una nueva técnica de programción Web que utiliza el objeto XMLHttpRequest, muy similar a Ajax, llamada Comet. Está técnica también es conocida como Server Push o HTTP Push. ¿En que consiste? Con Comet podemos mantener una conexión abierta entre el cliente y el servidor web. Para que esto se produzca...

script.aculo.us guía rápida - Parte 2

01-02-2007 Tutoriales, AJAX, JavaScript, Programación 6829 hits (59.77 %) 11 comentarios

En un artículo anterior comentamos el uso de script.aculo.us para efectos. Esta vez abordaremos el uso de los controles. Especificamente el In Place Editor Control, un control que permite la edición de su contenido y guardarse instantáneamente si lo deseamos. Para tener una idea de esto, seguramente tenemos cuenta en flickr y quizás nos hayamos dado cuenta de que...