Visualizzazione degli Idevices a richiesta

Scarica exelearning

Login

Visualizzazione degli Idevices a richiesta

Scritto da Valerio Maggio

exehack

In una discussione del forum, piu' precisamente in questa, e' nata una idea che poi e' diventata una proposta:

Visualizzare gli Idevices, di una pagina di eXelearning, uno per volta e su richiesta!

Piu' precisamente l'obiettivo su cui abbiamo lavorato è stato di "raggruppare" tutti gli idevices di una pagina, selezionandone la visualizzazione, uno alla volta, attraverso un semplice menu di selezione. Naturalmente se la pagina non contiene soltanto un solo idevice il menu di scelta risulterebbe superfluo e non compare nella pagina.

Definite le specifiche ci si e' messi all'opera per implementare uno script che realizzasse quanto desiderato con la tecnologia Javascript

Lo script funzionante e' reperibile tra i file di Download del sito, precisamente a questo indirizzo:

Per rendere lo script funzionante occorre apportare delle semplici modifiche al file HTML che contiene gli Idevices da visualizzare.

ATTENZIONE: le modifiche devono essere necessariamente apportate in fase di post-produzione dei contenuti, cioè dopo aver terminato la produzione con exelearning e dopo aver fatto l'esportazione come pagina web o come pacchetto scorm. Questo perchè non si tratta di una funzionalita' integrata direttamente in eXe, almeno per il momento.. chissa' per il futuro...

Il risultato che si ottiene è questo, ovviamente dipende dai vostri contenuti della pagina!

Ecco come fare, Passo 1:

Dopo aver esportato il progetto da exe. La prima cosa da fare, come era prevedibile, e' quella di copiare (copia/incolla del file) il file dello script (idevices_ondemand.js) nella stessa cartella contenente il file HTML che desideriamo modificare.

Passo 2:

Apriamo il file HTML che ci interessa modificare con un editor di testo a nostro piacimento (anche con BLOCCO NOTE) e ricerchiamo tra i diversi tag la riga:

<script type="text/javascript" src="/common.js"></script>

Aggiungiamo a questo punto, immediatamente sotto di essa, la seguenre riga:

<script type="text/javascript" src="/idevices_ondemand.js"></script>

Questa riga ci permette di importare il file di script copiato durante il passo precedente.

Passo 3:

Sempre all'interno dello stesso file HTML del passo precedente, scorriamo poche righe piu' in basso fino a raggiungere il tag

<body>

Aggiungiamo alll'interno tag body l'attributo onload="idevices_ondemand_automatically();"

Il risultato finale deve essere come riportato di seguito:

<body onLoad="idevices_ondemand_automatically();">

Passo 4:

Verifichiamo se il tutto funziona!

Lo script e' stato testato e verificato funzionante su Browser Firefox, Internet Explorer e Opera. Inoltre l'XHTML generato e' stato validato con successo.

Infine il funzionamento dello script e' stato provato con le procedure di esportazione dei contenuti di eXe in Singola Pagina Web e in Sito web completo.

Un esempio completo e funzionante potete trovarlo nella sezione download al seguente indirizzo (Per l'esempio, si ringrazia il Prof. Furio Petrossi).

Set as favorite

Bookmark

Email This