[RÉGLÉ] Exécuter un accordeon jquery sur une page

[onesat]

Bonjour tout le monde,
Voilà j’ai fais un site et je veux exécuter un accordéon avec jquery sur une page.
Voici le code mon accordéon liste.js

// JavaScript Document
$(document).ready(function(){
	$("#maliste ul").hide();
	$("#maliste>li>a").click(function(){
		$(this).next("ul").slideToggle();
	});
})

Apres je suis allé copié mon ficher liste.js dans C:\wamp\www\media\system\js en plus je suis allé dans Gestion des Templates j’ai cliqué sur mon template pour modifier la page principale du template ou j’ai appeler mon ficher liste dans l’entête comme suit :

<script src="/media/system/js/liste.js"></script>

puis j’ai enregistrer les modifications.
Et voici le code source quand je bascule l’éditeur :

<ul id="maliste">
<li style="text-align: justify;"><a href="#">Titre I: Disposition générale</a>
<ul id="maliste">
<li style="text-align: justify;"><a href="#">Chapitre I:</a></li>
<li style="text-align: justify;"><a href="#">Chapitre II:</a></li>
<li style="text-align: justify;"><a href="#">Chapitre III:</a></li>
<li style="text-align: justify;"><a href="#">Chapitre IV:</a></li>
</ul>
</li>
<li style="text-align: justify;"><a href="#">Titre II: Titres miniers et autorisations diverses</a></li>
<li style="text-align: justify;"><a href="#">Titre III: Dispositions relatives aux eaux souterraines et gites géothermaux</a></li>
</ul>

Et voila qu’après tous ces efforts mon accordéon ne fonctionne pas et je sais pas quoi faire donc une aide me serait très utile !

[klin34970]

Re : Exécuter un accordeon jquery sur une page

Le chemin de ton script est pas bon. Test en mettant http://localhost/media/...... Si cela marche il faudra que le chemin de ton script sois src="../../media/...."
Il faut que tu remonte l'arborescence 2 fois car ton index.php se trouve dans /templates/tontheme/index.php
Et ton script et dans
/media/system/...
Si tu laisse comme tu l'as fait il va chercher ton script dans /templates/tontheme/media/system/....



Sent from my iPhone using Forum Joomla.fr mobile app

[onesat]

Re : Exécuter un accordeon jquery sur une page

j'ai testé en mettant http://localhost/media/system/js/liste.js sa na pas marcher et j'ai essayé ../../media/system/js/liste.js toujours rien!

[webcrea]

Re : Exécuter un accordeon jquery sur une page

Essaye en absolue /media/system/js/liste.js

le / devant force le chemin à la racine

[onesat]

Re : Exécuter un accordeon jquery sur une page

C'est par sa j'ai commencé: <script src="/media/system/js/liste.js"></script> en suite <script src="http://localhost/media/system/js/liste.js"></script> et en suite <script src="../../media/system/js/liste.js"></script>
Et rien donne pourtant sans Joomla sans fonctionne bien!

[webcrea]

Re : Exécuter un accordeon jquery sur une page

pour que le menu accordeon de jquery fonctionne il faut charger le nécessaire

http://jqueryui.com/accordion/

[PieceOfCake]

Re : Exécuter un accordeon jquery sur une page

Oui ou alors utiliser le plugin (gratuit) de NoNumber qui fonctionne parfaitement bien (lui!)

[webcrea]

Re : Exécuter un accordeon jquery sur une page

...et vérifier que tu n'embarques pas déjà jquery via une autre extension dans ce cas tu n'auras qu'à déclarer ton accordion

[onesat]

Re : Exécuter un accordeon jquery sur une page

Ok Pouff pour moi le jquery est déjà intégré dans Joomla mais hélas non il ma fallut juste charger le nécessaire c'est à dire le Jquery et sa fonctionne bien! Merci Webcrea pour cette expression

pour que le menu accordeon de jquery fonctionne il faut charger le nécessaire

c'est à dire la bibliothèque Jquery
<script src="http://localhost/media/system/js/jquery-1.8.2.js"></script>//Pour charger la bibliothèque
<script src="http://localhost/media/system/js/liste.js"></script>//appel de mon fichier (accordeon)
Et je précise qu'il n'y a aucune différence entre src="http://localhost/media/system/js/jquery-1.8.2.js" et src="/media/system/js/jquery-1.8.2.js" comme me le suggérais

klin34970