Codice variabile casualmente

Nei forum o blog talvolta capita di voler inserire alcuni contenuti dinamici, che varino al refresh della pagina, oppure dopo un periodo di tempo stabilito. Ad esempio ciò può avvenire con le immagini del logo, oppure anche con alcuni elementi html inseriti nell'header o in altre parti del sito.
Grazie a questo script sarà possibile specificare una lista di codici che varieranno casualmente al caricamento della pagina o dopo un dato intervallo di tempo, con alcuni effetti basilari.

Installazione

L'inserimento dello script sul forum o blog è semplicissimo. Grazie al pannello di gestione script, EasyScript, disponibile per tutti i siti e accessibile da Amministrazione > Funzioni aggiuntive > Script e codici o tramite il link diretto, è sufficiente cercare lo script nell'elenco e cliccare sul pulsante verde "Installa" presente sotto l'anteprima.

Personalizzazione

Cliccando sul pulsante "Impostazioni", rappresentato dall'icona ingranaggio, e su "+ Codice e opzioni" sarà possibile inserire il codice che dovrà variare e personalizzare il metodo di variazione. I campi disponibili sono:

• Lista dei codici che varieranno: si tratta di una lista di codici che muteranno casualmente. Per aggiungere un codice occorre premere sul pulsante "+ Codice", per rimuoverlo si deve cliccare su "x Codice" presente sotto i campi di input. Ogni codice è caratterizzato da due opzioni:
  1. Peso di questo elemento rispetto agli altri: si tratta di un valore che aumenta o diminuisce la probabilità che questo elemento venga selezionato e, quindi, inserito. Per comodità sono state rese disponibili sette opzioni: bassissimo, molto basso, basso, normale, alto, molto alto e altissimo. Si tratta di un peso relativo: ciò significa che, ad esempio, impostando per tutti i codici il peso altissimo non si avrà alcuna influenza, ossia i codici rimarranno equiprobabili. Il valore di default è Normale.
  2. Il codice o la frase che potranno essere mostrati: si tratta del vero e proprio output. È possibile inserire sia immagini (con l'apposito tag img) sia altri elementi html.
• Selettore dell'elemento dove verrà inserito il codice casuale: il selettore dell'elemento presente sul forum o blog dove verrà inserito il codice casuale. È possibile inserire lo script anche in un post!
• Attributo dell'elemento: a volte si desidera assegnare a un elemento (specificato dal selettore inserito nel campo precedente) un attributo con valore casuale. Si può sfruttare questo campo per ottenere tale scopo. Sebbene sia possibile far variare senza refresh il valore di un attributo, in questo caso non saranno disponibili i vari effetti elencati successivamente.
• Intervallo di variazione del codice in secondi (se zero il codice varia solo al refresh): se il valore è maggiore di zero, il codice varierà dopo il tempo stabilito in questo campo, senza dover ricaricare la pagina.
• Opzioni di cambiamento senza refresh: se nel campo precedente si è inserito un valore maggiore di zero, da questo blocco è possibile selezionare l'effetto che accompagnerà il cambiamento casuale del codice senza refresh. I valori disponibili nel select "Tipo di effetto" sono:
  1. Nessun effetto: il codice verrà semplicemente sostituito senza alcun effetto particolare. Se si seleziona questa opzione, tutti i campi seguenti possono essere ignorati.
  2. Effetto a scomparsa: noto come fade, questo effetto dapprima riduce l'opacità dell'elemento presente, fino a farlo scomparire, in seguito aumenta l'opacità del nuovo elemento, fino a farlo comparire. Se si seleziona questa opzione occorre anche specificare la durata dell'effetto in secondi.
  3. Effetto a scorrimento: noto come marquee, questo effetto fa scorrere in una determinata direzione il codice già presente, fino a farlo scomparire, mentre, dal lato opposto, "entrerà" il nuovo codice. Se si seleziona questa opzione occorre anche specificare la durata dell'effetto in secondi e la direzione del marquee.
  4. Effetto a scorrimento e a scomparsa: si tratta di una combinazione dei precedenti due effetti. Mentre il codice presente scorre la sua opacità sarà ridotta fino a scomparire, al contrario mentre il nuovo codice scorre la sua opacità sarà aumentata fino a comparire. Se si seleziona questa opzione occorre anche specificare la durata dell'effetto in secondi e la direzione del marquee.