Discussion :

[zerros]

Bonjour,

J'ai du mal à faire fonctionner mon slidetoggle sur mon site. Voilà ce que j'essaie de faire : Un menu sur la gauche de mon index.tpl ouvre une page dans une div.

Une fois ouverte, je voudrai avoir sur cette page un slidetoggle sur des articles (titre + texte). J'ai tester le code suivant dans une page html toute simple, et il fonctionne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
	$(".toggle_container").hide();
 
	$("h2.trigger").toggle(function(){
		$(this).addClass("active"); 
		}, function () {
		$(this).removeClass("active");
	});
 
	$("h2.trigger").click(function(){
		$(this).next(".toggle_container").slideToggle("slow,");
	});
 
});
</script>
...
...
<div class="container">
 
	<h2 class="trigger"><a href="#">Web Design &amp; Development</a></h2>
	<div class="toggle_container">
		<div class="block">
 
			<h3>Need a Website?</h3>
			<img src="thumbnail.gif" alt="" />
			<p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter diam neque antehabeo blandit, jumentum transverbero luptatum. Lenis vel diam praemitto molior facilisi facilisi suscipere abico, ludus, at. Wisi suscipere nisl ad capto comis esse, autem genitus. Feugiat immitto ullamcorper hos luptatum gilvus eum. Delenit patria nunc os pneum acsi nulla magna singularis proprius autem exerci accumsan. </p>
 
			<p>Praesent duis vel similis usitas camur, nostrud eros opes verto epulae feugiat ad. Suscipit modo magna letalis amet et tego accumsan facilisi, meus. Vindico luptatum blandit ulciscor mos caecus praesent sed meus velit si quis lobortis praemitto, uxor. </p>
		</div>
	</div>
</div>

Le hic c'est que ce même code ne fonctionne pas dans mon .tpl (moteur smarty). J'ai déjà essayé d'ajouter {literal}script{/literal} mais rien n'y change.

Auriez-vous une idée svp ?

[cedric_g]

Bonjour

Une solution très simple est d'externaliser (dans un fichier JS) ton contenu javascript. C'est une solution bien plus pérenne sur bien des points (performances, maintenabilité, etc.) et accessoirement ça permet de faire fonctionner du Javascript (et donc JQuery) via des pages codées en Smarty.

Ce qui gêne en fait ce sont les accolades.



(hs : tu bosses sur un template Prestashop ?...)

[zerros]

hehehe. non. Je code une application utilse pour un ami et inutile pour moi, sauf pour apprendre à mieux coder et intégrer des fonctions que je n'ai jamais utilisé jusque là

Merci pour la réponse ca marche au poil avec une fonction JS externalisée quiintègre mon slideToggle.

[briefcreatif]

hehehe. non. Je code une application utilse pour un ami et inutile pour moi, sauf pour apprendre à mieux coder et intégrer des fonctions que je n'ai jamais utilisé jusque là

Merci pour la réponse ca marche au poil avec une fonction JS externalisée quiintègre mon slideToggle.

Je sais que le topic remonte, mais au cas où...

J'ai exactèment le même problème par contre, pour ma part, c'est bien pour un thème prestashop ^^

Ayant des bases limités en JS je n'arrive pas à appeler la fonction externalisée...

comment as-tu fait zerros ? En espérant que tu repasses par ici