Utilizzare jQuery in Xoops
Categoria: Temi e templates
Autore: Defkon1
Data: 9/1/2008
Sommario: Esiste un'incompatibilità tra jQuery e il codice Javascript di Xoops, ma può essere superata.
Traduzione e adattamento dell'articolo inglese "jQuery and Xoops" di nachenko (XoopsTips.com)
E' possibile utilizzare la libreria jQuery in Xoops, ma se provate a seguire le usuali istruzioni di installazione non riuscirete a farla funzionare a dovere su tutti i browser.
Esiste infatti un'incompatibilità di base tra la libreria e il codice Javascript nativo di Xoops. Vediamo come aggirarla, in modo da poter utilizzare tutte le sue funzionalità nei nostri temi senza doverci preoccupare di nulla.
1. includete la libreria con un path basato sulla variabile Smarty <{$xoops_url}> e non un path assoluto.
2- Non utilizzate la funzione $ per eseguire jQuery. XOOPS possiede la propria funzione $, e dovrete quindi utilizzare la chiamata jQuery originale.
3. includete i file jQuery prima di questa linea nel vostro tema:
Tale linea infatti caricherà il file includes/xoops.js, che contiene la sua versione della funzione $.
Traduzione e adattamento dell'articolo inglese "jQuery and Xoops" di nachenko (XoopsTips.com)
E' possibile utilizzare la libreria jQuery in Xoops, ma se provate a seguire le usuali istruzioni di installazione non riuscirete a farla funzionare a dovere su tutti i browser.
Esiste infatti un'incompatibilità di base tra la libreria e il codice Javascript nativo di Xoops. Vediamo come aggirarla, in modo da poter utilizzare tutte le sue funzionalità nei nostri temi senza doverci preoccupare di nulla.
1. includete la libreria con un path basato sulla variabile Smarty <{$xoops_url}> e non un path assoluto.
<pre><script src="<{$xoops_url}>/jquery/jquery.js"></script></pre>
2- Non utilizzate la funzione $ per eseguire jQuery. XOOPS possiede la propria funzione $, e dovrete quindi utilizzare la chiamata jQuery originale.
<pre>jQuery(document).ready();</pre>
3. includete i file jQuery prima di questa linea nel vostro tema:
<pre><{$xoops_module_header}></pre>
Tale linea infatti caricherà il file includes/xoops.js, che contiene la sua versione della funzione $.
Tutorial Avanzati V1
URL: http://www.xoopsitalia.org/modules/article/view.article.php/c8/61