No, no es un dejavú! es que gracias a la colaboración de ustedes al reportar los errores y bugs les traigo la nueva versión con todos los errores corregidos.

• Eliminada la función stopImmediatePropagation en la versión de jQuery. De esta manera el script ahora funciona con versiones viejas de jQuery.
• Arreglado el error cuando no había titulo pero si era galería, el alto no correspondía al alto de la imagen.
• Arreglado el error en Safari/Chrome cuando el tamaño de la ventana era menor que la del documento el overlay no tapaba todo en jQuery.
• En IE6 la pagina se quedaba en “cargando” aún cuando todos los elementos ya habían sido cargados. Corregido!
• Corregida la compatibilidad con la propiedad “dir” y “sexyimages” que estaban en distinto orden y no se seteaban correctamente.

Liberada la versión de SexyTooltips 1.1, entre los cambios más significativos se encuentran:

• Liberada la versión en jQuery.
• Compatibilidad con IE6: Se reemplazan los PNG por GIFs, y se cancelan las animaciones.
• Se agregó la versión comprimida del script.
• Bugs de Scroll arreglados.

Crear un tooltip en jQuery es exactamente igual que en mootools.

MooTools:

$('a2').tooltip ('Example of simple tooltip.', { mode: 'tr', width: 200 });

jQuery:

$('#a2').tooltip ('Example of simple tooltip.', { mode: 'tr', width: 200 });

Agradecimientos especiales a John Sánchez Alvarez, de Bogotá – Colombia, por haberme reportado el bug del Scroll en los textarea y en el window.

Los plugins para Wordpress WP-TagTip y WikiLink se actualizarán debidamente a su tiempo.

La tan esperada versión del Lightbox más sexy por fin sale a la luz, después de muchas correcciones y cambios bastante grandes. Gran parte del código se ha re-escrito, así que es posible de que me haya olvidado de algo.

Entre los cambios se encuentran:

• Nuevo estilo visual, en Inglés y en Español.
• Ahora podemos especificar desde donde queremos que se vea el lightbox (desde abajo o desde arriba) mediante la propiedad “emergefrom”.
• Las imágenes pueden abrirse con un tamaño fijo.
• Se precargan las imágenes del estilo, antes de mostrar el lightbox
• zIndex fue cambiado a un valor menor, para tener compatibilidad con SexyAlertBox
• Varios bugs arreglados
• Ahora el Flash no se oculta.

Y atención con esto último, porque si estas usando SexyLightbox en tu sitio web, deberás hacer modificaciones para poder trabajar con esta nueva versión.

Todos los flash que tengas en tu sitio deben tener la propiedad wmode en transparent u opaque para que el lightbox se muestre correctamente.

La documentación fue actualizada, añadiendo la parte del HTML. La versión en Inglés se encuentra incompleta, cualquier ayuda en la traducción es bienvenida

Ahora podemos iniciar SexyLightbox en español de la siguiente manera:

  SexyLightbox = new SexyLightBox({color:'negro'});

Ahora la demo muestra un ejemplo de cómo trabajar con Iframes.

Espero sus críticas y correcciones

Liberada una nueva versión de Sexy Forms. Entre los cambios más significativos se encuentran:

• Compatibilidad con Internet Explorer 6
• Nuevo SelectBox con manejo de eventos
• Varios bugs de posición arreglados
• SelectBox ahora recibe foco
• SelectBox ahora muestra iconos en IE7 & IE6
• Arreglado el bug TextArea que ponia la barra de desplazamiento en cualquier lado en Opera

Mucha gente me ha dicho que tiene problemas con el SelectBox y los eventos. Por ejemplo un caso muy común es el de los Select dependientes, que se usan para elegir Ciudades por ejemplo. Hay que tener en cuenta de que el Select de SexyForms no funciona igual que un Select nativo y hay que “forzar” el refresco de los elementos.

  $('selectbox').options[$('selectbox').options.length] = new Option('Nueva Opcion', '1');

  $('selectbox').refresh(); // refrescamos el selectbox

Pueden ver un ejemplo real de esto en la siguiente dirección: SexyForms SelectBox Demo

En resumen, si posees un SelectBox dependiente de Ajax, ten en cuenta que tendrás que modificar tu script para adaptarlo a SexyForms, agregando la función refresh() cada vez que modifiques los elementos del SelectBox.

Sin embargo, si no sabes hacerlo o no quieres tener problemas con el SelectBox puedes elegir mantener el nativo enviando el parámetro “noconflict” cuando llamas a la función DoSexy, osea de la siguiente manera:

  $$("input", "select", "textarea").each(function(el) {
    el.DoSexy({noconflict:true});
  });

Liberada la nueva versión de Sexy Forms. Entre los cambios más significativos se encuentran:

• Nuevo elemento: InputFile. Compatible con todos los navegadores (en IE6 se ve un poquito raro).
• SelectBox eliminado para evitar errores. Ahora se usará el nativo.
• Los textarea ahora ocupan el mismo tamaño en todos los navegadores.

Además me he dedicado a usar herencia de funciones y reusar código, y le he quitado bastante tamaño a las imágenes, por lo que todo el proyecto ha bajado unos kilos

Sexy Forms puede ser usado en conjunto con Sexy Lightbox para lograr cosas como estas:

¿Cómo? Instalamos SexyLightbox y SexyForms en nuestra página principal, y en la página que carguemos via ajax insertamos el siguiente código:

<script type="text/javascript">
window.addEvent('domready', function(){
    $$("#SLB-Wrapper input", "#SLB-Wrapper select", "#SLB-Wrapper textarea").each(function(el) {
      el.DoSexy();
    });
});
</script>

Cambiando de tema, me temo que sacar una versión para jQuery es imposible con la actual versión de jQuery. Esperemos en el futuro este framework mejore.

Liberada la nueva versión de Sexy Forms. Entre los cambios más significativos se encuentran:

* Ahora los elementos pueden ‘flotar’ (pero no revolear las patas) dependiendo del estilo previo que se le haya puesto al elemento (float:left o float:right).
* Puedes poner iconos en los Textbox y Selextbox.
* Los SelectBox disparan eventos.
* Varios bugs de posición arreglados.
* Más themes disponibles para elegir.

Por ahora no hay versión para jQuery .

Download

Puedes descargar la última versión desde aquí.