Des pages avec des onglets


Un moyen d’avoir plusieurs niveaux d’informations dans une page et ainsi ne pas l’alourdir est de réaliser des pages avec des onglets. On peut ainsi par exemple publier de l’information en direction de différents publics.

PROBLEME

Ainsi si l’on prend l’exemple d’une entreprise dans l’univers du logiciel et que l’on souhaite présenter ces solution à différents publics, cette solution peut être intéressante. On peut imaginer une page présentant un logiciel pourra être lu par :

  • La personne qui potentiellement utilisera le logiciel et qui a donc besoin d’information plutôt techniques
  • Le responsable de cette personne qui est peut être moins technique et qui aura une autre lecture

On imagine alors une page avec un texte de présentation classique afin d’introduire le logiciel. A cett epage  nous allons adjoindre deux onglets :

  • - Les fonctionnalités du produits
  • - Les avantages de ce produit

Cette différentiation permettra de réduire le temps de lecture et d’aller à l’essentiel en fonction du lecteur.

SOLUTION

Par le biais de ces extensions (modules), Drupal permet bon nombre d’actions. Dans notre cas nous aurons besoin d’installer deux modules :

Le premier ne fait que permettre de faire fonctionner le second.

Ensuite il faut bien sur initialiser ses modules puis aller dans le « content type » pour lequel  on souhaite créer des onglets (ou en créer un). Pour créer des onglets il faut aller dans « Manage Fields », ajouter un « Group » en lui donnant les attributs que l’on souhaite (pour moi ce sera du texte). Ensuite on ajoute un champ texte à ce groupe.

Il faut se placer dans « Display Fields » et donner « tabs » comme valeur au groupe pour le « Teaser » et le « Full node ».

Une fois que tout ceci est paramétré il suffit de créer un nouveau contenu pour voirla magie opérer.

Un point me semble limite :

  • Obligation de créer le nombre d’onglet que l’on souhaite voir.

Si quelqu’un a une idée … surtout ne pas hésiter àlaisser un commentaire :)

, , ,

  1. #1 by Armetiz on 4 février 2009 - 20 h 59 min

    Je connaissais la méthode décrit ici :
    http://felisite.com/node/206

    Les deux sont bonnes, même si celle utilisant jQuery est plus simple à mettre en place.

    Aussi, sachant que la solution exposé ici consiste a charger l’ensemble des onglets et à les cacher grâce à du Javascript, les temps de passages entre deux onglets seront immédiats contrairement à un temps de chargement nécessaire en utilisant View.

Les commentaires sont fermés.