Page 1 of 1

javascript nel modello

Posted: Sun Jul 11, 2010 9:16 am
by 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

Re: javascript nel modello

Posted: Sun Jul 11, 2010 10:09 am
by 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}

Re: javascript nel modello

Posted: Sun Jul 11, 2010 11:15 am
by 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.

Re: javascript nel modello

Posted: Mon Jul 12, 2010 8:31 am
by alby
Hai controllato che i path dei javascripts siano corretti?
Hai provato anche in una pagina statica se funziona?

Alby

Re: javascript nel modello

Posted: Mon Jul 12, 2010 9:08 am
by 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

Re: javascript nel modello

Posted: Mon Jul 12, 2010 9:13 am
by 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/

Re: javascript nel modello

Posted: Mon Jul 12, 2010 9:50 am
by 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

Re: javascript nel modello

Posted: Mon Jul 12, 2010 10:42 am
by Eugenio
protempore wrote: 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.

Re: javascript nel modello

Posted: Mon Jul 12, 2010 10:45 am
by Eugenio
mauri wrote: 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!