[Rico] Mise en place Accordéon Rico [Résolu]

lvldia · 02/07/2007, 11h13

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, 11h25

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, 11h29

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?

SpaceFrog · 02/07/2007, 11h57

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

lvldia · 02/07/2007, 12h48

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 :

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, 13h35

tu as mis un id au div qui correspond ?

lvldia · 02/07/2007, 13h40

Citation:

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, 14h51

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

lvldia · 02/07/2007, 15h33

Citation:

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, 15h35

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, 15h59

Citation:

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, 09h29

Allo?

SpaceFrog · 03/07/2007, 09h43

as tu essayé ?

lvldia · 03/07/2007, 10h34

Citation:

Envoyé par SpaceFrog

as tu essayé ?

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

SpaceFrog · 03/07/2007, 11h07

et dans le onload du body ?

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

lvldia · 03/07/2007, 11h16

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

SpaceFrog · 03/07/2007, 11h18

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

lvldia · 03/07/2007, 11h25

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

SpaceFrog · 03/07/2007, 11h33

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

lvldia · 03/07/2007, 11h45

Citation:

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

02/07/2007, 11h13	#1
lvldia Invité régulier Inscription : mai 2006 Messages : 46 Détails du profil Informations forums : Inscription : mai 2006 Messages : 46 Points : 7 Points : 7	Mise en place Accordéon Rico 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)
	00

02/07/2007, 11h25	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 120 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 120 Points : 45 270 Points : 45 270	le fichier .js est à placer ou tu veux (sur le serveur) à condition que le lien qui pointe vers le .js soit correct __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

02/07/2007, 11h57	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 120 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 120 Points : 45 270 Points : 45 270	ben tout est expliqué sur les onglets de la page dont tu as filé le lien ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

02/07/2007, 13h35	#6
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 120 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 120 Points : 45 270 Points : 45 270	tu as mis un id au div qui correspond ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

02/07/2007, 14h51	#8
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 120 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 120 Points : 45 270 Points : 45 270	tu n'aurais pas plusieurs div avec le même id ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

03/07/2007, 09h29	#12
lvldia Invité régulier Inscription : mai 2006 Messages : 46 Détails du profil Informations forums : Inscription : mai 2006 Messages : 46 Points : 7 Points : 7	Allo?
	00

03/07/2007, 09h43	#13
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 120 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 120 Points : 45 270 Points : 45 270	as tu essayé ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

03/07/2007, 11h07	#15
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 120 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 120 Points : 45 270 Points : 45 270	et dans le onload du body ? Quel message d'erreur te retourne-t-il ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

03/07/2007, 11h18	#17
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 120 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 120 Points : 45 270 Points : 45 270	ajoute un alert dans la fonction pour voir au moins si elle est lancée ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

03/07/2007, 11h33	#19
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 120 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 120 Points : 45 270 Points : 45 270	fais voir la balise script avec le lien vers le fichier js ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email