Javascript

Algunos scripts para jQuery

ByLuis October 30, 2008

He encontrado en Script & Style algunos scripts/pluigns para jQuery que son interesantes:

Linkselect: transforma elementos select en listas de enlaces con forma de select.
URL parser: nos permite obtener datos de una URL: protocolo, query, puerto, …
Virtual jQuery Keyboard: añade un teclado virtual a cajas de texto
Word-counter for textarea: el título lo dice todo, cuenta las palabras que hay en un textarea
Smooth popup: crear un popup no modal
idTabs: ayuda a crear pestañas de forma sencilla
dwFadingLinks: crea el efecto fadding en los links cuando se produce un onmouseover
ColorPicker: selector de color

Algo de Javascript avanzado

ByLuis August 31, 2006

Algo malo de dedicarse a la informÃ¡tica es que te puedes quedar anticuado con facilidad, algo bueno de ser blogger (al menos para mÃ) es que al querer dar buenas noticias y buenos scripts, te hace estar al dÃa.
AlgÃºn compaÃ±ero me ha preguntado alguna vez por partes de Javascript que no entendÃa, incluso me decÃa si realmente es Javascript. Supongo que a todos nos ha sonado raro el cÃ³digo Javascript cuando incluye JSON.
Lo malo es que cuando buscas por ese tipo de cÃ³digo que desconoces, buscas por tÃ©rminos como “javascript function”, “javascript avanzado”, y otras cosas que no suelen dar los resultados que esperamos. En el caso de “javascript function” nos suele dar cÃ³mo crear funciones, pero solo lo mÃ¡s bÃ¡sico, sin embargo, si hubieramos buscado por “javascript funciones anÃ³nimas” si hubieramos obtenido resultados deseados. Si buscamos por “javascript avanzado” solemos obtener directorios de efectos hechos en javascript y no las novedades que trae Javascript en sus nuevas versiones.
Por eso, si quieres aprender conceptos mÃ¡s avanzados de Javascript, te va a venir bastante bien este tutorial:
Quick guide to somewhat advanced JavaScript

Javascript

Uso correcto de los selectores en jQuery

ByLuis December 10, 2008

Quien dice en jQuery dice en cualquier otro framework de javascript o lenguaje de programación, el tema es no malgastar recursos. jQuery permite encontrar elementos mediante la clase, por ejemplo:

$('.boton')

Esto es muy cómodo, pero también tiene mal rendimiento, ya que el script debe buscar en todos los elementos HTML y encontrar aquél que tenga class=”boton”. ¿Cómo deberíamos usar los selectores?.:

Si el elemento tiene un ID, hay que usar el ID, pero tampoco es plan de añadir ids a todos los elementos.
Indica el tipo de elemento, por ejemplo $(‘input.boton’), así limitaremos la búsqueda a los elementos input. Si no solo hay un tipo de elemento, sino varios, los indicaremos todos: $(‘input.boton, a.boton’)
Guía a jQuery por la ruta de elementos que puede seguir: $(‘#formulario .boton’)
Usa otro elemento para limitar la búsqueda: $(‘#formulario’).find(‘.boton’)

Avoid Bare Class Selectors In jQuery

Javascript | Laboratorio

Laboratorio: Comparar textos mediante Javascript

ByLuis May 1, 2006

Hace unos días hablábamos de cómo comparar imágenes mediante PHP, y hoy, debido a una pregunta de un lector de Sentido Web, vamos a explicar cómo comparar un texto mediante Javascript.

Javascript

Progreso de subida de ficheros únicamente con HTML5

ByLuis November 19, 2011November 19, 2011

Uno de los mayores problemas con los que nos hemos encontrado a la hora de hacer aplicaciones que suben ficheros, es mostrar al usuario cuánto se ha subido y así poder saber cuánto queda. Ahora con HTML5 y XMLHttpRequest Level 2 podemos mostrarlo sin necesidad de parte del servidor.

El script hace uso de Evento de Progreso de HTML5 para poder mostrar:

total: total de bytes
loaded: bytes subidos
lengthComputable: indica si el tamaño del fichero es conocido
transferSpeed: velocidad de transferencia
timeRemaining: tiempo que falta (en formato Date)

Por ahora solo es compatible con Firefox, Chrome y Safari.

En el post lo explican con gran detalle.

Html5 File Upload with Progress

Javascript

Select Box Factory: combos con diseño y funcionalidades

ByLuis September 9, 2008

Select Box Factory es un script que nos permite añadir combos en nuestra página web con un estilo propio y que además añade funcionalidades:

Usa divs en vez de options
Añade funcionalidades al desplegable
Los contenedores pueden contener lo que necesitemos
Las opciones pueden estar activas o inactivas
Los estilos se pueden modificar con facilidad
Distintos tipos de combos
Filtros

Select Box Factory

Javascript

Tablecloth: estilo en tablas mediante Javascript

ByLuis October 11, 2007

TableCloth es un javascript no intrusivo que permite cambiar el estilo de las tablas y el comportamiento referente al estilo. Esto quiere decir que le cambia el diseÃ±o y que existen estilos asociados a filas y columnas cuando se produce un mouseover y un click.

No es necesario incluir cÃ³digo en las tablas, ya sean id o class, ya que el script detecta automÃ¡ticamente las tablas y las trata.
AdemÃ¡s diferencia filas alternas y deselecciona la fila y la columna elegida cuando se hace click en cualquier parte de la pÃ¡gina.
Tablecloth
VÃa / WebAppers

Similar Posts