Javascript

Javascript Color Picker: selección de color estilo PhotoShop

ByLuis October 8, 2007

Javascript Color Picker es un string que nos permite aÃ±adir un selector de color estilo Photoshop. Esta herramienta nos puede ser Ãºtil cuando queremos que el usuario seleccione un color, claro, que las ocasiones en las que lo podemos necesitar son bastante escasas.

A parte de las componentes HSV, tambiÃ©n se puede utilizar las componentes RGB. Ha sido comprobado en IE5.5, IE6, IE7, FF2, Opera 9 y Safari 2.
Javascript Color Picker
VÃa / dzone

Javascript

Documentación oficial de prototype: por fin!

ByLuis January 19, 2007

Prototype ya dispone de documentaciÃ³n oficial. Aprovechando el lanzamiento de la versiÃ³n 1.5 de la famosa librerÃa han publicado la documentaciÃ³n de la API, un blog y una secciÃ³n de tutoriales.
La documentaciÃ³n estÃ¡ realmente bien. Bien organizada y bajo un diseÃ±o limpio y claro. Pero se echan de menos dos cosas: la posibilidad de que la gente envÃe comentarios y ejemplos como ocurre con la documentaciÃ³n de PHP y un buscador. Respecto al buscador, proporcionan un bookmarklet que cumple esa funciÃ³n pero parece una soluciÃ³n forzada.
La secciÃ³n de tutoriales y consejos estÃ¡ todavÃa muy vacÃa pero es una buena idea el que la hayan implementado. Actualmente ofrecen dos documentos: IntroducciÃ³n a AJAX y CÃ³mo Prototype extiende DOM.
Y el blog, genial. TodavÃa esta vacÃo pero es lÃ³gico… lo acaban de publicar! Desde luego yo ya me he suscrito a las RSS
VÃa / Anieto2k

Javascript

MooMonth: calendario para MooTools

ByLuis November 2, 2007

MooMonth es un calendario para MooTools que nos permite ver en nuestra aplicaciÃ³n los meses y las tareas o anotaciones de cada dÃa.

Altamente configurable, tiene efectos curiosos como las transacciones entre meses o la ampliaciÃ³n de un dÃa del mes. AÃºn estÃ¡ en fase alpha, pero por ahora tiene muy buena pinta.
MooMonth

Desarrollo web | How to | Javascript | PHP

Rotar imágenes aleatoriamente

ByLuis April 5, 2006

Vamos con otra situación típica que nos solemos encontrar en el momento de desarrollar una web: rotar imágenes al azar cada vez que ingresamos o actualizamos una URL, y de la que José Román escribía hace unos días.

Lo probaremos mediante 3 casos en Javascript y mediante un script en el servidor (PHP, JSP, ASP, …). A parte, se pueden hacer distintos usos de ellas, según sea nuestra forma de programar o la imaginación o necesidades que tengamos.

Javascript

Tutorial para crear un plugin jQuery

ByLuis January 7, 2009

En varias ocasiones he mencionado plugins para jQuery, pero en esta ocasión se trata de cómo hacer un plugin para jQuery.

Independientemente de la complejidad propia del plugin, crear un plugin para jQuery es bastante sencillo, y en el tutorial nos indican paso a paso cómo desarrollarlo:

Primeros pasos
Propiedades de configuración
Constructor
Métodos adicionales

The Definitive Guide to Creating a Practical jQuery Plugin

Javascript

Permitir el botón atrás en aplicaciones dinámicas

ByLuis April 25, 2010

Cuando realizamos aplicaciones dinámicas, ya sea usando Ajax o mediante javascript mostrando u ocultando contenidos, nos podemos encontrar con el problema de que el usuario pulse el botón ‘Atrás’ del navegador creyendo que accederá al contenido anterior. El resultado de esa acción será en la mayoría de los casos que el usuario acceda a la página anterior y no al ‘contenido’ anterior.

Para solucionar esto, lo que se debe hacer es que las acciones dinámicas sean realizadas mediante enlaces (#), por ejemplo, si queremos usar pestañas podemos acceder a #tab1, #tab2, …, #tabn. Si vamos atrás en el navegador continuaremos en la misma página pero en otra sección (#).

Para tratar esto mediante jQuery se puede hacer usando el siguiente código:

$(window).bind('hashchange', function () {
  // hacer lo que sea para mostrar el contenido
});

Enabling the Back Button

Vía / CSS Globe

Javascript

Colección de calendarios Javascript

ByLuis December 11, 2006

En muchas aplicaciones web, la utilizaciÃ³n de un campo fecha suele ser algo habitual. Es preferible que el usuario no tenga que escribir ninguna fecha, sino que esta se tenga que introducir mediante un control de tipo calendario, evitando asÃ que ocurran ciertos errores y facilitando la labor al usuario. Tened en cuenta que hay diversos formatos DD/MM/YYYY, MM/DD/YYYY, DD-MM-YYYY, …

Espero que esta lista de calendarios realizados mediante Javascript os pueda ser de utilidad:

The DHTML / JavaScript Calendar: visible mediante popup o en plano, adecuado para seleccionar fecha y hora, vÃ¡lido para la mayorÃa de los navegadores, admite CSS, themes, navegaciÃ³n por teclado, muestra los dÃas de los meses adyacentes, traducido a varios idiomas, dÃas especiales resaltados de distinta manera.
Calendar Popup: se muestra un popup mediante ventana o usando capas, implementado para que tenga el aspecto de Microsoft Outlook, fÃ¡cil de usar.
Zapatec Calendar: script comercial, muy completo, admite varios meses, vÃ¡lido para la mayorÃa de los navegadores, permite varios formatos de fecha y multiple selecciÃ³n de dÃas.
ScriptCalendar: versiÃ³n comercial, basado en objetos, fÃ¡cil de usar y de modificar, vÃ¡lido para la mayorÃa de los navegadores.
CalendarXP: versiÃ³n comercial, muy completo que a parte del calendario pequeÃ±o, muestra un calendario grande que admite mÃ¡s detalles.
Tigra Calendar: el que mÃ¡s me ha gustado, cada campo es seleccionable, se puede adjuntar a un campo existente, meses seleccionables mediante scrolling y muchas cosas mÃ¡s.
Epoch Calendar: bÃ¡sico, de aspecto atractivo y vÃ¡lido para ser usado en aplicaciones AJAX.

Similar Posts