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

jQuery Discussion :

Menu à onglets et liens externes


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Femme Profil pro
    Webdesigner
    Inscrit en
    Octobre 2012
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Octobre 2012
    Messages : 1
    Par défaut Menu à onglets et liens externes
    Bonjour,
    Sur une page cms de mon site magento j'ai mis un menu à onglets qui permet d'afficher telle ou telle div.
    J'aimerai savoir comment faire pour que sur une autre page que celle ci, je puisse mettre un bouton qui permette d'ouvrir la page cms contenant ce menu à onglet, mais sur l'onglet de mon choix, pas celui par défaut.

    Voici le code de ma page cms:

    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
    <script type="text/javascript">
    jQuery(document).ready(function(){
    	jQuery(".ongletdefaut").addClass('ongletactif');
        jQuery(".tabContent").each(function(i){
            this.id = "#" + this.id;
        });
        jQuery(".tabContent").not(":first").hide();
     
        jQuery("#monmenu a").click(function() {
            var idTab = jQuery(this).attr("href");
     
            jQuery(".tabContent2").hide();
    		jQuery('#monmenu a').removeClass();
     
            jQuery("div[id='" + idTab + "']").fadeIn();
    		jQuery(this).addClass('ongletactif'); 
            return false;
        }); 	
    });
    </script>
     
     
     
    <div id="monmenu">	
        <a class="ongletdefaut" href="#bloc_1">onglet1</a>
        <a href="#bloc_2">onglet2</a> 
    <a href="#bloc_3">onglet3</a>
     
    </div>
     
     
    <div class="tabContent" id="bloc_1">....</div>
    <div class="tabContent" id="bloc_2">....</div>
    <div class="tabContent" id="bloc_3">....</div>

    Dans l'idéal quelque chose comme
    <a href="http://www.monsite.com/mapage.html#bloc_3"></a>
    Sauf que ça, ça ne marche pas...

    Merci de vos conseils !!

    Rebecca

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    une piste :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    jQuery(this).addClass('ongletactif');
    ça voudrait dire que pour que l'onglet soit sélectionné il devra avoir la class 'ongletactif'

    =>
    sur le load de ta page, éecupère un paramètre passé dans l'url en get
    (ou en post en php) et colle la classe sur le div voulu
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Navigation avec onglet jquery avec lien externe
    Par kate59 dans le forum jQuery
    Réponses: 0
    Dernier message: 03/06/2015, 22h18
  2. Faire un menu à onglet de liens hypertextes
    Par Nico1383 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 21/03/2012, 09h39
  3. Réponses: 12
    Dernier message: 20/01/2012, 10h22
  4. [Joomla!] [Joomla 1.5] Localiser les fichiers qui traitent le menu de gauche (Type Lien Externe)
    Par Potus dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 1
    Dernier message: 13/07/2009, 21h16

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