[Résolu] Mon code de toolbar ne fonctionne plus

[FANCH 56]

Bonjour

Depuis la mise à jour, ce code java ne fonctionne plus. I permet d'afficher des menus déroulant dans la toolbar.

Avez-vous une solution ?

Merci

Code:


$(function (){$(function (){
                              
                                             $('#fa_left').after(
                                                '<span id="toolbar_add">
                    
       
       
       <span style="margin-left:12px;text-align: center;">
                                          <select class="optionscolored" style="width: 160px;" onchange="window.open(this.value)">
                            
                       <option id="titre_option_non_visible">MENU PRINCIPAL</option>
            
       
       
                     <option value="http://www.anciens-cols-bleus.net/t20091-qui-mieux-que-nous" target="_blank"> Qui mieux que nous ?</option>
        
                           <option value="http://www.anciens-cols-bleus.net/t18237-reglement-et-charte-du-forum#652414" target="_blank"> Règlement</option>
        
                                               <option value="http://www.anciens-cols-bleus.net/f19-pour-se-presenter-en-franchissant-la-coupee-le-1er-jour-c-est-ici" target="_blank"> Se présenter</option>
        
                                               <option value="http://www.anciens-cols-bleus.net/donate.forum" target="_blank"> Contribution</option>
        
                                               <option value="http://www.anciens-cols-bleus.net/f158-recherches-de-camarades" target="_blank"> Recherche de camarades</option>
        
                                               <option value="http://www.anciens-cols-bleus.net/f199-didacticiels-pour-les-nuls" target="_blank"> Didacticiels</option>
        
                                               <option value="http://www.anciens-cols-bleus.net/f126-trucs-et-astuces" target="_blank"> Astuces</option>
        
                                               <option value="http://www.anciens-cols-bleus.net/f204-forum-pour-apprentissage" target="_blank"> Apprentissage</option>

 <option value="http://www.anciens-cols-bleus.net/t20101-trucs-et-astuces-comment-utiliser-le-panneau-lateral-video" target="_blank"> Utilisation du panneau latéral (vidéo)</option>

        
                   </select>
                                        </span>'+'
        
       
       <span style="margin-left:12px;text-align: center;">
                                          <select class="optionscolored" style="width: 230px;" onchange="window.open(this.value)">
                            
                       <option id="titre_option_non_visible">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="/h1-liens-amis" style="color:blue">Liens amis</a></span>
                                                                                                  
                                           '
                                              )
                              
                                       })});

[Invité]

Salut FANCH 56 ,
ton code Javascript fonctionne parfaitement :
http://invision.bbactif.com/

Regarde plutôt avec des éventuels codes qui bloqueraient l'exécution de ce dernier   .

a++

[FANCH 56]

Merci Milouze, mais j'ai beau tout faire, je retire les scripts un à un, et je les remets, et rien n'apparaît.

Alors que tout fonctionnait avant mon départ en vacances.

Je commence à douter de moi.............si si

[FANCH 56]

Est-ce que le code CSS associé est bon ,

Code:

/* ***********************************************MENUS DÉROULANTS*************************** */
/* concerne le select */
select.optionscolored{
color:#ED0101!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:blue!important;
font-size:12px!important;
font-weight:400!important;
}

[Invité]

Re,
la C.S.S est toujours valide mon ami,
je ne vois pas ta toolBar sur ton forum est ce normal ?
Edit:
On ne voit que le module d'enregistrement et de connexion .

a++

[FANCH 56]

Hé oui c'est la le hic................... les menus n'apparaissent pas.

Est-ce que le CSS ne poserait pas le problème ?

