[Problème] Menu actif

[storming]

Bonsoir les joomlés,
Je suppose que la question a déjà été maintes fois posée, toutefois, je ne trouve pas la solution à mon problème.

Le question c'est: comment dans joomla puis-je faire pour paramétré le style du menu actif?
j'ai vu les styles: .active et .current mais chez mais ces classes réagissent comme des classes habituels.

Je précises que le but de la manoeuvre serait de faire en sorte que mon menu qui a un hover puisse laisser la menu actif en hover.

Merci d'avance pour le temps consacré

[Grand Schtroumpf]

Re : Menu actif

Bonjour,
vérifie avec Firebug (complément Firefox, installe-le si tu ne l'as pas encore) mais effectivement le lien de menu actif porte l'id current (donc #current{}) et les liens parent la classe active (donc .active{}).
Si tu mets tes styles au bon endroit et au bon niveau, ça doit marcher.

[storming]

Re : Menu actif

Pour être sûr d'avoir bien compris,
j'ajoute l'id "current" dans un div que contient le menu et je paramètre cette id en css et joomla fera automatiquement le lien?

Sinon y a-il un moyen php de définir une variable "lien actif"?

[storming]

Re : Menu actif

Je préférerais définitivement un moyen de sortir une valeur dans une variable pour pouvoir gérer ça car mon menu est une superposition de deux images fadés par jquery donc un nouveau style css ne m'aiderai en rien

[ced1870]

Re : Menu actif

salut
tu devrais nous donner le lien vers ton site ou plus d'explications. Car comme le dit GS tu as la classe active ou l'id current qui s'appliquent à l'élément <li> du lien actif.

[Grand Schtroumpf]

Re : Menu actif

Re,
tu as fait ce que je t'ai suggéré ? Installer Firebug et regarder la structure du menu ?

j'ajoute l'id "current" dans un div que contient le menu et je paramètre cette id en css et joomla fera automatiquement le lien?

Nontu n'ajoutes rien du tout, c'est Joomla qui le fait tout seul. Tu as juste à définir le style CSS en première approximation #current{}

y a-il un moyen php de définir une variable "lien actif"?

Tu n'as pas à le faire, c'est déjà fait...

[storming]

Re : Menu actif

Ok merci je vais essayer ça, je faisais déjà une erreur en ne mettant pas cet id dans une balise li
Une autre chose que je pense faire faux c'est les liens de mes menu que je copie directement de la case lien dans l'administration du menu.

[storming]

Re : Menu actif

Bon voilà je n'arrive toujours pas à faire fonctionner l'id #current.
Je vous poste mon code, je travaille malheureusement en local donc je ne saurais vous le montrer directement.

Mon menu est un menu horizontal, tout en image avec un rollover fade avec jquery. Et le but serait de laisser le hover sur le menu actif.

mon menu est directement dans l'index.php de ma template (erreur?)
voilà le code (je ne met que 3 menus les autres sont identiques):

            	<div id="m-acceuil">
                    	<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/fond-acceuil.jpg" border="0" />
                    <div id="over"><a href="/"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/over-acceuil.jpg" border="0" /></a></div>
                </div>
                <div id="m-methodes">
                    	<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/fond-methodes.jpg" border="0" name="methodes" />
                     <div id="over"><a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/over-methodes.jpg" border="0" /></a></div>
                </div>
                <div id="m-stages">
                    	<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/fond-stages.jpg" border="0" name="stages" />
                        <div id="over"><a href="index.php?option=com_content&view=article&id=68"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/over-stages.jpg" border="0" /></a></div>
                </div>

Le CSS:

div#m-acceuil {
	width:120px;
	height:28px;
	float:left;
    position:relative;
}
div#m-methodes {
	width:122px;
	height:28px;
	float:left;
    position:relative;
}
div#m-stages {
	width:96px;
	height:28px;
	float:left;
    position:relative;
}

j'ai essayer:

            	<div id="m-acceuil">
                    	<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/fond-acceuil.jpg" border="0" />
                    <div id="over"><li id="current"><a href="/"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/over-acceuil.jpg" border="0" /></a></li></div>
                </div>
                <div id="m-methodes">
                    	<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/fond-methodes.jpg" border="0" name="methodes" />
                     <div id="over"><li id="current"><a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/over-methodes.jpg" border="0" /></a></li></div>
                </div>
                <div id="m-stages">
                    	<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/fond-stages.jpg" border="0" name="stages" />
                        <div id="over"><li id="current"><a href="index.php?option=com_content&view=article&id=68"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/menus/over-stages.jpg" border="0" /></a></li></div>
                </div>

Sans résultat, l'id current agit comme un autre id.
Je suppose que le problème vient de la façon dont j’intègre le menu à ma template (sans faire de module).

Edit:
j'ai trouver ce code là pour sortir l'id du menu sur lequel se trouve la page:

JSite::getMenu()->getActive()->id

Mais celui ci ne fonctionne que sur ma page d'acceuil... je suis un peu perdu...

[ced1870]

Re : Menu actif

mon menu est directement dans l'index.php de ma template (erreur?)

ben oui c'est une grave erreur !! tu dois passer par l'appel à un module, où tu vas ensuite charger un module de menu

[storming]

Re : Menu actif

Ok merci ced, j'ai cherché un tutoriel sur la création d'un module menu mais je n'en trouve pas, saurais-tu m'aider pour cela?

[ced1870]

Re : Menu actif

tu as déjà lu Joomla pour les nuls ? c'est la base à connaitre pour la gestion d'un site.
Une position de modules est déclarée dans ton template, ensuite tu publies un module (de menu, de slideshow, ce que tu veux) dans cette position.
C'est tout

[storming]

Re : Menu actif

Je ne connaissais pas joomla pour les nuls je vais aller voir ca.
En ce que concerne la déclaration du module c'est bon, par contre creer un module de menu, j'ai pas trouver comment faire ça.
Je devrait plutôt modifier le module mod_menu? Ou en creer un autre?

[ced1870]

Re : Menu actif

lis joomla pour les nuls, tu y trouveras surement toutes les informations nécessaires. Ensuite tu peux revenir ici pour passer le sujet en réglé ou poser des questions complémentaires

[storming]

Re : Menu actif

Je ne trouve pas de solution dans joomla pour les nul.
Je suis vraiment 100% perdu sur comment procéder, devrais-je modifier directement le default.php du mod_menu?
Creer un menu avec le gestionnaire de menu habituelle et trouver une astuce (que je ne trouve pas) pour creer mon hover?

help please

[ced1870]

Re : Menu actif

on t'as déjà donné toutes les clés dans le fil. Je pense que tu cherches trop compliqué.
1/ crées un module de menu dans une position du template
2/ utilises la classe 'active' dans les css pour identifier tes éléments actifs, ou la classe 'current' pour ne cibler que l'élément courant

de manière générale utilises firebug pour t'aider