Joomla, inserire codice JavaScript in un articolo
Venerdì 22 Agosto 2008 - 08:43
di massimo.giagnoni
Talvolta abbiamo la necessità di includere del codice JavaScript in un articolo di un nostro sito realizzato con Joomla. Un esempio per tutti: il codice necessario alla visualizzazione di un annuncio di Google Adsense.
Effettuare questa operazione con l’editor standard non è semplice come potrebbe sembrare: il nostro codice sarà infatti automaticamente rimosso quando salviamo il contenuto.
Si può disabilitare l’editor (”Configurazione” -> “Configurazione sito”) e inserire il contenuto in modalità non WYSIWYG (What You See Is What You Get). In questo modo possiamo inserire codice liberamente, ma se si deve fare questa operazione frequentemente, è abbastanza noioso ricordarsi ogni volta di disabilitare l’editor e riabilitarlo quando abbiamo finito.
Esistono diversi plugin che possono semplificarci la vita. Due interessanti e facili da usare sono Jumi e JIncludes.
Con Jumi possiamo includere in un articolo un file esterno che può contenere codice HTML e Javascript. Vediamo un esempio.
Con un programma FTP (per esempio Filezilla) creiamo una cartella “jumi_files” all’interno della stessa cartella dove è installato Joomla.
Con un normale editor di testi creiamo poi un file “salve.html” con questo contenuto
<script type="text/javascript">
<!--
document.write('Salve Mondo!');
//-->
</script>
Facciamo l’upload di questo file nella cartella “jumi_files”. Creiamo un nuovo articolo in Joomla e inseriamo nel contenuto questo comando
{jumi [jumi_files/salve.html]}
Una volta salvato e pubblicato l’articolo vedremo la scritta “Salve Mondo!” nella posizione dove abbiamo inserito il comando.
A meno che non si specifichi un percorso base diverso (parametro Default Absolute Path nella configurazione), tutti i percorsi sono considerati relativi alla cartella dove è installato Joomla.
JIncludes funziona in maniera diversa non richiedendo la creazione e l’upload di file esterni. Una volta installato il plugin, accediamo da Gestore plugin alla pagina dei parametri e impostiamo i seguenti valori:
#1 key: salve
#1 type: HTML (input code)
#1 code:
<script type="text/javascript">
<!--
document.write('Salve Mondo!');
//-->
</script>
Salviamo e attiviamo il plugin. Creiamo poi un nuovo articolo inserendo nel contenuto il seguente comando
{{salve}}
Salviamo e pubblichiamo l’articolo: anche questa volta vedremo la scritta di saluto nella posizione dove abbiamo inserito il comando.
Si possono inserire fino a 30 blocchi di codice richiamabili in quanti articoli si vuole inserendo nel contenuto il valore del parametro key tra doppie parentesi graffe.
JIncludes esiste solo per Joomla 1.5, Jumi anche per Joomla 1.0. Entrambi i plugin sono distribuiti sotto licenza open source (GNU/GPL).
Commenti
1
ciao massimo, grazie per il suggerimento, sai anche come inserire stabilmente una posizione modulo all’interno del contenuto di Joomla 1.5?
ad esempio servirebbe per visualizzare googleads in ogni articolo (chessò, tra testo introduttivo ed esteso, o in alto a destra…)senza doverli inserire manualmente ogni volta…# - postato da teddy - 22 Agosto 2008 - 09:49
2
Per quello che vuoi fare ti serve un plugin diverso da quelli menzionati nel post.
Ti suggerisco di fare una ricerca nella categoria Ads and Affiliates/Google Ads della directory delle estensioni extensions.joomla.org.
Ne dovresti trovare diversi che ti consentono di posizionare automaticamente annunci negli articoli.
# - postato da massimo.giagnoni - 25 Agosto 2008 - 16:18
3
Io uso spesso codice non html dentro gli articoli… la soluzione più comoda che ho trovato è lo show/hide di Jce. Se fai mostrare il codice e salvi con il codice aperto (non l’editor wysiwyg quindi) ti mantiene tutto senza problemi.
Ciao!
# - postato da Luca Orlandini - 02 Settembre 2008 - 21:25
4
c’è modo di utilizzarlo anche in una pagina diversa dall’articolo come per esempio nel campo descrizione della pagina “contatti” .. ?
# - postato da fede - 03 Settembre 2008 - 09:21
5
Come regola generale i plugin possono essere utilizzati solo all’interno degli articoli. Jumi esiste anche in versione modulo, il che permette di inserire un blocco di codice in una posizione modulo, ma non in un campo descrizione gestito da un componente.
# - postato da massimo.giagnoni - 04 Settembre 2008 - 01:23
6
grazie… quindi non ho modo di rendere linkabile un sito presente nel “campo” descrizione di un weblink (sito che è diverso dal sito segnalato come weblink). In alternativa immagino che non ci sia nemmeno modo di “richiamare” e pubblicare un weblink sempre nel campo descrizione ….
# - postato da fede - 04 Settembre 2008 - 12:47
7
Il codice html che inserisci nella descrizione di un weblink è rimosso al momento del salvataggio quindi non ci puoi mettere un link cliccabile.
# - postato da massimo.giagnoni - 04 Settembre 2008 - 18:32
8
ho provato ad inserire una parte di codice php in un articolo di joomla (uso no editor), ma non lo riconosce. Qualcuno mi può dire come posso ovviare alla cosa? Il problema è che devo fare un controllo sugli indirizzi IP che aprono la pagina e solo una decina di utenti di questa rete privata potranno visualizzare un link che ho messo a fine pagina.
Grazie per la collaborazione.# - postato da rew78 - 18 Gennaio 2009 - 10:52
9
Per inserire codice PHP in un articolo non basta disabilitare l’editor come per Javascript. Puoi usare il plugin Jumi nel modo descritto nel post solo che includerai un file con estensione .php. Comunque trovi esempi più dettagliati sul sito di Jumi
# - postato da Massimo Giagnoni - 19 Gennaio 2009 - 14:29
10
avrei bisogno di inserire questo codice
ho provato con jumi ma forse sbaglio qualcosa
# - postato da Giorgio - 23 Ottobre 2009 - 11:21