Mise en place Accordéon

**lvldia** · 02/07/2007, 12h13

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)

**SpaceFrog** · 02/07/2007, 12h25

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

**lvldia** · 02/07/2007, 12h29

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?

**SpaceFrog** · 02/07/2007, 12h57

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

**lvldia** · 02/07/2007, 13h48

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 :

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

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

Puis j'utilise les balises mais ca ne fonctionne pas

**SpaceFrog** · 02/07/2007, 14h35

tu as mis un id au div qui correspond ?

**lvldia** · 02/07/2007, 14h40

Envoyé par SpaceFrog

tu as mis un id au div qui correspond ?

Code :

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

<div id="accordionDiv">

Oui mais rien ne fonctionne

**SpaceFrog** · 02/07/2007, 15h51

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

**lvldia** · 02/07/2007, 16h33

Envoyé par SpaceFrog

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

Non les noms pour chaque sont Panel1 Panel2 Panel3

**SpaceFrog** · 02/07/2007, 16h35

Code :

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

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 ...

**lvldia** · 02/07/2007, 16h59

Envoyé par SpaceFrog

Code :

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

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 :

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

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 ?

**lvldia** · 03/07/2007, 10h29

Allo?

**SpaceFrog** · 03/07/2007, 10h43

as tu essayé ?

**lvldia** · 03/07/2007, 11h34

Envoyé par SpaceFrog

as tu essayé ?

Oui biensur, mais comme ça ne fonctionne pas ...

**SpaceFrog** · 03/07/2007, 12h07

et dans le onload du body ?

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

**lvldia** · 03/07/2007, 12h16

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

**SpaceFrog** · 03/07/2007, 12h18

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

**lvldia** · 03/07/2007, 12h25

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

**SpaceFrog** · 03/07/2007, 12h33

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

**lvldia** · 03/07/2007, 12h45

Envoyé par SpaceFrog

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

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
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

Mise en place Accordéon [Rico]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager