29-11-2011 : Remettre dans le débat politique les principes du Conseil National de la Résistance
17-02-2012 : Pétition pour une protection de l’apiculture et des consommateurs face au lobby des OGM
Logo de mon site
Logo de mon site
Faire un don

Luxpopuli / eZ Publish / Configuration / eZ Publish : associer un tableau à un effet accordion





Right menu

Logo du site ez.no  Logo XHTML 1.O du W3C  Logo XHTML 1.O du W3C  Site francophone officiel de Firefox
zero papier grâce aux catalogues et promos en ligne de bonial

eZ Publish : associer un tableau à un effet accordion

Date de publication: le dimanche 20 mars 2011 à 00h04
Dernière modification: par Pascal BOYER le lundi 21 mars 2011 à 17h32
» Article suivant: eZ Publish : un workflow pour plusieurs événements

Table des matières

  1. Définition et prérequis
  2. Définir une nouvelle classe CSS
  3. Le template d'affichage table.tpl

L'objectif de cet article est de montrer par le détail la marche à suivre pour associer automatiquement un tableau créé avec l'éditeur Online Editor à un effet «Accordion».

Effets accordion

Si vous ne voyez pas à quoi ressemble ce type d'effet, je vous propose une page de démonstration qui comblera instantanément cette petite lacune:

Sur luxpopuli.fr, un exemple de mise en œuvre est disponible sur cette page:

Pour ceux qui ne l'auraient pas deviné, accordion signifie accordéon ;-)

Prérequis

En fonction du framework javascript (jQuery, Protoype ou Mootools) déjà présent sur votre site, vous utiliserez la version idoine du script accordion:

Sur le site luxpopuli.fr c'est la version Mootools qui est utilisée.

Pour la suite de l'article, quelle que soit votre version de accordion, la démarche générale sera inchangée.

Commentaires

  • Edixon

    Salutations ami.

    J'ai lu le tutoriel "eZ Publish: associes une Effet accordéon un tableau de l'ONU, je vous demande
    Comment je peux créer un modèle de "l'accordéon horizontal» avec deux classes? Par exemple:

    Accordéon
    Image Accordéon

    S'il vous plaît amis m'aider à créer le code complet pour le modèle.


    Je suis nouveau sur eZ Publish.

    edixonrivera@hotmail.com