mcDropdown jQuery Plugin permette ai vostri utenti di effettuare una selezione da un complesso menù ad albero gerarchico.
Questo modulo è molto intuitivo e tiene conto sia dei click del mouse che della pressione dei tasti della tastiera.
GivaLabs ha creato questo plugin con le seguenti caratteristiche:

• creare un componente per la selezione gerarchica multi-colonna
• collegare un campo di input o un DIV a un elemento di elenco (UL e LI)
• i menù sono automaticamente divisi in colonne se necessario
• autocompletamento tramite tastiera

Per Usare il plugin sono necessari:

• jQuery v1.2.6 o superiore
• jquery.mcdropdown.js plugin
• jquery.bgiframe.js plugin (opzionale, per funzionare correttamente su IE6)

Il plugin ha due sistemi principali per essere richiamato.
Il primo crea una nuova istanza del widget su un elemento pre-esistente:

$("#mcdropdown").mcDropdown(list, [options]);

Argomenti:

list

Questo argomento è richiesto e deve puntare a una lista non ordinata (unordered list, UL). L’argomento può essere:

• un selettore jQuery verso un elemento UL
• un oggetto jQuery contenente una lista non ordinata
• un elemento DOM UL

options

Questo argomento è opzionale e permette di personalizzare ogni settaggio del plugin.

Se vi serve sapere qual’è l’indirizzo completo (http://… eccetera) della pagina in cui risiede il vostro codice, con PHP è cosa facile:

echo "http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']

…oppure anche:

$url = 'http://' . $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];

photo credit: Stewf

Dal punto di vista dello sviluppatore web è sempre utile usare qualcuno dei vari framework javascript che ci sono in giro: jQuery, prototype, script.aculo.us, MooTools e anche dojo.

L’unica pecca è che, se siamo fortunati e i nostri siti da amministrare sono molti, è difficile tenere d’occhio tutti i framework che usiamo, magari diversi per diversi, molti, troppi siti web!
Esce un aggiornamento, un “bug-fix”, e cosa facciamo? Lo lasciamo predere enza aggironare i nostri siti?

Anche qui Google viene in aiuto con un nuovo servizio.

(more…)

Forse nessuno se n’era accorto prima - o forse non me n’ero accorto solamente io! - ma già dal lontano 2006 c’è un bellissimo javascript che permette di ordinare le righe di una tabella secondo i criteri più disparati.

Essendo uno script javascript, come detto, si tratta di una funzione non invasiva, cioè avviene sul lato client, cioè voi programmatori dovete solamente implementare il codice nella pagina dove risiede la tabella da manipolare E NON creare qualche strana alchimia a monte.

(more…)

JQuery File Tree è un plugin per JQuery che permette di implementare in una pagina web una finestra simile ad Esplora risorse, che ci fa navigare in lungo e in largo dentro determinate cartelle presenti nel nostro web server.
È personalizzabile tramite l’uso di CSS e in alcune caratteristiche tramite appositi parametri.
Funziona in tutti i browser che supportano JQuery, e comunque e stato testato con successo su: Internet Explorer 6 & 7, Firefox 2, Safari 3, Opera 9.

L’uso è estremamente semplice, e può essere sintetizzato con queste righe di codice:

$(document).ready( function() {
    $('#container_id').fileTree({ root: '/some/folder/' }, function(file) {
        alert(file);
    });
})

Da notare che anche se l’autore ha dichiarato che lo script è innocuo e programmato per leggere solamente la cartella specificata, esiste la possibilità che qualche comportamento “maligno” possa vedere l’intera struttura della directory, quindi è preferibile aggiungere qualche precauzione, ad esempio qualche controllo che verifichi che il percorso visitato sia realmente accessibile ai visitatori.