javascript nel modello

[Eugenio]

Vorrei inserire uno slide show javascript nella mia homepage.
Il codice che metto in HEAD è il seguente

Code: Select all

<__script__ type='text/javascript' src='uploads/mytheme/js/jquery.min.js'></__script>
<__script__ type='text/javascript' src='uploads/mytheme/js/jquery.cycle.all.min.js'></__script>
<__script__ type='text/javascript'>
	$(document).ready(function() {
             $('.slideshow').cycle({  fx: 'fade'  });
                  });
</__script>

nel BODY invece

Code: Select all

<div class="slideshow">
<img src="uploads/mytheme/foto01.jpg" alt="1" />
<img src="uploads/mytheme/foto02.jpg" alt="2" />
<img src="uploads/mytheme/foto03.jpg" alt="3" />           
<img src="uploads/mytheme/foto04.jpg" alt="4" />
<img src="uploads/mytheme/foto05.jpg" alt="5" />
</div>

Ottengo però il seguente errore:

string(233) "Smarty error: [in tpl_head:23 line 12]: syntax error: unrecognized tag: $('.slideshow').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... (Smarty_Compiler.class.php, line 446)" string(111) "Smarty error: [in tpl_head:23 line 12]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)"

C'è un modo specifico per inserire javascript nel modello?

Grazie
Ciao

[nervino]

Racchiudi il codice javascript nel TAG {literal}. Tutto quello che racchiudi non viene interpretato da Smarty.

Così:

Code: Select all

{literal}
<__script__ type='text/javascript' src='uploads/mytheme/js/jquery.min.js'></__script>
<__script__ type='text/javascript' src='uploads/mytheme/js/jquery.cycle.all.min.js'></__script>
<__script__ type='text/javascript'>
	$(document).ready(function() {
             $('.slideshow').cycle({  fx: 'fade'  });
                  });
</__script>
{/literal}

[Eugenio]

Grazie per la risposta.

In effetti la segnalazione ora non c'è più, ma lo slideshow non funziona.

Vengono sono visibili tutte immagini conteporaneamente, uno di seguito all'altra, ma sembra che l'esecuzione dello script non venga effettuata.

[alby]

Hai controllato che i path dei javascripts siano corretti?
Hai provato anche in una pagina statica se funziona?

Alby

[Eugenio]

I path sono corretti.
Prima di inserire gli script, li ho testati in una pagina statica.
Credo che il problema sia relativo a jquery.
Ho provato un altro slideshow simile, che utilizza un js diverso da jquery e funziona bene.
La questione è che preferirei quello che ho postato.

Grazie
Ciao

[protempore]

sicuro di non utilizzare contemporaneamente anche un altro framework tipo Prototype?
se è così il problema è legato alla chiamata $ utilizzata da jQuery...

http://www.madeinsoftware.it/index.php/ ... prototype/

[mauri]

Io ho una pagina (di prova) con lo stesso slideshow e funziona correttamente.
Il codice mi sembra corretto...

Non so se è il tuo caso... la presenza del tag nell'head di pagina potrebbe far problemi... Solitamente io preferisco lavorare con path assoluti... tipo

Code: Select all

<__script__ type='text/javascript' src='/uploads/mytheme/js/jquery.min.js'></__script>

(con la barra davanti al path)

mauri

[Eugenio]

sicuro di non utilizzare contemporaneamente anche un altro framework tipo Prototype?
se è così il problema è legato alla chiamata $ utilizzata da jQuery...

http://www.madeinsoftware.it/index.php/ ... prototype/

Sicuro!
E' l'unico javascript che utilizzo.
Tra l'altro non so nemmeno che cosa sia Prototype.
Salvo che non sia Made Simple a utilizzare Prototype.

[Eugenio]

Io ho una pagina (di prova) con lo stesso slideshow e funziona correttamente.
Il codice mi sembra corretto...

Non so se è il tuo caso... la presenza del tag nell'head di pagina potrebbe far problemi... Solitamente io preferisco lavorare con path assoluti... tipo

Code: Select all

<__script__ type='text/javascript' src='/uploads/mytheme/js/jquery.min.js'></__script>

(con la barra davanti al path)

mauri

Il codice è sicuramente corretto.
Può essere come dici che sia un problema di path assoluto. Provo!