Javascript

TOP 5 Editores WYSIWYG para nuestras aplicaciones Web

Los textarea con WYSIWYG (What You See Is What You Get) en nuestras aplicaciones Web dan una facilidad para los usuarios al poder enriquecer más el texto ingresado, ya sea con imágenes, sangría, fondos, color de texto, entre otras opciones que nos brinda esta herramienta …

jQuery Browser Plugin

jQuery Browser Plugin es un complemento para jQuery que nos facilita funciones para ver información sobre el navegador del usuario y el Sistema Operativo …

JSNES: emulador de Nintendo en Javascript

Ben Firshman ha desarrollado un increíble emulador para NES (Nintendo Entertainment System), pero lo particular de este emulador es que esta desarrollado con Javascript, utilizando el elemento canvas de HTML para la presentación grafica en pantalla (ósea que no es posible verlo en IE)

Efecto liquido de imagen con Javascript

Andrea Giammarchi ha desarrollado un Javascript que realiza el efecto liquido igual que en ActionScript, este script tan solo pesa 1.2kb y el efecto lo soportan todos los navegadores incluyendo IE6 (aunque el efecto en este navegador sale un poco pixeleado).

Pon Música en tu web con Yahoo! Media Player

Yahoo! Media Player tiene un servicio que convierte tu lista de enlaces en un reproductor integrado y muy completo para reproducir audio.

Contar urls guardadas en delicious con Javascript

Delicious es un servicio web que nos ayuda a guardar, compartir e intercambiar enlaces web.
Este pequeño script le ayudara saber cuantos usuarios han guardado su web en delicious.com.

Lighter.js resaltado de sintaxis con Mootools

Lighter.js es una clase echa con MooTools 1.2.1 para el remarcado de código js, html, php, entre otros. Su uso es muy sencillo en seguidamente explicaremos como utilizarlo. Primero descargamos la librería Mootools 1.2.1 y la clase Lighter.js con sus…

Generar Captura de pantalla con Ajax

PageGlimpse es un servicio que proporciona la captura de pantalla de una web.
Funciona consultando una pagina mandando como parametro la url y el tamaño.

Limitar caracteres en textarea con javascript

Esta función limitara y bloqueara automáticamente la escritura dentro de un textarea. Primero pondremos dentro del body el textarea mas un etiqueta span con un id. <textarea id=”texto” name=”texto” onkeypress=” return limita(this, event,100)” onkeyup=”cuenta(this, event,100,’contador’)” > </textarea> <span id=”contador”></span> Ahora…

TwitterGitter: lista tus tweets con ajax

TwitterGitter es un plugin creado por DavidWalsh y sirve para recuperar tus últimos estados e información de tu Twitter.
Utiliza la librería Mootools 1.2 y la extensión JSONP para Mootools …

Convertir texto url a enlace

Al poner una direccion url en un comentario o cualquier texto, no vemos en la necesidad de copiarlo y pegarlo en la barra de direccion del navegador para poder abrirlo, al convertir la direccion url en un enlace estamos facilitando…

Uploadify: upload multiple con jQuery

Uploadify es un plugin para jQuery el cual utiliza flash para realizar la selección multiple de archivos.

Su implementación es muy sencilla y aquí. explico como se realiza:

Primero descargamos el plugin aquí.

Despues de haberlo descomprimido en una carpeta del servidor local pasaremos a crear un archivo upload.html en el cual agregaremos las librerías javascript y css necesarias dentro del head …

topLink con jQuery

topLink es un plugin creado por David Walsh utilizando jQuery. Cuando tenemos una pagina muy extensa nos vemos en la necesidad de bajar con el scroll, este plugin nos facilita un link cuando lo necesitemos, aparecera y desaparecera segun la…

ShiftCheckbox – jQuery Plugin

shiftcheckbox permite a los usuarios para seleccionar el rango de casillas de verificación, haga click en una casilla y, a continuación, SHIFT + click en la última casilla de verificación deseada. Todas las casillas entre la primera y la última…

Link Nudging con Mootools y jQuery

Link nudging realiza un efecto de animación muy bueno para enlaces, cuando el mouse esta sobre el enlace, lo lanza a la derecha y cuando se quita el mouse regresa a su posición original. Este ejemplo se realizara con dos…