Choisir l'onglet ouvert par défaut

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Choisir l'onglet ouvert par défaut

Message par Space Sapien Mar 28 Oct 2014 - 14:10

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://testingdelis.forumactif.org

Description du problème


Bonjour à tous,

Je viens encore au sujet d'une modification de mon panneau onglet ( pour la dernière fois j'espère xD ). Je souhaiterai que l'onglet ouvert par défaut soit différent si l'utilisateur n'est pas connecté.

Plus concrètement, je souhaiterai mettre mon onglet Bienvenue en premier onglet, mais que celui-ci soit ouvert par défaut seulement pour les invités. Pour les membres connectés ce serait l'onglet vidéo qui sera ouvert.

J'imagine que je dois utiliser les balises :

Code:
<!-- BEGIN switch_user_logged_in -->
 <!-- END switch_user_logged_in -->

<!-- BEGIN switch_user_logged_out -->
 <!-- END switch_user_logged_out -->

Mais je ne sais pas comment les appliquer dans un code java. Voici le code java utilisé pour le panneau :

Code:
var currentTab = 0;
function openTab(clickedTab) {
  var thisTab = $(".conteneur-menu_pa ul a").index(clickedTab);
  $(".conteneur-menu_pa ul li a").removeClass("active");
  $(".conteneur-menu_pa ul li a:eq("+thisTab+")").addClass("active");
  $(".conteneur-menu_pa .conteneur-ouvrir_pa").hide();
  $(".conteneur-menu_pa .conteneur-ouvrir_pa:eq("+thisTab+")").show();
  currentTab = thisTab;
}
$(document).ready(function() { 
  $(".conteneur-menu_pa ul li a").mouseover(function() {
    openTab($(this)); return result;
  }); 
  $(".conteneur-menu_pa ul li a:eq("+currentTab+")").mouseover()
});

et le code html :

Code:
<div id="menu_onglet_pa">
                                                                                                                                                                                                                                                     
  <div class="conteneur-menu_pa">
                                                                                                                                                                                                                                                     
      <div id="fond_menu">
                                                                                                                                                                                                                                                               
        <ul class="onglets_pa">
                                                                                                                                                                                                                                                                                             
            <li>
                                                                                                                                                <a href="#">Vidéos</a>                                                                                                                             
            </li>
                                                                                                                                                                                                                                                                                               
            <li>
                                                                                                                                                <a id="ongletnews" href="#">News</a>                                                                                                         
            </li>
                                                                                                                                                                                                                                                                                             
            <li>
                                                                                                                                                <a href="#">Liens Utiles</a>                                                                                                                             
            </li>
                                                                                                                                                                                                                                                                                               
            <li>
                                                                                                                                                <a href="#">Nous Suivre</a>                                                                                                                             
            </li>
                                                                                                                                                                                                                                                                                               
            <li>
                                                                                                                                                <a href="#">Bienvenue</a>                                                                                                                             
            </li>
                                                                                                                                                                                                                                                               
        </ul>
                                                                                                                                                                                                                                       
      </div>
                                                                                                                                                                                                                                                                                                 
      <div class="conteneur-ouvrir_pa">
                                                                                                                                                                                                                                                                                         
        <div class="ton_contenu_pa">
                                                                                                                                                                                                                                                                                               
            <p>
blablabla                                                                                                                     
            </p>
                                                                                                                                                                                                                                                                                               
        </div>
                                                                                                                                                                                                                                                                               
      </div>
                                                                                                                                                                                                                                                                         
      <div class="conteneur-ouvrir_pa">
                                                                                                                                                                                                                                                                                                                           
        <div class="ton_contenu_pa_news">
                                                                                                                                                                                                                                                                                                                                 
            blablabla
                                                                                                                                                                                                                                 
            </div>
                                                                                                                                                                                                                                                                                                                       
        </div>
                                                                                                                                                                                                                                                                                                               
      </div>
                                                                                                                                                                                                                                                                           
      <div class="conteneur-ouvrir_pa">
                                                                                                                                                                                                                                                                                           
        <div class="ton_contenu_pa_links">
                                                                                                                                                                                                                           
            <center>
                                                                                                                                                                                                                                                                                                                   
              blablabla
                                                                                                         
            </center>
                                                                                                                                                                                                                                                                                                 
        </div>
                                                                                                                                                                                                                                                                                   
      </div>
                                                                                                                                                                                                                                                                           
      <div class="conteneur-ouvrir_pa">
                                                                                                                                                                                                                                                                                           
        <div class="ton_contenu_pa_links">
                                                                                                                                               
            <center>
                                                                                                                         
            blablabla
                                                                                                                         
            </center>
                                                                                                                                                   
        </div>
                                                                                                                                                                                                                                                                                       
      </div>
                                                                                                                                                                                                                                                                                                                                                                                                         
      <div class="conteneur-ouvrir_pa">
                                                                                                                                                                                                                                                                                         
        <div class="ton_contenu_pa_links">
                                                                                                                                                                                                                                                                                       
           
                                                 
            <div class="copyrightankama">
                                  (Les images tirées de Wakfu sont la propriétés d'Ankama. All right reserved ©️ <a href="http://www.ankama.com/fr">Ankama</a>)                   
            </div>
                                                                                                                                                                                                                               
            <p>
                                                   
            </p>
                                                                                                                                                                                                                                                                                                     
        </div>
                                                                                                                                                                                                                                                                           
      </div>
                                                                                                                                                                               
  </div>
</div>

Merci Smile


Dernière édition par Space Sapien le Lun 3 Nov 2014 - 22:51, édité 1 fois
avatar

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choisir l'onglet ouvert par défaut

Message par Space Sapien Mer 29 Oct 2014 - 18:30

Toujours besoin d'aide Smile
avatar

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choisir l'onglet ouvert par défaut

Message par Space Sapien Jeu 30 Oct 2014 - 19:38

Help silent
avatar

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choisir l'onglet ouvert par défaut

Message par Space Sapien Sam 1 Nov 2014 - 13:42

Up
avatar

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choisir l'onglet ouvert par défaut

Message par Space Sapien Dim 2 Nov 2014 - 15:26

Up
avatar

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choisir l'onglet ouvert par défaut

Message par Space Sapien Lun 3 Nov 2014 - 19:09

Up
avatar

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choisir l'onglet ouvert par défaut

Message par oxymore Lun 3 Nov 2014 - 20:54

Bonsoir

Essayez en remplaçant
Code:
var currentTab = 0;
par
Code:
 if (_userdata.session_logged_in == 0) {var currentTab = 0;  }
        if (_userdata.session_logged_in == 1) { var currentTab = 1;  }

oxymore

oxymore
***

Messages : 141
Inscrit(e) le : 09/11/2008

http://www.google.fr
oxymore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Choisir l'onglet ouvert par défaut

Message par Space Sapien Lun 3 Nov 2014 - 22:49

Ça fonctionne niquel merci Smile
avatar

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum