CoolTips - Libreria de Tooltips Para Prototype y Scriptaculous

Thursday, Septiembre 20th, 2007
Libreria de Tooltips en Javascript con Prototype

Cooltips es una librería para tooltips creada en javascript no intrusivo. Esta librería utiliza el contenido establecido en el atributo title para los tooltips. Esta basada en Prototype Js y en Script.Aculo.Us.

Libreria Para Crear Tooltips en Javascript

Para ver la manera de implementar y ejemplos de la librería pueden acceder a la web del autor.

Enlace: Cooltips


Posts Relacionados:

Vía: WebAppers

Efecto de Página para Tus Imagenes en Javascript con Curl.js

Tuesday, Septiembre 18th, 2007
Agregar Efecto de página a nuestras Imagenes

Curl.js es una libreria en javascript que permite agregar un efecto de doblez de una página a nuestras imagenes. Esta libreria fue creada por el mismo autor de instant.js (libreria para añadir efecto polaroid) y funciona en la mayoria de los navegadores (Mozilla Firefox 1.5+, Opera 9+, Safari, IE6+).

Agregar Efecto Curl a nuestras Imagenes

Su utilización es bastante simple solo incluimos el archivo curl.js en la cabecera de nuestra página

  1. <script src=“curl.js” type=“text/javascript”></script>

y le añadimos a nuestras imagenes la clase “curl”

  1. <img src=“imagen.jpg” class=“curl” />

El tamaño minimo por imagen es de 64 x 64 pixeles. Otra característica de esta libreria es que podemos asignarle efectos a nuestras imagenes dependiendo el evento que se realice. Pueden ver mas información en la página de la libreria.

Enlace: Curl.js

Posts Relacionados:

Vía: Ajaxian

Librerias Para Validar Formularios en Javascript

Friday, Septiembre 7th, 2007

Algo que tenemos que tener en cuenta los desarrolladores web es la validación de datos antes de enviar los formularios, para eso hacemos uso de javascript (aunque también es recomendable validar en el servidor por igual) ya sea que creemos nuestra propia función de validación o bien utilizar alguna librería ya hecha. A continuación les presento 2 librerías que te permiten validar formularios complejos de una manera sencilla y lo mejor es que en ambas librerias podemos definir nuestras propias reglas de validación.

Validate.js

Libreria Para Validar Formularios en Javascript

Enlace: Validate.js

- Ver Ejemplos

- Descargar

LiveValidation

Validar Formularios Con Javascript

Enlace: LiveValidation

- Ver Ejemplos

- Descargar

Las 2 librerías cuentan con una amplia documentación para sacarles el mayor provecho.

Posts Relacionados:

Vía: aNieto2k / Frogx3 (LiveValidation)

Proto.Menu Un Menú Contextual Ligero En Javascript Utilizando Prototype

Monday, Agosto 27th, 2007

Si necesitas un menu contextual para tu sitio o aplicación web Proto.Menu es una excelente opción. Proto.Menu es un simple y ligero menu contextual utilizando prototype.

Menú Contextual En Javascript

Sus características son las siguientes:

  • Peso Ligero 2 KB (1.5 KB comprimido)
  • No obtrusivo
  • Cross-browser
  • Totalmente personalizable. El estilo puede definirse en una hoja de estilos externa.
  • Rapido.

Requiere de prototype.js 1.6.0_rc0

Descargar Proto.Menu

Enlace: Proto.Menu

Posts Relacionados:

Via: Ajaxian

Crear un efecto de Carrusel con Glider.js

Sunday, Mayo 20th, 2007

Glider.js es una libreria que nos permite crear un slider con efecto de carrusel similar al que se encuentra en las imágenes de www.curbly.com. Trabaja con Prototype y con la libreria de efectos de Scriptaculous.

La libreria nos permite incluir cualquier codigo HTML en el slider, ademas de que podemos crear mas de un slider en la página.

Ver Demo

Descargar aqui

Libreria para controlar las teclas pulsadas en Javascript

Thursday, Abril 19th, 2007

Los de openjs.com han creado una libreria muy útil la cual nos permite controlar ciertas combinaciones de teclas especificadas por nosotros mismos.

La forma de trabajar de esta libreria es bastante sencilla unicamente se llama a la función la cual acepta 2 parámetros el primero que es la combinación de teclas que deseemos controlar, el segundo parametro es la función que controlara dicho evento . Ejemplo:

  1. shortcut(“Ctrl+C”,function() {
  2. alert(“¿Quieres copiar algo?”);
  3. });

Existe un tercer parámetro el cual es opcional al momento de llamar la función, este parametro es un array asociativo el cual debe contener cualquiera de las siguientes opciones:

  • type : puede ser ‘keydown’,'keyup’,'keypress’, predeterminado esta keydown
  • target: es el elemento del DOM que será observado para el evento generado por el teclado. Predeterminado document
  • propagate: Permitir al evento propagarse. Predeterminado es false

Las combinaciones de teclas deben ser de la siguiente forma:

Modificador[+Modificador..]+tecla

Por ejemplo: Ctrl+C

Los modificadores válidos son:

  • Ctrl
  • Alt
  • Shift

Aunque igual podemos definir una tecla sin incluir un modificador por ejemplo:

  1. shortcut(“H”,function() {
  2. alert(“Oprimiste la tecla H”);
  3. });

Como ven es bastante facil su uso y algo que seguramente podremos incluir en nuestras aplicaciones web. Lo mejor de todo esto es que la libreria es bastante liviana apenas 4K.

Descargar shortcut.js

Mas información del proyecto.

Fuente: Ajaxian



Tu banner aquí

Recibir Artículos Por Email