Accordion et Drupal 7
Bonsoir
Puis je me permettre de vous soumettre ce cas de figure ..
L'idée générale est de créer des pages produits sur un modèle identique fait d'un tableau à 3 colonnes et 3 lignes dont la colonne 1 contient des photos du produits, la colonne 2 un bandeau et un ACCORDEON (jquery) pour décrire le produits en mode "accordéon" .. forcement et la colonne 3 des commentaires d'utilisateurs par exemple.
Pour y arriver, j'ai passé le WE a éplucher des docs et j'ai trouvé cette solution (voir code ci dessous) mais qui me semble assez lourde même si elle fonctionne.
Le soucis qui va très vite se poser est le suivant : actuellement la seule solution est d'afficher la page "modifier" en mode : filtre PHP ce qui rend les modifs difficiles (malaisées en tous cas)
Auriez vous une idée pour simplifier l'usine a gaz suivante ?
Mille mercis d'avance
Martin
$(document).ready(function() {
$("#accordion").accordion();
});
image 1BANDEAUSection 1Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.Section 2Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.Section 3Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
- List item one
- List item two
- List item three
Section 4Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
annexe 1image2centre 2;annexe 2image3centre3 annexe3;
Livres en anglais
Profil débutant
Profil confirmé
Communautés francophones
Drupal France et francophonie
Drupal Lyon
Drupal Grenoble
Drupal Bretagne
Drupal Nantes
Drupal Belgique
Sites officiels
Portail officiel Drupal
Acquia
Drupal Gardens
Suivez nous !
Twitter
Facebook
Sauf indication contraire, ce site est placé sous licence Creative Commons 3
Drupal est une marque déposée de Dries Buytaert
Martin vdb
lun, 02/05/2011 - 19:12
Permalien
accordion
Une erreur s'est produite lorsque j'ai copie mon code, il doit me manquer uen astuce pour qu'il reste en code ..
1000 excuses
Bonsoir
Puis je me permettre de vous soumettre ce cas de figure ..
L'idée générale est de créer des pages produits sur un modèle identique fait d'un tableau à 3 colonnes et 3 lignes dont la colonne 1 contient des photos du produits, la colonne 2 un bandeau et un ACCORDEON (jquery) pour décrire le produits en mode "accordéon" .. forcement et la colonne 3 des commentaires d'utilisateurs par exemple.
Pour y arriver, j'ai passé le WE a éplucher des docs et j'ai trouvé cette solution (voir code ci dessous) mais qui me semble assez lourde même si elle fonctionne.
Le soucis qui va très vite se poser est le suivant : actuellement la seule solution est d'afficher la page "modifier" en mode : filtre PHP ce qui rend les modifs difficiles (malaisées en tous cas)
Auriez vous une idée pour simplifier l'usine a gaz suivante ?
Mille mercis d'avance
Martin
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.... rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></sc...
<script>
$(document).ready(function() {
$("#accordion").accordion();
});
</script>
</head>
<p> </p><table style="width: 900px;" border="1" cellpadding="1" cellspacing="1"><tbody><tr><td>image 1</td><td style="width: 500px;"><p>BANDEAU</p><div id="accordion"><h3><a href="#">Section 1</a></h3><div><p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p></div><h3><a href="#">Section 2</a></h3><div><p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.</p></div><h3><a href="#">Section 3</a></h3><div><p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.</p><ul><li>List item one</li><li>List item two</li><li>List item three</li></ul></div><h3><a href="#">Section 4</a></h3><div><p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.</p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p></div></div></td><td style="width: 190px;">
annexe 1</td></tr><tr><td>image2</td><td>centre 2;</td><td>annexe 2</td></tr><tr><td>image3</td><td>centre3 </td><td>annexe3;</td></tr></tbody></table><p> </p>
Martin vdb
mer, 04/05/2011 - 07:12
Permalien
accordion
Bonjour a tous
J' ai trouvé une soution moins lourde :
Supprimer le cadre, ajouter unou des) bloc a gauche pour les illustrations+ 2 blocs dans content dont le second reprend l'accordeon seul le rendant du coup lus favile a gerer.
ca me semble plus "propre" comme ça.
Juste pour info, est il normal de devoir créer un nouveau bloc "image" a placer dans left side bar pour chaque page si on souhaite qu'il (la photo par ex) soit différent(e) sur chaque page ?
Amicalement
Martin
Ajouter un commentaire