Bonjour,

Sur une page de type article préformaté, j'appelle le contenu de 3 rubriques contenant chacune des actus.
J'ai utilisé du jQuery pour afficher les actus en accordéon (http://docs.jquery.com/UI/Accordion). Cela fonctionne bien pour la première rubrique mais pas pour les suivantes...

L'id "accordion" doit-il être unique ?

Bonjour

N'ayant pas ton code source, je vais essayer de répondre de manière globale : un "id" dans du code XHTML doit forcément être unique.

Pour une raison simple : imagine une rue avec des numéros de maisons identiques, pas facile pour le facteur jQuery ;-))

Normalement tu peux donner des ID numérotés et appeler autant de fois la fonction JS.

ça marche !
merci beaucoup

Bonjour

Un client me demande de mettre en place du contenu texte avec un systeme d'accordéon (genre ce qui est évoqué plus haut et présenté dans cette page jquery : http://docs.jquery.com/UI/Accordion

Je doute cependant que pour un utilisateur lamdba il soit facile de penser à bien structurer son contenu pour avoir des
"section 1"
"section 2"
etc.

Serait il compliqué de développer un utilitaire pour emajine (et pas forcément un widget car il s'agit de contenu à insérer dans le corps d'un article) permettant de créer des accordéons pas trop difficilement ?

A+
Pascal

Je me permets de relance ma question sur un système de texte avec accordéon, vu que pour ne pas polluer le forum j'avais posté dans un post traitant du sujet .. mais dont le titre était trop peu explicite pour attirer les foules.

Bonjour Pascal,
ce système d'accordéon est fréquemment utilisé sur les sites e-majine et comme tu le mentionnes, doit fonctionner avec des blocs qui bouclent et dont le contenu reste administrable.

Le mieux est d'utiliser un widget "derniers éléments" qui va remonter des articles (publication multi-articles) ou des actualités.

Sinon ça fonctionnera bien avec une publication multi-articles ou actualités si cet accordéon doit représenter l'ensemble du contenu de la page.

Merci Nicolas
As tu des exemples de site e-majine à me proposer qui utilisent ce fonctionnement en "accordéon" ?

Bonjour Pascal,

La création d'un préformaté permettrait de mettre en place assez "facilement" ce genre de fonctionnalité. Il suffit d'insérer les scripts & css puis d'adapter la structure html a l'exemple visé.

Voici ces quelques exemples de sites e-majine:
- http://www.bretagne-specialites.fr (menu de gauche)
- http://www.ouestalu.fr/ (navigation centrale)

Plusieurs tutoriels sont disponibles sur internet, exemple avec : http://www.alsacreations.com/tuto/lire/602-Creer-un-menu-accordeon-avec-jQuery.html

En ce qui concerne un plug-in "natif" e-majine, pourquoi pas, de la même façon que le diaporama. Je t'invite à créer une suggestion d'évolution ;) On peut aussi bien entendu te proposer un accompagnement ou une prestation de développement, si tu le souhaites ?

Bonne journée

Hello Manuel

Ce n'était pas un menu déroulant que je voulais faire mais de l'affichage / désaffichage sur du contenu .

Imaginons un article avec 6 paragraphes, chaque paragraphe avec son titre.

A l'affichage initial de l'article seul les 6 titres de paragraphe sont apparents ainsi qu'une petite icône qui incite à cliquer dessus.
Au clic sur l'icône d'un paragraphe, le contenu de celui-ci apparait. Au clic sur l'icône précédemment cliqué le contenu disparait ou bien au clic sur une des autres icônes de paragraphe, le contenu montré disparait et apparait le contenu du nouveau paragraphe.

Le problème du recours au module "actualités" comme l'évoquait Nicolas c'est que le contenu appelé (le détail de l'actu) va s'ouvrir dans une nouvelle page .. ce qui n'est pas le résultat escompté.

Exemple
http://www.dmxzone.com/demo/DmxzoneAccordion/index.html colonne de droite


A+

Hello Pascal,

Que ce soit sur des blocs de paragraphe ou sur une gestion de menu déroulant, il s'agit bien d'afficher ou de ne pas afficher du contenu.
Via l'exemple que tu as cité, je pense qu'on se rapproche étroitement du fonctionnement du site bretagne spécialités ;)

Pour ce cas de figure je partirai toujours d'un article préformaté en créant directement x blocs d'insertion de ressources. Il suffit grosso-modo d'adapter la structure html en rajoutant quelques classes, du css et en intégrant le javascript nécessaire au fonctionnement.

Tu peux t'appuyer sur ces sites de référence :
http://www.extratuts.com/amazing-jquery-tabs-tutorials
http://jqueryui.com/demos/tabs/
http://webdesignledger.com/tutorials/11-useful-jquery-tab-navigation-solutions

Tutoriel vidéo sur : http://www.grafikart.fr/tutoriels/jquery/onglets-175

Il est aussi possible de partir sur une publication d'articles ou d'actualités (plus compliqué), un script js permet de récupérer le contenu d'une url et de l'afficher sous forme d'accordéon par exemple : http://communaute.medialibs.com/forum/topic-3663.html

PS : sache que nous pouvons aussi te proposer une prestation de développement ou d'accompagnement.

Bien à toi,
Manuel

Bonjour Manuel

Je profite du dev d'un petit site sous Wordpress pour mettre en œuvre ce que j'appelle un accordéon

Peux tu jeter un œil sur cette page http://astrel-reseaux.com/actualites/

Les actus s'ouvrent sur un clic et se referme sur un autre clic. Ce comportement est un simple javascript gratuit (plugin de Wordpress) . Serait-ce très compliqué à proposer à nos client e-majine?

A+
Pascal

Bonjour Pascal,

L'application sur e-majine n'est pas plus compliquée que ça. Tu pourrais par exemple utiliser la méthode de publication "actualités" pour gérer ça et dans ce cas uniquement la vue résumée serait utilisée. Le préformaté s'y prête bien aussi ;)

Bonne journée,
Manuel

Bon je reviens à la charge :) (tenace le bougre !)

en fait il y a exactement la fonction que je recherche ... dans le webofacto, dans le suivi d'un ticket avec la case "+" qui ouvre un contenu et qui devient "-".
Quand on clique sur le "-" ça referme le contenu.

Pourquoi vous ne nous proposez ça dans un article ou une actu ?

Salut Pderathe,
Est ce que tu avais finalement proposé cette évolution à Médialibs ? C'est vrai qu'il serait très intéressant de l'avoir en comportement intégré. Personnellement je dois le mettre en place dans une fiche produit (pour des propriétés additionnelles). Je sais pas trop comment m'y prendre donc je zone sur le tchat ;)

Bonjour Sabrina

Je ne pense pas que Medialibs ait apporté la solution. Ce post datait de mi 2012, déjà 2 ans et je n'ai pas vu de solution de type "accordion".

Par contre j'ai bien vu les réponses de Manuel qui me proposait des choses éloignées de ce que j'attendais en me disant que c'était ce que je voulais.

Si par contre la solution existe sans monter une usine à gaz côté utilisateur client (c'est à dire non spécialiste HTML / CSS / XML / Javascript) , je suis toujours preneur.

A dans deux ans ! ;)


Pascal

Oui je vois ce que tu veux dire.
Je vais faire quelques test cet après midi. Je te tiens au courant.
A dans moins longtemps j'espère :)

Sabrina