• Acordeón vertical con PHP y jQuery

    Vía PHP Classes me entero de este interesante acordeón vertical (ó accordion) una clase en PHP y para efecto de desplazamiento hace uso de jQuery. Nota: Existe un pequeño error al ejecutar el demo, para corregirlo ir al archivo acc_ddaccordion.js y vamos a la ultima línea y eliminar la letra 's' (después de la ultima llave). Parece que al autor...

  • Sombra de textos con la propiedad CSS text-shadow

    Haciendo uso de JavaScript y la propiedad CSS text-shadow podemos crear este efecto sobre cualquier texto. Para matar el rato, pero interesante.Código document.getElementById('text-shadow-box').onmousemove = function(e) { var xm = e.clientX - 300; var ym = e.clientY - 175; var d = Math.sqrt(xm*xm + ym*ym); text.style.textShadow = -xm +...

  • ProtoFish, menu avanzado con efecto Hover y uso de tecla Tab

    ProtoFish es un menu avanzado con el famoso efecto Hover, muy usado actualmente en aplicaciones web, basado en Prototype. Puedes tener varios menus en una página web e identificarlos mediante su id, agregar un retraso -en ms- antes de cerrar el submenu y especificar un clase para efecto hover. El menu ProtoFish responde a la tecla TAB para navegar a...

  • IPWEditor, In-Place Editor WYSIWYG

    WYSIWYG es el acrónimo de What You See Is What You Get (en inglés, "lo que ves es lo que obtienes"). Y el término In-Place Edit (ó Edit In Place) se refiere a la posibilidad de editar un texto y guardar luego los cambios en la misma página web sin salir de esta. IPWEditor provee ambas funcionalidades permitiendo cargar...

Phototype, manipular imagenes con PHP y Prototype

23-06-2009 Programación, JavaScript 2557 hits (22.21 %) 1 comentarios

Ajaxorized presenta una interesante librería JavaScript para manipular imagenes usando libreria GD de PHP y la librería JavaScript Prototype. Phototype puede ser usada para cambiar el tamaño, rotar, mover, sombrear ó añadir efectos especiales, como escala de grises y añadir título, a cualquier foto ó imágen.l_oPhoto = new Photo().load("test.jpg").dropShadow().flipH().makeSketchy();document.body.appendChild(l_oPhoto.fetch());Imagen Original  Resultado Phototype está bajo licencia GPL y está disponible para...

jQuery Hotkeys, controla el teclado con jQuery

09-06-2009 JavaScript 6570 hits (57.06 %) 0 comentarios

JavaScript jQuery Hotkeys es un plugin para jQuery que nos permite añadir y eliminar manejadores (ó disparadores) para eventos de teclado, en cualquier lugar del código y soporta cualquier combinación de teclas. En otras palabras crear funciones que se activarán cuando se detecte la tecla ó combinación de teclas definidas. Ejemplo: $(document).bind('keydown', 'ctrl+c', fn);$(document).unbind('keydown', 'ctrl+c', fn);Este plugin tiene la característica cross...

jQuery Tools, colección de componentes UI

08-06-2009 JavaScript, Desarrollo Web 3441 hits (29.88 %) 0 comentarios

jQuery Tools es una colección de componentes UI (interfaz de usuario) en un único archivo JavaScript de 5.8Kb, fácil de implementar en nuestros proyectos con jQuery.1. Tabs 2. Tooltip 3. Scrollable 4. Overlay 5. Expose (efecto para resaltar cierto elementos de una página web)6. Flashembed Vía BitRepository

Time Picker usando MooTools

29-05-2009 Utilidades, JavaScript 3446 hits (29.93 %) 1 comentarios

JavaScript Time Picker es un componente hecho en JavaScript que podemos usarlo en nuestra aplicaciones. Consiste en un reloj analógico cuyas agujas podemos moverlas (drag & drop) para ajustar la hora deseada. Realmente sencillo! Fácil de usar, personalizar e implementar.Agujas independientes, para horas y minutos.Drag & Drop para mover agujas del reloj.Formato del tiempo de 12 ó 24 horas, con etiqueta...

jQuery UniqueField: Verificar disponibilidad de un nombre de usuario, dirección de correo, etc.

24-05-2009 Programación, JavaScript, AJAX 11368 hits (98.73 %) 18 comentarios

jQuery UniqueField es plugin para jQuery que verifica la disponibilidad de los nombres de usuarios ó dirección de correo (y otros valores) en los formulario de registro. Cómo usarlo<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.uniquefield.js"></script><link type="text/css" rel="stylesheet" href="css/jquery.uniquefield.css" />Un ejemplo para verificar el nombre de usuario y correo:<script type="text/javascript">$(function(){ $('#username_2').uniqueField({ url: 'ajax.php', baseId: 'exam_y' }); $('#email').uniqueField({ url: 'ajax.php', baseId: 'exam_z' });});</script>En archivo ajax.php en el servidor:<?php# Open a connection to...