Articolo XML http://www.xoopsitalia.org/modules/article/view.article.php/61/c8 2008-07-06T07:12:33+02:00 defkon1 at gmail dot com ARTICLE @ XOOPS powered by FeedCreator 2008-01-09T13:57:54+02:00 2008-01-09T13:57:54+02:00 2008-01-09T13:57:54+02:00 http://www.xoopsitalia.org/modules/article/view.article.php/61/c8 Defkon1

Categoria: Temi e templates<br />Sommario: Esiste un'incompatibilità tra jQuery e il codice Javascript di Xoops, ma può essere superata.<i>Traduzione e adattamento dell'articolo inglese <a href="http://xoops-tips.com/modules/news/article.php?storyid=111" target="_blank">"jQuery and Xoops"</a> di nachenko (<a href="http://xoops-tips.com" target="_blank">XoopsTips.com</a>)</i><br /><br />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.<br /><br />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.<br /><br />1. includete la libreria con un path basato sulla variabile Smarty <{$xoops_url}> e non un path assoluto.<br /><br /><div class="xoopsCode"><code><code><span style="color: #000000"> <span style="color: #0000BB"><br /></span><span style="color: #007700">&lt;</span><span style="color: #0000BB">pre</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">script&nbsp;src</span><span style="color: #007700">=</span><span style="color: #DD0000">"&lt;{$xoops_url}&gt;/jquery/jquery.js"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">&lt;/script&gt;</span>&lt;/pre&gt;</span> </code></code></div><br /><br />2- Non utilizzate la funzione $ per eseguire jQuery. XOOPS possiede la propria funzione $, e dovrete quindi utilizzare la chiamata jQuery originale. <br /><br /><div class="xoopsCode"><code><code><span style="color: #000000"> <span style="color: #0000BB"><br /></span><span style="color: #007700">&lt;</span><span style="color: #0000BB">pre</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">jQuery</span><span style="color: #007700">(</span><span style="color: #0000BB">document</span><span style="color: #007700">).</span><span style="color: #0000BB">ready</span><span style="color: #007700">();&lt;/</span><span style="color: #0000BB">pre</span><span style="color: #007700">&gt;</span><span style="color: #0000BB"></span> </span> </code></code></div><br /><br />3. includete i file jQuery prima di questa linea nel vostro tema: <br /><br /><div class="xoopsCode"><code><code><span style="color: #000000"> <span style="color: #0000BB"><br /></span><span style="color: #007700">&lt;</span><span style="color: #0000BB">pre</span><span style="color: #007700">&gt;&lt;{</span><span style="color: #0000BB">$xoops_module_header</span><span style="color: #007700">}&gt;&lt;/</span><span style="color: #0000BB">pre</span><span style="color: #007700">&gt;</span><span style="color: #0000BB"></span> </span> </code></code></div><br /><br />Tale linea infatti caricherà il file <i>includes/xoops.js</i>, che contiene la sua versione della funzione $.<br />