[Résolu] Mettre un menu déroulant dans la toolbar

2 participants

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

Résolu [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Mar 19 Fév 2013 - 11:19

Bonjour

J'essaie vainement depuis quelques jours, d'installer sur la toolbar, un menu déroulant du style de celui ci-dessous. Je n'y arrive pas.

Avez-vous une solution.

Merci

Code:
<div style="text-align: center;">
          <select class="optionscolored" style="width: 280px;" onchange="location = this.value">
              <option selected="selected">JOINDRE UN ADMINISTRATEUR</option>
              <option value="http://www.anciens-cols-bleus.net/u908">- Alain  29</option>
              <option value="http://www.anciens-cols-bleus.net/u997contact">- centime44</option>
              <option value="http://www.anciens-cols-bleus.net/u2792">- Charly.</option>
              <option value="http://www.anciens-cols-bleus.net/u658contact">- COLLEMANT Dominique</option>
              <option value="http://www.anciens-cols-bleus.net/u1327contact">- Franjacq</option>
              <option value="http://www.anciens-cols-bleus.net/u255contact">- Momo</option>
              <option value="http://www.anciens-cols-bleus.net/u269contact">- SEGALEN Georges</option>
            </select>
        </div>


Dernière édition par FANCH 56 le Ven 22 Fév 2013 - 19:39, édité 3 fois
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Invité Mar 19 Fév 2013 - 19:25

Salut FANCH 56,

j'ai inséré ton code dans ma P.A et j'ai ce résultat :
[Résolu] Mettre un menu déroulant dans la toolbar 112

As tu la même apparence ?

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Mar 19 Fév 2013 - 19:58

Pour l'instant j'ai çà mais dans un widget. Mais c'est bien cela le visu.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Invité Mar 19 Fév 2013 - 20:01

Re,
Ok
tu veux l'installer sur la toolbar ??
a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Mar 19 Fév 2013 - 20:02

Affirmatif
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Invité Mar 19 Fév 2013 - 20:14

Re,

effectivement la toolbar cache systématiquement la tienne pale .

Que ce soit en position absolute ou fixed Sad .
On peut la positionner juste en dessous mais est ce ton souhait ?

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Mar 19 Fév 2013 - 20:17

Cela doit-être faisable, puisque le "Bienvenue" est fait de cette manière.

Je rame, je rame...........
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Invité Mer 20 Fév 2013 - 3:18

Salut FANCH 56,

comment as tu intégré ces notifications sur la Toolbar stp ?
a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Mer 20 Fév 2013 - 8:05

C'est d'origine
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Invité Mer 20 Fév 2013 - 15:36

Re,
ok merci mais comment as tu procédé stp ?


a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Mer 20 Fév 2013 - 16:33

Quelles notifications ?
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Invité Mer 20 Fév 2013 - 16:49

Re,
celles ci:
[Résolu] Mettre un menu déroulant dans la toolbar 113

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Mer 20 Fév 2013 - 16:57

JAVASCRIPT

Code:
$(function (){$(function (){
       
              $('#fa_left').after(
                '<span id="toolbar_add"><span class="fa_tbMainElement"><a href="/f19-" style="color:red">SE PRÉSENTER</a></span>'+
                '<span class="fa_tbMainElement"><a href="mailto:contactacb@sfr.fr" style="color:blue">CONTACT</a></span>'+
                '<span class="fa_tbMainElement"><a href="/h1-liens-amis" style="color:blue">Liens amis</a></span>'+
                '<span class="fa_tbMainElement"><a href="/donate.forum" style="color:black">Contribution</a></span>'+
                '<span class="fa_tbMainElement"><a href="/t18237-#652414" style="color:#C03000">Réglement A.C.B.</a></span>'+
                '<span class="fa_tbMainElement"><a href="/t20091-" style="color:blue">Qui mieux que nous ?</a></span></span>'
              )
       
        })});



CSS

Code:
/* ********************MARGES TOOLBAR**************** */
#toolbar_add span { margin:6 6px; }


/* **************élemants dépassant ******************** */
        #fa_toolbar { overflow: hidden; }

/* **************** COULEUR TEXTE DE LA TOOLBAR***************** */

body #fa_share_text, body #fa_right.notifications #fa_menu #fa_welcome , body #fa_right #fa_menu #fa_welcome, body #fa_right #fa_notifications { color: black; font-size: 15px; }
body #fa_toolbar #fa_service { color: black!important }


/* ***********************couleur mot notification Toolbar****************** */
        #fa_right a.rightHeaderLink, #fa_icon, #fa_toolbar #fa_service  {
        color: red !important;
        }

