windowedLinks - Wi.Li - si aggiorna alla v. 1.1 ed implementa nuove funzionalità
13 April 2007 - Scritto da Carlo Filippo Follis per D-code
Loading ...
Dalla casualità ad una volontà progettuale e di costante sviluppo. Questo è il percorso di windowedLinks che Diego La Monica ha prontamente aggiornato in base alle nostre reciproche intuizione ed imput giunti da Web Amici che hanno apprezzato da subito un modesto JS dalle importanti peculiarità.
Wi.Li., l'unico sistema che riesce a garantire popup accessibili senza intervenire maualmente sul codice HTML della pagina aumenta le sue funzionalità.
Al termine di questo Tutorial integrativo troverete tutti i link utili che vi condurranno alle varie sezioni dell'articolo base dove troverete anche il download.
Non dimenticate di segnalare l'adozione del JS, il vostro Sito o Portale sarà inserito nell'apposito elenco.
Ora lascio la parola a Diego ...
Introduzione
Come promesso a molte persone al momento del rilascio ufficiale di Wi.Li., ho sempre dichiarato che ci sarebbero stati degli aggiornamenti nel giro di qualche settimana, ma non credevo di riuscire a rilasciare il primo aggiornamento nell'arco di soli 7 giorni.
Le nuove funzionalità consentono di avere popup accessibili ancora più performanti e danno al webmaster ed al programmatore maggiore flessibilità d'uso.
Le nuove caratteristiche
Le nuove caratteristiche introdotte in WiLi possono essere distinte in 2 diverse categorie: caratteristiche comportamentali e caratteristcihe di presentazione.
Caratteristiche comportamentali
Per le caratteristiche comportamentali ci sono 3 nuove possibili elementi di configurazione:
-
wiLi.forcedNewWindowURL = new Array(
-
'/tutorials/examples/',
-
'/exterlal_dir/'
-
);
-
wiLi.newWindowForceCSSClass = 'wili-forced';
ed una una variabile di controllo esterna alla classe:
-
wiLi.autoStart = true;
La prima caratteristica (wiLi.forcedNewWindowURL) è stata pensata per i portali di informazione e formazione che di solito corredano gli articoli di esempi (un po' come fa questo sito) che di solito vengono aperti in una nuova finestra. Quindi, specificando semplicemente delle directory dello stesso sito che devono essere aperte in una nuova finestra, pur risultando interne, verranno aperte in una finestra popup.
La seconda caratteristica (wiLi.newWindowForceCSSClass) comportamentale di WiLi, introduce la possibilità di specificare una classe a livello di link che obbligherà WiLi (a prescindere da suo stato) ad aprire quello specifico link sempre in una nuova finestra.
Eco un esempio pratico:
E relativo codice:
-
<a class="wili-forced" href="http://www.norisberghen.it/it/?p=430" title="Wi.Li. - Pagina madre">Wi.Li.</a>
L'ultima caratteristica (wiLi_autoStart), infine consente agli sviluppatori più esperti di decidere di lanciare WiLi solo quando più preferiscono e con l'esecuzione della semplice istruzione:
-
wiLi()
Avendo cura che la classe sia stata già caricata.
Caratteristiche di presentazione
Per le Caratteristiche di presentazione sono disponibili due nuove proprietà che promettono di migliorare l'interazione con le finestre popup.
-
wiLi.popupWindowName = '';
-
wiLi.popupProperties = '';
La prima proprietà consente di attribuire un nome alla finestra popup da aprire, così chi cura il sito potrà decidere se far aprire ciascun link esterno in una nuova finestra (lasciando la proprietà vuota) oppure se tutti i link esterni dovranno essere aperti nella stessa finestra popup, a condizione che l'utente abbia deciso di aprire i link esterni in una nuova finestra.
La seconda proprietà permette di specificare le caratteristiche della finestra popup in accordo con il parametro Options della funzione window.Open( ).
Bug Fix
Con questa versione ho sistemato un piccolo bug che in caso di presenza di una o più classi presenti sul link, l'ultima veniva invalidata generando un nome di classe sbagliato come nell'esempio che segue:
con WiLi diventava (se specificata la proprietà className) per esempio:
mentre ora è correttamente interpretato come:
Conclusioni
Un esempio completo delle funzionalità di wili è visualizzabile tra gli esempi.
Per sostituire la precedente versione con quella attuale, è necessario ricopiare il blocco delle proprietà dal vecchio script in quello nuovo non sovrascrivendo le proprietà presenti nella versione 1.1 (ben delineate dalla dicitura Features available from Version 1.1.0).
Felice upgrade a tutti! :-)
Links windowedLinks
Questi links vi conducono all'articolo principale di Wi.Li. che funge da Home del progetto stesso.
- Partiamo dall'idea
- Descrizione dello Script
- Soluzioni a Confronto
- Funzionava perfettamente, ma ...
- In conclusione: una installazione che ricihede 5 minuti!
- Siti che adottano < wi.li. /> - windowedLinks
- Licenza/License
- Download
Articoli correlati:
RSS 2.0
Commenta
trackback
Non ho ben capito, questo plug in:
è una cosa semplice da mettere sul proprio sito, come tanti altri plug in
o bisogna diventare matti per rendere il proprio blog
EASY ACCESSIBLE USABLE?
Ciao Matteo!
Non riuscire a capire un Plug-In quando il software non è un Plug-In ma un JavaScript è abbastanza comprensibeile ... Perdona la “battutona” ...
Se non l'hai già fatto, leggi il Tutorial principale questo e solo un'integrazione.
E per installare il JS leggi, in particolare, “In conclusione: una installazione che ricihede 5 minuti!”.
Con le tue capacità non dovresti avere dei problemi ...
Fammi sapere, ciao!
[...] soli 11 giorni dal suo rilascio Wi.Li. si aggiorna alla v. 1.1 per offrire funzionalità ancor più avanzate. Se io lo pensato è pur vero che Diego La Monica sta [...]