[Problème] Javascript pour menu

[django29]

Bonjour.

Dans un vieux site Joomla 1.0.12, j'ai un menu géré en javascript, sur le template ultimateblog

=> Preview du template

Le problème : Que faut-il ajouter au code javascript pour que quand on clique un lien de l'un des 3 sous-menus (modules1, 2 et 3), on reste sur le module dans lequel on se trouvait.
Actuellement, on retourne systématique sur le module 1.

Code javascript de l'index.php du template :

<script type="text/javascript">

function showHideSpan(elId, showhide){
var el;
if (document.getElementById) {el=document.getElementById(elId)}
if (document.all) {el=eval("document.all." + elId)}
if (el == undefined) return;
if (showhide==1) {el.style.display='block'}
else {el.style.display='none'}
}

function ChangeImgSrc(elId, newsrc){
var el;
if (document.getElementById) {el=document.getElementById(elId)}
if (document.all) {el=eval("document.all." + elId)}
if (el == undefined) return;
el.src = "<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/" + newsrc;
}


function OnMod1Chng(){
showHideSpan('mod1_content', 1);
showHideSpan('mod2_content', 0);
showHideSpan('mod3_content', 0);

ChangeImgSrc('mod1_btn', 'mod1_active.png');
ChangeImgSrc('mod2_btn', 'mod2.png');
ChangeImgSrc('mod3_btn', 'mod3.png');
}

function OnMod2Chng(){
showHideSpan('mod1_content', 0);
showHideSpan('mod2_content', 1);
showHideSpan('mod3_content', 0);

ChangeImgSrc('mod1_btn', 'mod1.png');
ChangeImgSrc('mod2_btn', 'mod2_active.png');
ChangeImgSrc('mod3_btn', 'mod3.png');
}

function OnMod3Chng(){
showHideSpan('mod1_content', 0);
showHideSpan('mod2_content', 0);
showHideSpan('mod3_content', 1);

ChangeImgSrc('mod1_btn', 'mod1.png');
ChangeImgSrc('mod2_btn', 'mod2.png');
ChangeImgSrc('mod3_btn', 'mod3_active.png');
}

</script>

[django29]

Re : Javascript pour menu

Pas de javascripteur ?

[ced1870]

Re : Javascript pour menu

salut

Dans un vieux site Joomla 1.0.12

ça donne pas envie de se plonger dedans ...
sinon il faudrait un lien vers la démo de ton site que l'on puisse voir de quoi tu causes

[django29]

Re : Javascript pour menu

Bonjour Cédric

C'est un "vieux" site vitrine, qui ne nécessite pas de mise à jour, mais mériterait une reconstruction complète ... quand le propriétaire me le demandera. Pour l'instant, il m'a juste demandé cette petite modif.

Pour voir de quoi je cause, il te suffit de cliquer le lien de la démo du template, dans laquelle la structure du menu est identique à celle du site en question.

Je crois que mon lien n'était pas bon.

=> Preview du template

[ced1870]

Re : Javascript pour menu

oui le lien n'était pas le bon
est-ce que tu arrives à pister une classe CSS qui s'applique à un élément (celui que tu as cliqué) ? si tu n'as aucune classe CSS , alors tu ne pourras pas faire grand chose

[django29]

Re : Javascript pour menu

Je ne suis pas un gourou du codage, mais il y a des class de css (<div class="mod_title">, par ex), mais je ne vois pas du tout comment corriger un javascript dans des class css.
Je pensais qu'il suffisait d'une ou de quelques lignes de javascript pour que le sous-menu du 1er lien ne soit pas réaffiché à chaque fois qu'on clique un lien d'un autre sous-menu.

[ced1870]

Re : Javascript pour menu

je pense qu'il faut tester les blocs et vérifier s'il contient une classe active, alors on lui attribue une classe ou un état qui permet de le rendre actif au lieu de laisser le premier par défaut. Mais ça veut dire coder du Javascript...

[django29]

Re : Javascript pour menu

Je suis capable de torturer du html, du css, et du php, pour les adapter à mes besoins, mais je suis incapable d'écrire du javascript.
J'avais l'impression que cette modif devait être simple : juste supprimer le retour au sous-menu par défaut.