Mise en place Accordéon

Version imprimable

Voir 40 message(s) de cette discussion en une page

02/07/2007, 12h13
lvldia

Mise en place Accordéon

Bonjour à tous,

Je suis mauvais en javascript c'est pourquoi j'aurais besoin de votre aide.

Je cherche à mettre en place un "Accordéon" Rico (regardez ici - >http://openrico.org/demos?demo=accordion)

J'ai bien mis les balises dans mon code html, mais je ne comprends pas ou je dois déclarer l'accordéon et comment le faire? Ou placer le fichier rico.js?

Merci d'avance

(je développe sous un MVC si ca peut aider)
02/07/2007, 12h25
SpaceFrog

le fichier .js est à placer ou tu veux (sur le serveur) à condition que le lien qui pointe vers le .js soit correct
02/07/2007, 12h29
lvldia

Citation:

Envoyé par SpaceFrog

le fichier .js est à placer ou tu veux (sur le serveur) à condition que le lien qui pointe vers le .js soit correct

Ok ok, mais pour la déclaration ed l'objet accordéon je fais ca comment?
02/07/2007, 12h57
SpaceFrog

ben tout est expliqué sur les onglets de la page dont tu as filé le lien ...
02/07/2007, 13h48
lvldia
Citation:

Envoyé par SpaceFrog

ben tout est expliqué sur les onglets de la page dont tu as filé le lien ...

Je sais bien, mais ca ne fonctionne pas chez moi.

je déclare comme ceci :
Code:

1 2 3 4 <script language="javascript"> new Rico.Accordion( $('accordionDiv') ); </script>
Puis j'utilise les balises mais ca ne fonctionne pas
02/07/2007, 14h35
SpaceFrog

tu as mis un id au div qui correspond ?
02/07/2007, 14h40
lvldia

Citation:

Envoyé par SpaceFrog

tu as mis un id au div qui correspond ?

Code:

<div id="accordionDiv">

Oui mais rien ne fonctionne
02/07/2007, 15h51
SpaceFrog

tu n'aurais pas plusieurs div avec le même id ?
02/07/2007, 16h33
lvldia

Citation:

Envoyé par SpaceFrog

tu n'aurais pas plusieurs div avec le même id ?

Non les noms pour chaque sont Panel1 Panel2 Panel3
02/07/2007, 16h35
SpaceFrog
Code:

1 2 3 <script language="javascript"> new Rico.Accordion( $('accordionDiv') ); </script>
et ça tu le lance quand ?
il faut que l'objet soit instancié donc il faut lencer cette ligne sur le onload du body ...
02/07/2007, 16h59
lvldia
Citation:
Envoyé par SpaceFrog

Code:

1 2 3 <script language="javascript"> new Rico.Accordion( $('accordionDiv') ); </script>

et ça tu le lance quand ?
il faut que l'objet soit instancié donc il faut lencer cette ligne sur le onload du body ...
Ah c'est ptete la qu'est mon erreur.

Je fais ca comment?
Code:

1 2 3 4 5 6 <script src="../../js/rico.js" type="text/javascript"> window.onload=function instanciation(){ new Rico.Accordion( $('accordionDiv') ); } </script>
C'est ca ?
03/07/2007, 10h29
lvldia

Allo?
03/07/2007, 10h43
SpaceFrog

as tu essayé ?:roll:
03/07/2007, 11h34
lvldia

Citation:

Envoyé par SpaceFrog

as tu essayé ?:roll:

Oui biensur, mais comme ça ne fonctionne pas ...
03/07/2007, 12h07
SpaceFrog

et dans le onload du body ?

Quel message d'erreur te retourne-t-il ?
03/07/2007, 12h16
lvldia

Citation:

Envoyé par SpaceFrog

et dans le onload du body ?

Quel message d'erreur te retourne-t-il ?

Pas de message d'erreur retourné, je ne comprends pas :?
03/07/2007, 12h18
SpaceFrog

ajoute un alert dans la fonction pour voir au moins si elle est lancée ...
03/07/2007, 12h25
lvldia

Citation:

Envoyé par SpaceFrog

ajoute un alert dans la fonction pour voir au moins si elle est lancée ...

En effet le alert n'est pas affiché, donc fonction pas lancée
03/07/2007, 12h33
SpaceFrog

fais voir la balise script avec le lien vers le fichier js ?

Citation:

Envoyé par SpaceFrog

fais voir la balise script avec le lien vers le fichier js ?
Code:

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 35 36 <html> <head> <title> test </title> <script src="rico.js" type="text/javascript"></script> <SCRIPT language="Javascript"> function chargement(){ new Rico.Accordion( $('accordionDiv') ); } </SCRIPT> </head> <body onload="chargement()"> <div id="accordionDiv"> <div id="Panel1"> <div id="Header1"> Overview </div> <div id="Content1"> ... content text ... </div> </div> <div id="Panel2"> <div id="Header2"> HHHH </div> <div id="Content2"> ... content text ... </div> </div> </div> </body> </html>
Voila ma page de test

Dans ma console d'erreur, j'ai "prototype is not defined" dans le fichier rico.js
et j'ai ensuite "rico has no properties" dans mon test.html

Pourrais tu me montrer comment tu mets en place le script dans une page de test simple stp? Ca me faciliterait peut etre les choses.

Merci

Voir 40 message(s) de cette discussion en une page