IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Menu géré en javascript


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    35
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 35
    Par défaut Menu géré en javascript
    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 :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    <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>

  2. #2
    Membre éprouvé
    Avatar de _tom_
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Mars 2012
    Messages
    67
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Consultant informatique

    Informations forums :
    Inscription : Mars 2012
    Messages : 67
    Par défaut
    Bonjour,

    Peux-tu mieux expliquer ton problème de "module" ? Ce n'est pas très clair pour moi...

    De plus ton code est assez illisible affiché comme ça peux-tu nous l'afficher plus clairement ?

    Merci,

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    35
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 35
    Par défaut
    Bonjour.

    Comme tu le vois dans la prévisualisation du template, ce qui est appelé "module" dans le code, est en fait un sous-menu.

    Dans chaque module (ou sous-menu) il y a des liens.

    Le but est de laisser afficher les liens du sous menu (mod1, 2 ou 3) dans lequel on se trouvait, après un clic sur l'un d'entre eux, et de ne changer de module, que quand on en sélectionne un autre.

    Je ne vois pas comment mieux afficher le code :j'ai utilisé la balise code du forum.

  4. #4
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    Décembre 2010
    Messages
    1 009
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Décembre 2010
    Messages : 1 009

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    35
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 35
    Par défaut
    Je ne vois pas comment utiliser ce site pour trouver une réponse à ma question.

    Le lien que j'avais indiqué n'était pas le bon.


    http://www.themesbase.com/preview/?preview=1384

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonsoir,
    Citation Envoyé par Willpower Voir le message
    c'est un outil qui permet d'indenter les codes afin de les rendre bien plus lisibles.

    Quant à ton soucis il te faut mettre la bonne image, ou classe, et ce fonction de la source qui vient d'être chargée dans l'IFRAME.

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Août 2006
    Messages
    35
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 35
    Par défaut
    Bonjour.

    Je n'ai rien compris à :
    il te faut mettre la bonne image, ou classe, et ce fonction de la source qui vient d'être chargée dans l'IFRAME.

Discussions similaires

  1. menu sclect avec javascript
    Par Methode dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 24/12/2006, 16h29
  2. menu déroulant sans javascript
    Par Mitaka dans le forum Balisage (X)HTML et validation W3C
    Réponses: 17
    Dernier message: 23/12/2005, 16h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo