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

  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,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