Code:


    /* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */

    form#quick_reply div#textarea_content {
             width: 700px !important;
             height: 200px !important;
             }

    /* *************** TEXTE ET CARACTÈRES ********************************************* */

    a {

    text-decoration: none;
    }

    h3, .h3 {

     font-family: Arial;

     text-transform: uppercase;

     border-bottom: 1px solid #e3e5e8;

     margin-bottom: 3px;

     padding-bottom: 2px;

     font-size: 1.05em;

     color: #000000;

     margin-top: 20px;

    }

    /* ************** LIENS ********************************************************* */

    a:link, a:visited, a:hover, a:active, a:focus {

     text-decoration: none;
    }

    a:visited {

     color: #770011;
    }

    a:hover {

     font-style:italic;
    }

    a:hover {

     text-decoration: none !important;
    }


     /* *****************SUPPRESSION DE LA PALETTE DES COULEURS  OK****************** */

            .sceditor-button.sceditor-button-color{display:none !important;}

    /* ***********************************************MENUS DÉROULANTS*************************** */
    /* concerne le select */
    select.optionscolored{
    color:#ED0101!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:blue!important;
    font-size:12px!important;
    font-weight:400!important;
    }


    /* ************************************************TOOLBAR*********************************************************** */
            #fa_right {
            float: right;
            font-size: 14px;
            margin-right: 100px;
            }


    /* **********************************TOOLBAR NON RÉTRACTABLE ***************** */

            #fa_hide {display: none !important;}



    /* **********************CACHER LE TITRE JOINDRE UN ADMI*************************** */

    #titre_option_non_visible { display: none;}

    /* **************** 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: red; font-size: 17px; }
    body #fa_toolbar #fa_service { color: blue !important }

    /* ********************MARGES TOOLBAR**************** */

    #toolbar_add span { margin:6 6px; }

    /* ******************************IMAGE BARRE OUTIL FA************** */

    #fa_toolbar, #fa_toolbar_hidden {background-image: url('http://acbpr.fr/cb/techno/rubanor3deux.jpg');}

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

    body #fa_toolbar #fa_menu #fa_welcome { color: blue; }

    /* *****************************COULEUR DU CHIFFRE NOTIFICATION****************** */

            #notif_unread { color: red; }

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

    #fa_textarea { display: none!important; }
    #fa_magnifier { display: none!important; }

    /* *********************RETRAIT RÉSEAUX SOCIAUX******************** */

            #fa_share { display: none!important; }

    #fa_textarea {display: none!important;}

    /* *****************************************************************FIN CODES TOOLBAR************************************* */






    /* ***************************POSITION DU LOGO ACB SUR LA PAGE INDEX****************** */
            #logo img { margin-top:40px;}

    /* ****************** OUI POUR INVISIBLE SUPPRIMÉ*************** */  

    input[name=hideonline] { display:none; }

    /* ******************************CACHE WIDGET INOPÉRANT******* */

            .widget-arrow {
            height: 138px;
            width: 40px;
            border-radius: 00px;
            float: left;
            cursor: pointer;
            background: #f5ebf7 url(http://acbpr.fr/cb/techno/ouvrir5.jpg) no-repeat 0 0;
            }
            .widget-arrow.isright {
            float: right;
            }
            .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
            background-position: 0px 0px;
            }

         #widget-arrows {
            height: 38px;
      position: fixed;
      bottom: 140px;
    }

    /* *********Suppression de rechercher dans les forums****** */

            div.search-footer-box form#forum-search {
            display : none;
            }


    /* ************ SPOILER *********************************************** */

    dl.spoiler,dl.spoiler>dd {background:#494949 !important;color:#FFF;}


    .spoiler {

        background-color: #60616B;

        }

    .spoiler dt {

     border-bottom: 1px solid #494949 !important;

     background-color:#494949 !important;

    background:#494949 url(http://acbpr.fr/cb/techno/oeil.gif) no-repeat !important;

    text-indent:1500px !important;

     font-size:0px;
      
     color:#60616B;
      

     height:25px !important;

     overflow: hidden !important;

     /*. img: max-width:500px;*/
     max-width:700px;
    }

    .spoiler dd {

     padding: 0px;
    }

    /* *************************AVATAR DERNIER POST ************* */

                    .mini_ava {
              float: left;
            }
            .mini_ava img {
              width: 45px;
              height: 35px;
              margin: 0 5px;
              border-radius: 00px;
              transition: all 2s;
              -moz-transition: all 2s;
              -webkit-transition: all 2s;
              -o-transition: all 2s;
            }
            .mini_ava img:hover
            {
              width: 150px;
              height: 100px;
            }

    /* **************Début - style pour vérification pseudo à l'inscription*********************** */
    #username_reg {
      color: #a90c0c;
    }
    #username_reg.okusername {
      color: #2f9122;
    }

    /* *****************COULEUR BOUTONS CGU *************** */

            #main-content a.cgu-buttons {
                color: red;
                padding: 3px 5px;
            }

    /* ***********suppression onglet avatar************** */

    ul.privmsg a[href^="/profile?mode=editprofile&page_profil=avatars"] { visibility: hidden; font-size:1px; }

    /* ********* OUI INVISIBLE POUR LA NEWS LETTER****************** */

    input[name=hideonline] {
    orma
    display:none;
    }

    /* ************* suppression du oui pour Cacher sa présence en ligne ************* */

    input[name=hideonline] {

    display:none;
    }

    /* ************ HAUTEUR ZONE DE SAISIE POSTS ET TAILLE DES POLICES INOPÉRANT***************************** */
            
           #textarea_content iframe#text_editor_iframe, #text_editor_textarea {
            
             height:400px;
            
             font-size: 17px !important;
                font-family: Arial;
                line-height:21px;
      background-color:#E6E8C5;
        }

    /* ************* TAILLE et CARACTÈRES DES POLICES DANS LES POSTS ********************************** */

    .postbody {

     background-color:#ffffee;

     font-size:16px;
      
       font-family: Arial;
      
     line-height:21px;

     letter-spacing:normal;
    }

    /* ***************COULEUR D'ÉCRITURE DANS LES POSTS *************************** */

    .post-container {
    color: #000001;
    }

    /* ***********JUSTIFICATION DU TEXTE************* */
    .body {
            text-align: justify;
            }

     /* ************* LIMITER LA TAILLE DES IMAGES DANS LES SIGNATURES *********** */

    .signature_div img {

     max-height:50px;
    }

    /* ************* LIGNE SÉPARATION SIGNATURE **************************************** */

    .signature {border-top: 4px solid #777777;
    }

    .post {

     border-bottom: 2px solid #cccccc;
    }

    /* ************* CENTRER LES SIGNATURES *********** */
    .signature_div { text-align: center;}

    /* ************ MENU DÉROULANT********** */      

    select.optionscolored{
                font-weight: bold;
                font-size: 16px;
                color: #EA0000
    
          }
              select.optionscolored option {
       font-size: 12px;
       font-weight: normal;
              color:BLUE;
            }

    /* ************* effacement du texte du rang *********** */

    .rang-hidden {visibility: hidden;}

    /* ******************SCROLLING DES PROFILS ****************** */

            ul.profile_field_list
    { max-height: 200px; max-width :200px; overflow: auto;}

    /* ************** CENTRAGE DES PHOTOS EN AGRANDISSEMENT AUTO **************** */

    .resizebox {
      display: block;
      margin: auto;
      margin-bottom: -19px;
    }

    .resize_img {
      display: block;
      margin: auto;
    }

    /* *******************SÉLECTION DES CODES *********** */

            .selectCode { float:right; text-transform: uppercase; cursor:pointer; }

    /* **********iframe des news**************************** */

    #bloc-news { max-height: 280px; overflow-y: auto; }
    #bloc-news div.module.postbody { padding: 1px; width: auto; }

    /* ************** COULEUR CASE RECHERCHER**************** */

    input.search
    {
    background-color: #FEF601!important; /* couleur du fond */
    color: #000000; /* couleur du texte */
    }

    /* *************** texte span qui clignote ******************** */

    .clignote {
          text-decoration: blink;
    }

    /* *****************DÉCALAGE DU TEXTE DANS LES POSTS************* */

    div.postbody {
    padding:5px;
    }

    /* ***************** COULEUR BOUTONS RÉPONDRE ******************** */

    .formbuttonrow .button {
        border: 1px solid white;
        font-size: 13px;
        background:red;
        color: #ffffff;
    }

    /* *************** COULEUR BOUTONS RÉPONSE RAPIDE ************ */


    #quick_reply .button {
    background: red;
    border: 1px solid white;
    color: white;
    font-size:13px;
    }

    /* *********** INTERLIGNES ENTRE PHOTO AVATAR ET PSEUDO ************************** */

    img {

     border-width: 0;

     padding-bottom: 10px;
    }

    /* ******************** DÉCALER LE BOUTON ALERTE ******************** */

    .post-footer img {

     padding-right: 100px;

     float:right;
    }

    /* ************ SUPPRESSION DES TITRES DES CATÉGORIES **************** */

    .maintitle.floated.clearfix {

     display:none;

     height: 30px;
      
    }

    /* ************ CENTRER TOUS LES TITRES DES WIDGETS ****************** */

    div.module h3 {

    text-align: center;
    }


    /* ************ HAUTEUR DES CASES DE TITRES DES WIDGETS *************** */

    .module .maintitle h3 {

     line-height: 20px;
    }

    /* ************* MARGE DES CASES DES TITRES DES WIDGETS ***************** */

    .module h3 {

     margin-top:5px;
    }

    /* ************* CHANGER L'ENCART CONTENANT LE TITRE D'UN WIDGET ************** */

    .module .maintitle {

      padding:1px;

      background-image: url('http://acbpr.fr/cb/techno/rubanor3deux.jpg');
    }

    /* ************ COULEUR DE FOND DES WIDGETS ********************************* */

    .module .box-content {

     background-color: #F0F0F0;
    }

    /* ************* COULEUR DES TITRES DES WIDGETS ******************************* */

    .module .maintitle h3 {

     float: none;

     font-size: 1em;

     color: #19233C;
    }

    /* **********POSITION DE LA BOITE DE SMILEYS ************************** */

    #smiley-box {

     float:right;
    }

    /* ************* ESPACEMENT DES SOUS FORUMS ***************************** */

    .row2 p .gensmall {

     letter-spacing:1px;

     line-height:22px;
    }


    /* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS  dans "Derniers sujets" *************** */
    .box-content #comments_scroll_container a {

     text-transform:uppercase;

    font-weight: bold;
    }

    /* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS ***************************** */
    a.topictitle {

     text-transform:uppercase;

    }

    /* ************** SUPPRESSION DU MOT FORUM DANS LES GATÉGORIES ************ */

    table.ipbtable th.forum {

     color: #c5c7ca;

     height:10px;
    }

    /* ************ CHANGEMENT DE COULEUR SURVOL DES COLONNES ****************** */

    /*--Topp TSF®--inVISION hover s-tabel-cell ---*/

    table.ipbtable td:hover{

     background-color:#fffdd2;
    }

    .row1 .row2:hover{

     background-color:#fffdd2;
    }

    /* *********** DÉTERMINE LA TAILLE (ET LA POSITION) DE LA CASE PROFIL DANS LE PROFIL AVANCÉ *** */

    #profile-advanced-right {

     float: right;

     margin:0px;

     width:240px;
    }
      
    /* ************ CHANGE LA COULEUR DE LA BARRE DE MODÉRATION ET PERMISSIONS **** */

    .bar {

     background-color: #ddddcc;

    }
      
     /* ************ CONTOUR BARRE DE NAVIGATION ********************************* */

    .submenu {

     background: #trans;
    }

    /* ************ COULEUR DU MENU DÉROULANT DU PROFIL ************************** */
    .popmenubutton-new-out a {

     width:230px;

     background-color: #dddd99;
    }

    /* ************ INTÉRIEUR DU MENU DÉROULANT DU PROFIL ************************* */
    .popupmenu li {

     background-color:#ffffcc;

     font-style: italic;

    }

    /* ************ PROFIL ******************************************************** */
    .box-content.profile {

     /*width:260px;*/   /*retrait*/

     background-color:#EFF0F3;

     font-style: italic;

                 font-size: 12px;
    }

    /* ************ ALIGNER LES DÉTAILS DANS LE PROFIL DES POSTS ********************* */

    .postprofile{
    text-align: left;
    }

    /* ************* BORDURE DU PROFIL DANS LES POSTS ******************************* */

    .postprofile {

     border:3px solid #8F9897 !important;

     float:right;

     margin-right: -14.4em;

     width:220px;
    }

    .popmenubutton-new-out a {

     background-color:#DDDD99;

     width:190px;
    }

    /* *************** CITER ********************************************************** */

    blockquote {

     background-color: #ddddaa;

     border: 1px dotted #000;
      
    background-image:none;
      
    
   }

    blockquote {

     font-style: italic;

     color : #40411E;
    }

    /* *************** CODE *********************************************************** */
                .codebox dt {background-image:none;}

              .codebox dt {  
                   background-color: #ffffee;
            
                    }
                        
            .codebox dd {

            background-color: #EFE2AD;

            border: 1px dotted #000;

            white-space:normal;

            }
                        
                   dl.codebox code {
                    color: #40411E;
              
                   }

    /* ************** DIVERS ****************************************************** */

    .pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {

     color:#000000;
    }

    .forumline {

     background-color:#242424;

     border:0px;
    }

    /* ************** BAS DE PAGE ************************************************* */

    #gfooter {

     background-color:#666666;
    }

    a:hover {

     color:#000000;

     text-decoration:underline;

     background-color: #c5c7ca;
    }

    /* ************** CHANGE LA COULEUR DE LA BARRE SUJET SUIVANT SUJET PRÉCÉDENT *** */

    .topic-footer {

     background-color: #aaaa99;

    }


    /* ************** ZONE DE SAISIE EMAIL FORMULAIRE ******************************* */

    textarea.inputbox {

    width: 800px;

    font-size:15px;

    background-color:#ffffff;
    }




    /* ********************************CODES DÉSACTIVÉS****************** */

    /* *************Position des boutons***********************DÉSACTIVÉ

    .
    .post-footer ul.posting-icons {
               float: left;
               }

    /* *********POSITION BOUTONS REPONDRE ET NOUVEAU **********désactivé
    .posting-options.topic-options
    {
    float: left;
    width:30%;
    }

    /* ************** COULEURS DE FOND DES POSTS ******** DÉSACTIVÉ****

    tr.post .row1{

     background-color: #ffffdd;
    }

    .row1.browse-arrows {

     background-color: #ffffcc;
    }

    .row1.messaging.gensmall {

     background-color: #ffffff;
    }

    /* ******************AVATAR SUR PORTAIL DÉSACTIVÉ***
           .avatar img  {
            min-width : 110px;
            min-height : 80px;
      
           }

[Invité]

C'est étonnant car chez moi tout fonctionne même avec le rajout de la CSS mentionnée .

a++

[Tech]

Bonjour,

Je dirais que vous avez un code javascript ou autre qui fout le "boxon" sur votre forum.
Si ils sont bien séparés, il faudrait les tester 1 à 1.

Une solution est de mettre 1 à 1 chaque javascript entre commentaire, pour rappel : /* Javascript ici */ et d'identifier le fautif.

Cordialement.

[FANCH 56]

J'ai passé ma journée d'hier à faire ceci. Mais je vais ressayer.

Nota : Ceci fonctionnait à merveille avant la M.A.J..........................

J'ai même essayé avec simplement ce code en service, he bien : Rien !!!!!!!!!!

[FANCH 56]

Résolu

Et ne me demandez pas comment !!!!!!!!!!!!!!!!!!!

J'ai tout retiré, et tout remis comme avant le retrait, et la toolbar fonctionne.

Ne reste plus qu'à régler le problème (dans un autre sujet) de mon panneau coulissant (widgets).

Merci à tous