/* **************************RETIRER RECHERCHE et LOUPE de la toolbar connexion et enregistrer et  BIENVENUE********** */

#fa_textarea { display: none!important; }
#fa_magnifier { display: none!important; }
#fa_welcome {display: none!important; }
#fa_notifications {display: none!important; }
/* *********************RETRAIT RÉSEAUX SOCIAUX******************** */

        #fa_share { display: none!important; }

#fa_textarea {display: none!important;}

/* ******************************IMAGE BARRE OUTIL FA************** */
        #fa_toolbar, #fa_toolbar_hidden {background-image: url('LIEN IMAGE');
 
}
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Invité Mer 20 Fév 2013 - 17:03

Re,


ce n'est pas ma tasse de thé FANCH56 reflexion ,
le java et moi ça fait presque trois Sourire2 .

je vais regarder de plus près et voir ce que l'on peut faire ,
en attendant si les maitres du java passent par là Wink .
a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Mer 20 Fév 2013 - 17:05

Si c'est pour toi, il te suffit de reprendre, et juste changer les liens href, et les mots correspondants.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Invité Mer 20 Fév 2013 - 17:34

Re,
en fait çà me plait bien cheers :

Tu peux essayer ceci FANCH56:
Code:
$(function (){$(function (){
             
                      $('#fa_left').after(
                        '<span id="toolbar_add">
<span class="fa_tbMainElement"><a href="/f19-" style="color:red">SE PRÉSENTER</a></span>'+
                        '<span class="fa_tbMainElement"><a href="mailto:contactacb@sfr.fr" style="color:blue">CONTACT</a></span>'+
                        '<span class="fa_tbMainElement"><a href="/h1-liens-amis" style="color:blue">Liens amis</a></span>'+
                        '<span class="fa_tbMainElement"><a href="/donate.forum" style="color:black">Contribution</a></span>
'+'<span class="fa_tbMainElement"><a href="/t18237-#652414" style="color:#C03000">Réglement A.C.B.</a></span>'+
                        '<span class="fa_tbMainElement"><a href="/t20091-" style="color:blue">Qui mieux que nous ?</a></span>'+'<span style="margin-left:10px;text-align: center;">
                  <select class="optionscolored" style="width: 280px;" onchange="location = this.value">
                      <option selected="selected">JOINDRE UN ADMINISTRATEUR</option>
                      <option value="http://www.anciens-cols-bleus.net/u908">- Alain  29</option>
                      <option value="http://www.anciens-cols-bleus.net/u997contact">- centime44</option>
                      <option value="http://www.anciens-cols-bleus.net/u2792">- Charly.</option>
                      <option value="http://www.anciens-cols-bleus.net/u658contact">- COLLEMANT Dominique</option>
                      <option value="http://www.anciens-cols-bleus.net/u1327contact">- Franjacq</option>
                      <option value="http://www.anciens-cols-bleus.net/u255contact">- Momo</option>
                      <option value="http://www.anciens-cols-bleus.net/u269contact">- SEGALEN Georges</option>
                    </select>
                </div></span>'
                      )
             
                })});


a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Mer 20 Fév 2013 - 18:05

