aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Hoy hablando con Miguel Gisbert, un compañero del curro al que siempre tengo en cuenta a la hora de cambiar de diseño (Juan, no te pongas celoso :D), ha salido el tema de la muerte de Microsoft como empresa, realmente aunque muchos la pidan, deseen e incluso tengan sueños húmedos con la idea ¿está el mundo preparado para algo asi? ¿Que ocurriría a nivel económico? Y en Internet,¿que cambios veríamos?

Deja volar tu imaginación…

No creo que lleguemos a tanto, pero casi. Via Ajaxian descubro una forma de expandir el objeto Event del framework Prototype añadiendolé funcionalidad a la rueda del ratón. De esta forma podemos observar tambien este tipo de evento y usarlo en nuestras aplicaciones junto con el resto de funcionalidades de Prototype.

<script type="text/javascript">
/*
 * Orginal: http://adomas.org/javascript-mouse-wheel/
 * prototype extension by "Frank Monnerjahn" <themonnie @gmail.com>
 */
Object.extend(Event, {
        wheel:function (event){
                var delta = 0;
                if (!event) event = window.event;
                if (event.wheelDelta) {
                        delta = event.wheelDelta/120;
                        if (window.opera) delta = -delta;
                } else if (event.detail) { delta = -event.detail/3;     }
                return Math.round(delta); //Safari Round
        }
});
/*
 * enf of extension
 */

var counterSite=0;
function handleSite(e) {
        counterSite +=  Event.wheel(e);
        $('delta').innerHTML = counterSite +'#'+ Event.wheel(e) + ": " + (Event.wheel(e) <0 ? 'down' : 'up' );
}

var counterDIV=0;
function handleDIV(e) {
        counterDIV +=   Event.wheel(e);
        $('divdelta').innerHTML = counterDIV +'#'+ Event.wheel(e) + ": " + (Event.wheel(e) <0 ? 'down' : 'up' );
}

</script>

 El modo de uso, continúa el mismo modo fácil e intuitivo de la librería.

Event.observe(document, "mousewheel", handleSite, false);
Event.observe(document, "DOMMouseScroll", handleSite, false); // Firefox
Event.observe($('divdelta'), "mousewheel", handleDIV, false);
Event.observe($('divdelta'), "DOMMouseScroll", handleDIV, false); // Firefox

Los que hayan usado alguna vez del.icio.us se habrán fijado en el <input></input> que tenemos para buscar por tags dentro de nuestro perfil, un <input></input> que crece a medida que vamos escribiendo sobre él. Ahora podemos conseguir el mismo efecto para nuestros <input></input> mediante Text Grow, una funcionalidad extra conseguida gracias a jQuery.

Modo de Uso

jQuery('input').textGrow({
               pad: 25, min_width: 25, max_width: 300
           });

• pad: Se trata del padding del <input></input>
• min_width: El tamaño mínimo que le asignamos a nuestro <input></input>
• max_width: El tamaño máximo hasta donde va a crecer nuestro elemento.

Pero no hace falta que esto se especifique en el código Javascript, tambien podemos asignarlo mediante el uso del atributo style de nuestro <input></input>, indicando mediante CSS los valores de nuestro min-width y max-width.

<input type="text"
             style="min-width: 25px; max-width: 300px"
             name="s" />

 [Descargar][Ejemplo]