Inserire una animazione flash nei contenuti di Joomla!

I problemi ai quali accennavo precedentemente riguardavano la compatibilità tra la visualizzazione nei browser standard e, come sempre, Internet Explorer. L'editor per editare i contenuti in Joomla! prevede l'inserimento di animazioni flash dal pulsante "Inserisci / modifica media". Selezionato il tipo di media da inserire, permette una personalizzazione  per quanto riguarda le dimensioni, il percorso ecc, come riportato in figura:

inserire filmato flash dall'editor di joomla
Inserire un filmato flash dall'editor di Joomla!

Apparentemente potrebbe essere soddisfacente come risultato in quanto il pannello chiede essenzialmente il percorso del filmato e qualche altro parametro. Una volta salvato l'articolo ed aggiornando il browser, l'animazione flash, effettivamente, viene visualizzata. Bene, come anticipato, nei browser standard. Da attivare in Internet Explorer. In tale browser, infatti, passando il mouse su una animazione swf, appare il tooltip nel quale è scritto: Click to activate and use this control. Fastidiosissimo, a mio parere,  perchè il filmato non si avvia sino a quando non si fa click su di esso. Il codice prodotto dall'editor di Joomla! inserisce nella pagina l'elemento <object></object> con al uo interno tutta una serie di <param />

Sinceramente non mi ha convinto molto ed ho cercato altre soluzioni molto più performanti e pulite.

La soluzione SWFObject 2.0: rilevamento del Flash Player ed inserimento tramite JavaScript

Tale soluzione mi ha convinto immediatamente in quanto, con la versione 2.0, ha raggiunto un eccellente grado di robustezza. Senza entrare nello specifico dell'articolo, l' SWFObject altro non è che un piccolissimo file JavaScript il quale permette di includere in una pagina dei contenuti Flash.

Fatte alcune prove dopo aver scaricato lo script, ho voluto provare ad adottare tale soluzione nel file index.php di Joomla! e posso affermare che i risultati sono stati ottimi con pochissimo lavoro. Nella cartella compressa è presente un file javascript che va inserito tra <head> e </head>. A tal proposito potrebbe essere utile l'articolo che tratta su come collegare un file  javascript esterno in Joomla! Si apra la index.php e nella header si inserisca il codice:

<?php
$document = &JFactory::getDocument();
$document->addScript( '/media/system/js/swfobject.js' );
?> 

Quanto su scritto sta ad indicare che il file swfobject.js lo si deve trasferire, con un programma FTP, nella cartella /media/system/js, nella root principale in cui è installato Joomla!

Immediatamente dopo il codice più su riportato aggiungere:

<script type="text/javascript"
swfobject.embedSWF("Nome_File.swf", "flashcontent", "width", "height", "versione");</script> 

Creare un modulo html personalizzato in cui inserire il filmato

Perchè inserire l'animazione in un modulo? Perchè nel sito di produzione potremmo non volere una animazione flash in tutte le pagine. In questo caso, nulla di più comodo è la creazione di un modulo all'interno del quale si scriverà del codice HTML.

Nel backend di Joomla! portarsi in: EstensioniGestione moduli NuovoHTML Personalizzato

Compilare il campi richiesti per la creazione del modulo, quali:

Nell'editor del modulo scriveremo:

<div id="flashcontent">
<h1>Contenuto alternativo</h1>
<p><a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div> 

Salvare il tutto e fare la prova se il filmato è visibile nel sito. Se il modulo personalizzato  (mod_custom) di Joomla! deve essere visibile nella parte destra o sinistra del sito, è necessario, come per tutti gli altri moduli, predisporre una "posizione modulo".

Se, invece, si volesse inserire l'animazione all'interno dei contenuti, è sufficente ricorrere alla funzione "loadposition" di Joomla!, da inserire  nel punto in cui deve apparire il modulo. Si scriva, per esempio:

{ loadposition user1  }

dopo un paragrafo. Si torni nella Gestione moduliMy_Movie e come Posizione si scelga user1. Salvare il tutto ed aggiornare la pagina del frontend nella quale abbiamo inserito il modulo. Se tutto è stato eseguito in maniera corretta, dovremmo vedere il filmato flash nei contenuti di Joomla!

Ovviamente con tale soluzione non  sarà più necessario attivare nulla nei browser quali Internet Explorer.

N.B.Per quanto riguarda il codice della funzione "loadposition", nella pagina in cui verrà inserito, non lasciare spazi tra le parentesi graffe ed il codice vero e proprio.

© www.extrowebsite.com - Grafica, layout, articoli e guide sono di esclusiva proprietà del webmaster - Tutti i diritti riservati