Archivo para la etiqueta ‘jquery’

30Jul
2009
Comments Off

Laboratorio: índice lateral con jQuery

Algo que me gusta bastante de algunos editores tipo Netbeans es que cuando hay algún error en una línea aparece un enlace en el lateral en la posición relativa de la línea respecto al alto del editor. Algo parecido se me ha ocurrido hacer con jQuery, obtener los elementos cabecera (H1..H6) y crear un índice, [...]
22Jul
2009
<!-- 1 -->

Cargar contenido con el scroll mediante jQuery

Interesante script que carga el contenido en una capa según se va utilizando el scroll y se va llegando al final, algo similar a lo que ocurre en Google Reader. El autor nos explica paso a paso, incluida la parte PHP, cómo realizar esta funcionalidad. Load Data while Scrolling Page Down with jQuery and PHP [...]
20Jul
2009
<!-- 1 -->

Laboratorio: evitar el scroll en los textarea con jQuery

Una cosa que he visto en una web que estoy usando y que me ha gustado bastante es que el alto de los textarea se adapta al contenido para evitar que aparezca el scroll vertical. En plan rapidito he hecho un script jQuery que realizaría esta función: $(document).ready(function () { $(’textarea’).keypress(function() { var ta = [...]
16Jul
2009
<!-- 1 -->

Campo password estilo iPhone con jQuery

Una de las cosas más destacadas de iPhone es su usabilidad, como por ejemplo la posibilidad de ver el carácter introducido en un campo password. Este script de jQuery permite realizar la misma tarea, mostrar el carácter introducido durante unos segundos o hasta que se pulsa la siguiente tecla y ocultar el resto. iPhone-like password [...]
14Jul
2009
<!-- 2 -->

Meteora: GUI con jQuery

Meteora es una libraría jQuery, creada por una empresa mexicana, que permite crear interfaces de aplicaciones HTML para usar en widgets, por ejemplo. Entre los elementos que ofrece nos encontramos con: Autocomplete Calendario Carrusel Datagrid Editor WYSIWYG File browser Menu Popup Lightbox Treeview Meteora Vía / Dream CSS
10Jul
2009
<!-- 1 -->

Detectar copiar, pegar y cortar en una caja de texto con jQuery

Algo sencillo que no conocía y que nos permite detectar cuando se copia, corta y pega en cajas de texto usando jQuery. $(document).ready(function() { $(”input:text”).bind(’copy’, function(e) { alert(’Copiando…’); }); $(”input:text”).bind(’paste’, function(e) { alert(’Pegando…’); }); $(”input:text”).bind(’cut’, function(e) { alert(’Cortando…’); }); }); Detect Copy, Paste and Cut operations on a TextBox using jQuery Vía / Script & [...]
02Jul
2009
Comments Off

FireQuery: optimizaciones para FireBug centradas en jQuery

FireQuery es un plugin para Firefox que permite añadir mejoras a Firebug basadas en jQuery. Permite añadir jQuery a cualquier web, algo muy útil si necesitas ejecutar algún script en la consola y te apañas mejor con jQuery. Además permite ver los eventos que está asociados en los elementos HTML desde la pestaña HTML de [...]
01Jul
2009
<!-- 2 -->

Consejos para mejorar tus scripts jQuery

Consejos para mejorar el rendimiento de nuestros scripts jQuery: Usa siempre la última versión Une los scripts y minimizalos Usa for en vez de each Usa id en vez de class Recupera una selección en una variable y usa la variable el resto de las veces Evita la manipulación DOM Devuelve false en los eventos [...]
16Jun
2009
Comments Off

linkNotify: plugin jQuery que indica que se carga un enlace

linkNotify es un plugin jQuery que permite modificar enlaces y mostrar un texto personalizado que indica que el enlace se está cargando. Algo que puede ser muy útil para aplicaciones en la que el usuario es algo básico y pincha y pincha en el enlace eternamente hasta que ve algún resultado sin esperar a que [...]
15Jun
2009
Comments Off

FluentDOM: librería PHP estilo jQuery para tratar con DOMDocument

Interesante librería que nos permite trabajar con DOMDocument de una forma sencilla, permite xpath y namespaces. La librería me recuerda a QueryPath, la cual realiza funciones similares. echo FluentDOM($xml) ->node( FluentDOM($samples) ->find(’//b[@id = "first"]‘) ->removeAttr(’id’) ->addClass(’imported’) ) ->replaceAll(’//p’); FluentDOM