Comment afficher des images dans le dropmenu ???

Bonjour !
Voilà je voudrais pouvoir afficher des logos juste avant chaque lien du dropmenu, j’avais ma petite idée, créer un template variable, ou j’insérerai le lien vers l’image, mais ensuite comment faire pour intégrer une template variable dans le dropmenu ?
( un peu comme les logos de SPIP )

merci

Tu peux tout à fait faire ce que tu me décris avec CSS et plus précisémment list-style-image.



Par contre si tu veux affecter une image différente avant chaque item du menu avec DropMenu, ça va être compliqué car autant tu peux définir le paramètre &subnavClass="maclassepourleslistes" qui s’appliquera à tous les éléments li, autant tu ne peux pas (à ma connaissance) affecter une id différente pour chaque item du menu...

Je suis preneur si quelqu’un a une astuce !

ben on m’a répondu sur le forum anglophone ( general support ), on m’a conseillé de créer un template variable puis de l’introduire à la barbare dans le code du dropmenu
( pas encore eu le temps d’essayer )

OK, bon à savoir, si tu peux poster le lien vers la discussion en anglais ce serait pas mal (histoire que ceux qui lisent l’anglais n’ai pas à chercher )

http://modxcms.com/forums/index.php/topic,2922.0.html

salut,

pour les besoins d’un site que je développe avec modx j’ai modifié le dropmenu pour qu’il affiche des images en fonction du libelle.
Pour y parvenir, j’ai ajouté quelques lignes au script original.
Je doute qu’il s’agisse d’une solution générique mais cela convenait à mon besoin du moment(menu horizontal de trois items).Les images sont liées à des styles CSS(background-image de la balise li) ce qui ne correspond pas exactement à ta requète mais peut être que tu parviendras à l’adapter à tes besoins.

Avant tout, je souhaite rappleler que je ne suis pas développeur mais plutôt bricoleur de code donc soyez indulgents

J’ai procédé comme suit:

- Créer une variable de modèles (TV) nommé idCssMenu (text)

- Ajout après la ligne 224:

$myTv =  $modx->getTemplateVar(’IdCssMenu’,$fields=’*’,$child[’id’]);

- Puis j’ai modifié pour qu’elle corresponde à ma structure html du menu la ligne 262 des balises <p></p> pour formater le texte de la rubrique active

$output .= "    <li id=\"".$myTv[’value’]."\" class=\"$hereClass". ($numChildren == 0 ? ’ last’ : ’’)."\">$itm<p>".$child[’introtext’]."</p></li>$ie";

- et enfin ligne 297

$output .= "<li  id=\"".$myTv[’value’]."\" $class>$itm$desc</li>$ie";

Comme je l’ai précisé au départ cela convient à mon besoin ce n’est pas une méthode générique mais je tenais à la partager

:-)

heliotrope, merci pour cette astuce !

vous pourriez m’expliciter ce que fait précisement le code ci-dessus ? ( je suis un noob php )

merci beaucoup

salut,

quelque détails sur le fonctionnement

- Ajout après la ligne 224:
// on recupere les champs de la table tv pour la TV ’idCssMenu’ qui contient la valeur de l’idCss

$myTv = $modx->getTemplateVar(’IdCssMenu’,$fields=’*’,$child[’id’]);

- Puis j’ai modifié pour qu’elle corresponde à ma structure html du menu la ligne 262 des balises <p></p> pour formater le texte de la rubrique active
//id=\"".$myTv[’value’]."\" -> affiche la valur de la TV idCssMenu
//on pourrait le remplacer par $idCss = ’id="’.$myTv[’value’].’";
//et avant de rajouter l’attribut id à la balise li
//tester si ’il a une valeur ($myTv !=’’ ) ? $idCss = $idCss : $idCss =’’;
//et remplacer la ligne suivante
$output .= " <li id=\"".$myTv[’value’]."\" class=\"$hereClass". ($numChildren == 0 ? ’ last’ : ’’)."\">$itm<p>".$child[’introtext’]."</p></li>$ie";
//par
$output .= " <li $idCss class=\"$hereClass". ($numChildren == 0 ? ’ last’ : ’’)."\">$itm<p>".$child[’introtext’]."</p></li>$ie";

$output .= " <li id=\"".$myTv[’value’]."\" class=\"$hereClass". ($numChildren == 0 ? ’ last’ : ’’)."\">$itm<p>".$child[’introtext’]."</p></li>$ie";

- et enfin ligne 297

$output .= "<li id=\"".$myTv[’value’]."\" $class>$itm$desc</li>$ie";

//on remplace par
$output .= " <li $idCss $class>$itm$desc</li>$ie";

Quote from: heliotrope at Mar 13, 2006, 09:55 AM

salut,

quelque détails sur le fonctionnement...

@chucky : Dit plus simplment : Globalement le code récupére la valeur de l’identifiant d’une image contenu dans une variable de gabarit pour permettre de reformater au bon endroit les instructions d’affichage du dropmenu en insérant le ou les image(s) en lieu et place du texte du menu.