Alors là chapeau. J'ai essayé cela, mais j'ai dû oublier quelque chose.

Super et merci. Donc réalisable pour mettre d'autres choses ainsi

Résolu
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Mer 20 Fév 2013 - 18:11

J'essaie de mettre à gauche en premier à côte de Forumactif, je ne trouve pas, çà casse le code.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Invité Mer 20 Fév 2013 - 18:20

Re,

Pour la modification supprimes et remplaces par
Code:

$(function (){$(function (){
             
                      $('#fa_left').after(
                        '<span id="toolbar_add">
<span style="margin-left:10px;text-align: center;">
                  <select class="optionscolored" style="width: 280px;" onchange="location = this.value">
                      <option selected="selected">JOINDRE UN ADMINISTRATEUR</option>
                      <option value="http://www.anciens-cols-bleus.net/u908">- Alain  29</option>
                      <option value="http://www.anciens-cols-bleus.net/u997contact">- centime44</option>
                      <option value="http://www.anciens-cols-bleus.net/u2792">- Charly.</option>
                      <option value="http://www.anciens-cols-bleus.net/u658contact">- COLLEMANT Dominique</option>
                      <option value="http://www.anciens-cols-bleus.net/u1327contact">- Franjacq</option>
                      <option value="http://www.anciens-cols-bleus.net/u255contact">- Momo</option>
                      <option value="http://www.anciens-cols-bleus.net/u269contact">- SEGALEN Georges</option>
                    </select>
                </span>'+'
<span class="fa_tbMainElement"><a href="/f19-" style="color:red">SE PRÉSENTER</a></span>'+
                        '<span class="fa_tbMainElement"><a href="mailto:contactacb@sfr.fr" style="color:blue">CONTACT</a></span>'+
                        '<span class="fa_tbMainElement"><a href="/h1-liens-amis" style="color:blue">Liens amis</a></span>'+
                        '<span class="fa_tbMainElement"><a href="/donate.forum" style="color:black">Contribution</a></span>
'+'<span class="fa_tbMainElement"><a href="/t18237-#652414" style="color:#C03000">Réglement A.C.B.</a></span>'+
                        '<span class="fa_tbMainElement"><a href="/t20091-" style="color:blue">Qui mieux que nous ?</a></span>
'
                      )
             
                })});


après chaque
Code:
</span>
il faut ceci:
Code:
'+'
et tu reprends un autre élément Wink .


Heureux de t'avoir aidé FANCH56 Wink .

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Jeu 21 Fév 2013 - 10:43

Je ralnce.

Avec le code définitif ci-dessous

Code:
$(function (){$(function (){
                   
                              $('#fa_left').after(
                                '<span id="toolbar_add">
        <span style="margin-left:10px;text-align: center;">
                          <select class="optionscolored" style="width: 280px;" onchange="location = this.value">
                              <option selected="selected">JOINDRE UN ADMINISTRATEUR</option>
 <option value ="mailto:contactacb@sfr.fr" style="color:blue"> CONTACT FONDATEUR</option>
                              <option value="http://www.anciens-cols-bleus.net/u908"> Alain  29</option>
                              <option value="http://www.anciens-cols-bleus.net/u997contact"> centime44</option>
                              <option value="http://www.anciens-cols-bleus.net/u2792"> Charly.</option>
                              <option value="http://www.anciens-cols-bleus.net/u658contact"> COLLEMANT Dominique</option>
                              <option value="http://www.anciens-cols-bleus.net/u1327contact"> Franjacq</option>
                              <option value="http://www.anciens-cols-bleus.net/u255contact"> Momo</option>
                              <option value="http://www.anciens-cols-bleus.net/u269contact"> SEGALEN Georges</option>
            
                            </select>
                        </span>'+'
        <span class="fa_tbMainElement"><a href="/f19-" style="color:red">SE PRÉSENTER</a></span>'+
                             
                                '<span class="fa_tbMainElement"><a href="/h1-liens-amis" style="color:blue">Liens amis</a></span>'+
                                '<span class="fa_tbMainElement"><a href="/donate.forum" style="color:black">Contribution</a></span>
        '+'<span class="fa_tbMainElement"><a href="/t18237-#652414" style="color:#C03000">Réglement A.C.B.</a></span>'+
                                '<span class="fa_tbMainElement"><a href="/t20091-" style="color:blue">Qui mieux que nous ?</a></span>
        '
                              )
                   
                        })});

