jMouse

Che cos’è

jMouse è un’estensione per jPrototype che semplifica la gestione degli eventi legati al mouse

Caratteristiche

  • riconosce il tasto premuto
  • gestisce la rotellina del mouse
  • fornisce una tooltip HTML
  • osserva le coordinate del mouse

Note

  • All’onload della pagina viene aggiunto prima della chiusura BODY un DIV con id=”jTooltip”.

API

Estensioni di Prototype

  • Element.onWheel( str [,align] )
    Osserva l’uso della rotellina e ritorna 1 se scrolla su o -1 se scrolla giù. Esempio:
    $(element).onWheel(function(event){
    var element=Event.element(event);
    alert(Event.wheel(event));
    })
  • Element.tooltip( str [,align] )
    Applica una tooltip all’elemento. La stringa “str” può contenere HTML. Il parametro “align” indica l’allineamento della tooltip rispetto al cusore e può avere i seguenti valori: lt, ct, rt, lm, cm, rm, lb, cb, rb, e il valore di default è “rm”.Esempio:
    $(element).tooltip(“Hello <strong>world</strong>!”);

Nuovi oggetti

  • jMouse.x
    corrisponde alla posizione x del puntatore del mouse.
  • jMouse.y
    corrisponde alla posizione y del puntatore del mouse.
  • jMouse.onWheel( fun [, elm] )
    esegue la funzoine “fun” se la rotellina viene azionata sopra l’elemento “elm”.
  • jMouse.onMove( f )
    esegue la funzione “f” quando occorrono gli eventi window.onload e document.onmousemove

Estensioni di jPrototype

  • is.LeftClick( e )
    Ritorna TRUE se l’evento “e” è un click sinistro.
  • is.MiddleClick( e )
    Ritorna TRUE se l’evento “e” è un click centrale.
  • is.RightClick( e )
    Ritorna TRUE se l’evento “e” è un click destro.

Download

1 commento Add your own

  • 1. jMouse ora con tooltip « JS Power!  |  16 novembre 2007 alle 17:42

    […] Novembre 2007 Ho dedicato un po’ di tempo allo sviluppo di jMouse e devo dire che sono abbastanza soddisfatto. Tra le novità più importanti è possibile applicare […]

    Rispondi

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

Trackback this post  |  Subscribe to the comments via RSS Feed


%d blogger cliccano Mi Piace per questo: