Logo WiLi Wi.Li. - Windowed Links

Cosa è?

Windowed Links è uno javascript che aiuta i webmaster nella gestione di "finestre popup discrezionali".
La decisione di aprire un link esterni in una nuova finestra è demandata all'utente che naviga le nostre pagine e la sua scelta permane nel tempo.

Il problema si presenta quando si vuole progettare un sito secondo le specifiche strict dell'HTML che ha abolito l'attributo Target dal tag A (tag per la definizione di link ipertestuali).

Questo script esegue la scansione di tutti i link sulla pagina che lo ospita appurandone la destinazione.
Al click dell'utente su tale risorsa, lo script deciderà in base a ciò che l'utente avrà deciso, se aprire il collegamento in una nuova finestra oppure se aprire il link sempre nella stessa finestra di navigazione.

Grazie a Windowed Links, un semplice script, la soluzione è a portata di click!

Perchè usarlo? (10 buoni motivi)

  1. Il tuo codice XHTML resta valido
  2. È l'utente a scegliere se aprire popup
  3. Non richiede competenze particolari per l'installazione
  4. Pesa appena 10Kb
  5. Non invalida l'accessibilità delle tue pagine
  6. Aumenta l'usabilità del tuo sito
  7. È altamente configurabile
  8. È costantemente aggiornato, evolvendosi per andare incontro alle esigenze dei webmaster e degli internauti
  9. Diego La Monica e Carlo Filippo Follis sono indice di qualità
  10. È GRATIS!

torna in cima

Tutorial di base

Per consentirti di utilizzare al meglio wili su qualsiasi sito aggiungere la seguente riga di codice tra i tag <head> ed </head> <script type="text/javascript" src="script_folder/windowedLinks12.js" /> dove:

E mettere in un punto a scelta nella sezione delimitata dai tag <body> e </body> il seguente codice: <div id="windowedLinks">&nbsp;</div> Windowed Links inizierà a vivere di vita sua!

Tutorial tecnico e caratteristiche avanzate

Tutti i tutorials per la configurazione dello script sono disponiibli ai seguenti URL:

Mentre esempi di funzionamento sono disponibili a queste pagine:

Gli esempi della nuova versione li trovate nella relativa sezione esempi

torna in cima

Chi lo usa?

Attualmente utilizzano questo script i seguenti siti:

torna in cima

Licenza d'uso

Questo script è rilascciato sotto licenza Creative Commons ed è scaricabile ed utilizzabile gratuitamente. Non esistono obblighi economici per l'utilizzo su siti commerciali o personali.

Esiste tuttavia l'obbligo morale di aggiungere un link alle pagine http://www.norisberghen.it/it/?p=430 e http://wili.diegolamonica.info/ oppure http://diegolamonica.info/wili/ tramite uno degli esempi di codice presentati nella sezione Link da predisporre.

Inoltre per garantirci di informarti in caso di aggiornamenti dello script, ti preghiamo di inviare una mail ai seguenti indirizzi: cffollis@norisberghen.it e me@diegolamonica.info indicando la data di installazione dello script ed il sito (o i siti) sul quale viene utilizzato.

Un collegamento al/ai sito/i verrà aggiunto nelle pagine predisposte per questo script nei siti di Diego La Monica ( http://wili.diegolamonica.info) e Carlo Filippo Follis ( http://www.norisberghen.it).

Diego La Monica e Carlo Filippo Follis non si assumono alcuna responsabilità sull'uso o sul mancato uso o su eventuali bugs conseguiti o non conseguiti a seguito dell'installazione di questo script. Qualsiasi obiezione a quanto sopra vincola al non utilizzo di questo script.

torna in cima

Download

è possibile scaricare una copia dello script a questo indirizzo:

Windowed Links ver 1.2

Le versioni precedenti:

torna in cima

Esempi di link che fanno uso di WiLi

  1. Esempio 1

    Provando a fare click su questo link se avrai specificato Apri tutti i collegamenti in questa finestra, il link verrà aperto in questa finestra.

    Se invece il testo indicherà Apri i collegamenti esterni in una nuova finestra, il link verrà aperto in una nuova finestra perché risulta come sito esterno (ricordatevi che siamo su http://wili.diegolamonica.info e non su http://www.diegolamonica.info).

    Il link dell'esempio:
    <a href="http://diegolamonica.info" title="Accedi al sito di Diego La Monica">questo link</a>
  2. Esempio 2

    Provando a fare click su questo link a prescindere dallo stato dello script aprirà il link in una nuova finestra grazie all'uso della classe speciale wili-forced.

    Il link dell'esempio:
    <a href="http://diegolamonica.info" class="wili-forced" title="Accedi al sito di Diego La Monica">questo link</a>
  3. Esempio 3

    Provando a fare click su Guarda il logo a prescindere dallo stato dello script aprirà il link in una nuova finestra grazie all'uso della classe speciale wili-forced ma verrà generata una finestra popup delle dimensioni di 300 pixels x 400 pixels.

    Il link dell'esempio:
    <a href="http://diegolamonica.info" class="wili-forced wili-width-400px wili-height-300px" title="Consulta il logo di Windowed Links">Guarda il logo</a>

    I codici di classe accettati da WiLi sono ottenibili dal seguente schema: wili-Proprietà-Valore dove Proprietà corrisponde ad una delle caratteristiche specificabili per il parametro specs della funzione window.open( ) del DOM e valore corrisponde ad uno dei valori consentiti per la Proprietà.
    Un elenco completo delle caratteristiche applicabili ad una qualsiasi finestra popup è consultabile sul sito w3schools.com

torna in cima

Da un'idea di Carlo Filippo Follis un JavaScript firmato Diego La Monica: < wi.li. />. Questo Sito ha scelto una soluzione del Progetto “D-Code
Section 508 Valid - XHTML 1.0 Strict - CSS 2.1