Rendre le menu déroulant sur la Toolbar visible par certains groupes

[jackhay]

Bonjour à tous.

Alors voici mon problème: après avoir fait une recherche, j'ai pu trouver un code qui m'a permis de personnaliser ma Toolbar et j'ai donc pu rajouté un menu déroulant.
Maintenant, je voudrais pouvoir rendre une partie de ce menu déroulant visible pour certains groupes uniquement (j'administre un forum d'alliance consacré à un jeu sur navigateur). J'ai mis en place une partie privée sur mon forum et je voudrais donc pouvoir afficher les différents forums et catégories de cette partie privée sur mon menu déroulant, sans que tout le monde puisse les voir.

Je ne sais pas si c'est possible ou comment faire.

Voici le code Javascript:

Code:

$(function (){$(function (){
$('#fa_search').before(
'<span id="toolbar_add">
<span style="margin-left:12px;text-align: center;">
<select class="optionscolored" style="width: 280px;" onchange="location = this.value">

<option id="titre_option_non_visible">Le Forum de L_OMEF</option>

<option value="http://omega-foundation.allianceogame.com/c1-partie-publique">PARTIE PUBLIQUE</option>
<option value="http://omega-foundation.allianceogame.com/f5-recrutement"> >> Recrutement</option>
<option value="http://omega-foundation.allianceogame.com/f3-espace-detente"> >> Espace détente</option>
<option value="http://omega-foundation.allianceogame.com/f11-ambassade"> >> Ambassade</option>
<option value="http://omega-foundation.allianceogame.com/c2-section-interne-de-l-omega-foundation">SECTION INTERNE</option>


</select></span>
' );
})});

Et la partie du CSS associée:

Code:

/* -----------------------------------------------------------------------------------------*/
/* Modification de la Toolbar*/
/* ********************MARGES TOOLBAR**************** */
#toolbar_add span { margin:6 6px; }

/* **************************RETIRER RECHERCHE et LOUPE de la toolbar connexion et enregistrer et  BIENVENUE********** */
#fa_textarea { display: none!important; }
#fa_magnifier { display: none!important; }

/* *********************RETRAIT RÉSEAUX SOCIAUX******************** */
span#fa_share { display: none!important; }
 
 
/* ******************************IMAGE BARRE OUTIL FA************** */
/*#fa_toolbar , #fa_toolbar_hidden {background-image: url('LIEN IMAGE');*/
 
}

/* Menu déroulant */
/* concerne le select */
select.optionscolored{
color:white!important; /* change la couleur */
font-size:12px!important; /* change la taille */
font-weight:400!important; /* chiffre ou normal,bold */
}
/* concerne les options */
select.optionscolored option{
color:black!important;
background-color:white!important;
font-size:12px!important;
font-weight:400!important;
}

/* -----------------------------------------------------------------------------------------*/

Merci par avance.


Amicalement,

Jackhay

[jackhay]

Je remonte le sujet

[Gorgebvsh]

Bonjour, votre demande ne me semble pas réalisable par les groupes, néanmoins je vous propose ceci (il faut ajouter manuellement les noms de chaque personne autorisé):

Code:

$(function () {
    $(function () {
        $('#fa_search').before('<span id="toolbar_add"><span style="margin-left:12px;text-align:center"><select class="optionscolored" style="width:280px" onchange="location=this.value"><option id="titre_option_non_visible">Le Forum de L_OMEF</option><option value="/c1-partie-publique">PARTIE PUBLIQUE</option><option value="/f5-recrutement"> >> Recrutement</option><option value="/f3-espace-detente"> >> Espace détente</option><option value="/f11-ambassade"> >> Ambassade</option><option value="/c2-section-interne-de-l-omega-foundation">SECTION INTERNE</option><option class="protected">PROTECTED SECTION</option></select></span></span>');
        switch (_userdata.username) {
        case "USERNAME_1":
        case "USERNAME_2":
        case "USERNAME_3":
        case "USERNAME_4":
        case "USERNAME_5":
            $('.protected').show();
            break;
        default:
            $('.protected').remove();
            break;
        }
    });
});