Je me retrouve avec le titre deux fois, une fois sur la barre, et une fois dans le déroulant. Comment faire pour ne pas avoir le titre à l'intérieur du déroulant ?

Merci

[Résolu] Mettre un menu déroulant dans la toolbar Captur37
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Invité Jeu 21 Fév 2013 - 16:32

Salut FANCH56,
le javascript se répète comme sur les menus déroulants de nos forums Wink
mais te dire comment supprimer l'affichage secondaire je n'en sait rien du tout Wink .

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Jeu 21 Fév 2013 - 16:40

J'avais réussi pour un menu déroulant il y a longtemps, mais là je bloque.

Mais j'laurai un jour.......j'laurai
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Ven 22 Fév 2013 - 13:30

Je fais remonter
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par Ea Ven 22 Fév 2013 - 13:50

Bonjour,


Normalement :

- on met le titre en dehors :

Code:
Contacter un administrateur : <select><option></option><option>pierre</option><option>jacques</option><option>pol</option></select>

- on laisse le titre dedans : https://i.imgur.com/gA3yryI.png

Mais j'imagine qu'on pourrait mettre :

Code:
<option id="titre_option_non_visible">option qu'on ne veut pas voir</option>
Et mettre dans le css :

Code:
#titre_option_non_visible { display: none; }
Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Résolu] Mettre un menu déroulant dans la toolbar

Message par FANCH 56 Ven 22 Fév 2013 - 16:05

Bonjour EA et merci

Je vais faire un essai.........

A suivre......

EDIT : 16H14

Cela fonctionne.

Voici le javascript qui fonctionne pour ceux que cela intéresse.

Code:
$(function (){$(function (){
                   
                              $('#fa_right').after(
                                '<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">JOINDRE UN ADMINISTRATEUR</option>

 <option value ="mailto:ADRESSE EMAIL DU FONDATEUR" style="color:blue"> CONTACT FONDATEUR</option>
                              <option value="http://www.anciens-cols-bleus.net/u908"> Alain  29</option>
                              <option value="http://www.anciens-cols-bleus.net/u997contact"> centime44</option>
                              <option value="http://www.anciens-cols-bleus.net/u2792"> Charly.</option>
                              <option value="http://www.anciens-cols-bleus.net/u658contact"> COLLEMANT Dominique</option>
                              <option value="http://www.anciens-cols-bleus.net/u1327contact"> Franjacq</option>
                              <option value="http://www.anciens-cols-bleus.net/u255contact"> Momo</option>
                              <option value="http://www.anciens-cols-bleus.net/u269contact"> SEGALEN Georges</option>
            
                            </select>
                        </span>'+'
        <span class="fa_tbMainElement"><a href="/f19-" style="color:red">Se présenter</a></span>'+
                             
                                '<span class="fa_tbMainElement"><a href="/h1-liens-amis" style="color:blue">Liens amis</a></span>'+
                                '<span class="fa_tbMainElement"><a href="/donate.forum" style="color:black">Contribution</a></span>
        '+'<span class="fa_tbMainElement"><a href="/t18237-#652414" style="color:#C03000">Réglement A.C.B.</a></span>'+
                                '<span class="fa_tbMainElement"><a href="/t20091-" style="color:blue">Qui mieux que nous ?</a></span>
        '
                              )
                   
                        })});
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 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