Si je suis connecté a votre forum est que mon nom est dans la liste je verrai les options qui portent la classe CSS "protected", autrement elles seront supprimées

Remplacer "USERNAME_X" par un nom d'utilsateur, pour masquer une option du menu rajouter class="protected"

Code:

<option class="protected">PROTECTED SECTION</option>

Le nom doit être identique au forum, en fesant attention au majuscules et au caractères spéciaux

Il manquait un </span> que j'ai rajouter à la fin de votre code, je vous laisse finir vos options, je repasserai ultérieurement, si besoin

Cordialement.

[jackhay]

Merci Gorgebvsh. Pour la correction aussi ^^

Ça va demander quelques lignes lorsqu'il y aura plus de membres dans le groupe concerné; mais si on ne peut pas directement passer par les groupes, tant pis...

Je vais tester ça.

[Gorgebvsh]

Re .. je reviens vers vous, en relisant les posts de Ea, je suis tomber la dessus, j'aurai dû y penser plus tôt, il y a peut être possibilités de passer par là:

Code:

_userdata["user_level"] = 2;
// vaut 0 si l'utilisateur est un invité
// 1 si l'utilisateur est admin
// 2 si modérateur
// 3 si simple membre

Donc si vous voulez on peut gérer le menu si l'utilisateur est un invité, si l'utilisateur est admin, si l'utilisateur est modérateur ou simple membre

Quelque chose comme cela afficherai les options portant la classe CSS "protected" au admins, modérateurs est simple membres:

Code:

$(function () {
    $(function () {
        $('#fa_search').before('<span id="toolbar_add"><span style="margin-left:12px;text-align:center"><select class="optionscolored" style="width:280px" onchange="location=this.value"><option id="titre_option_non_visible">Le Forum de L_OMEF</option><option value="/c1-partie-publique">PARTIE PUBLIQUE</option><option value="/f5-recrutement"> >> Recrutement</option><option value="/f3-espace-detente"> >> Espace détente</option><option value="/f11-ambassade"> >> Ambassade</option><option value="/c2-section-interne-de-l-omega-foundation">SECTION INTERNE</option><option class="protected">PROTECTED SECTION</option></select></span></span>');
        switch (_userdata.user_level) {
            /* case 1 = admin, case 2 = modérateur, case 3 = simple membre */
        case 1:
        case 2:
        case 3:
            $('.protected').show();
            break;
            /* case 0 = invité, default = par défaut */
        default:
        case 0:
            $('.protected').remove();
            break;
        }
    });
});

Il suffit de supprimer la ou les lignes que vous ne souhaitez pas garder

exemple: on retire "case 3:" si on veut masquer les options au simple membres, il restera alors les modo et les admins

Cordialement.

[Arlem]

Salut

Il y peut-être également un moyen d'utiliser la valeur donnée par cette variable _lang["rank_title"] qui retourne le nom du rang, mais là encore ça reste différent du tri par groupe.

[jackhay]

Ok, merci pour les informations complémentaires.

C'était le tri par groupe que je voulais mettre en place. Donc c'est plus la première solution que vous m'avez donnée, Gorgebvsh, qui correspond le mieux à ma demande
D'ailleurs, c'est dommage qu'on ne puisse pas avoir accès à la variable "Nom de groupe".

En tout cas, merci à vous, Gorgebvsh et Arlem.


Amicalement,

Jackhay

[Gorgebvsh]

Re, à l'occasion vous demanderai à "Why not omega" si il voit bien les options ?

si rien ne s'affiche pour lui il faudra remplacer les espaces de son nom par "\u0020"

Code:

case "Why\u0020not\u0020omega":

si certains de vos membres on des caractères spéciaux, il faudra trouver son équivalent
ex: (caractère espace): http://www.fileformat.info/info/unicode/char/20/index.htm

Cordialement.

[jackhay]

Et bien encore merci, Gorgebvsh. Je n'aurais pas pensé à vérifier ces détails là

Amicalement.