[EDGE] Afficher les brouillons en attente sur toutes les pages etc etc

Hello les ami(e)s,

voici une astuce qui affichera respectivement:

Le nombre de brouillon(s) en attente (pluriel et singulier prit en compte).
Le lien du ou des sujet(s) concerné(s) (pluriel et singulier prit en compte).
Le lien vers le ou  les brouillons .

Aperçu imagé avec plusieurs brouillons:


Oui je sais, j'en fais pas mal .


Aperçu imagé avec un brouillon:



Vous pourrez modifier comme bon vous semble l'apparence aussi bien dans le script, ou vous pourrez vous aider des commentaires
afin de mettre votre propre couleur et tailles de police...

Dès qu'il y aura un brouillon, le membre verra s'afficher progressivement cette fameuse div

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur toutes les pages.

Déposez ceci:

Code:


$(function(){
        $('body').append('<div class="M14_Brouillon">
        <center><span class="M14_Brouillon_title"></span><br />
        <span class="M14_Brouillon_info"></span><br /></center>        
        <center class="M14_center"></center>
        <div class="M14_GetBrouillon"></div></div>');
        $.get('/search?search_id=draftsearch',function(data){
        var M14_brouillon=$(data).find('.table1').find('a[href$="mode=editpostdraft"]').length;
          var link='/search?search_id=draftsearch';
        // Couleur de police a changer ici
          var color='#01B0F0';
        //Taille de police du titre a changer ici
          var siZetitle='11px';
        //Taille de police du lien a changer ici
          var siZelink='11px';
      
      
        if(M14_brouillon ==1 )
        {
        $('.M14_Brouillon').fadeIn(1000);
        $('.M14_Brouillon .M14_Brouillon_title').html('<span style="color:'+color+';font-size:'+siZetitle+';">Brouillon en attente ( '+M14_brouillon+' )</span> ');
        $('.M14_Brouillon span.M14_Brouillon_info').html('<a style="font-size:'+siZelink+';color:'+color+';"href="'+link+'"title="Voir le brouillon en attente">Vous avez '+M14_brouillon+' brouillon en attente</a>');
        $('.M14_Brouillon center.M14_center').html('Le sujet concerné');
        $('.M14_GetBrouillon').load('/search?search_id=draftsearch .table1 a[href^="/t"]');
        }
        else if(M14_brouillon >=1 )
        {
        $('.M14_Brouillon').fadeIn(1000);
        $('.M14_Brouillon .M14_Brouillon_title').html('<span style="color:'+color+';font-size:'+siZetitle+';">Brouillons en attente ( '+M14_brouillon+' )</span> ');
        $('.M14_Brouillon span.M14_Brouillon_info').html('<a style="font-size:'+siZelink+';color:'+color+';"href="'+link+'"title="Voir les '+M14_brouillon+' brouillons en attente">Vous avez '+M14_brouillon+' brouillons en attente</a>');
        $('.M14_GetBrouillon').load('/search?search_id=draftsearch .table1 a[href^="/t"]');
        $('.M14_Brouillon center.M14_center').html('Les sujets concernés');
        }
        else{$('.M14_Brouillon').remove();
        }
        });
        });


Pensez a cliquer sur le bouton Valider


Puis le style:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutez ceci:

Code:


  /*Le conteneur des brouillons*/
    .M14_Brouillon
    {
    display:none;
    width:230px;
    border:2px solid #8E3557;
    background-color:#ffffff;
    padding: 2px;
    position: fixed;
    top:40px;
    left: 5px;
    }
    /*La partie annoncant Les sujets concernes*/
    .M14_Brouillon center.M14_center{font-size:13px;font-style:italic;color:#8E3557;}
    /*Suppression du soulignement des liens*/
    .M14_GetBrouillon a[href^="/t"],.M14_Brouillon a{text-decoration:none!important;}

    /*Le conteneur des sujets*/
    .M14_GetBrouillon
    {
    padding: 3px;
    min-height:60px;
    height:auto;
    max-height:200px;
    overflow-y:auto;
    margin: 3px;
    border: 1px dotted #333333;
    background-color:#ffffff;
    border-radius:6px;
    }
    /*Apparence des sujets dans le conteneur*/
    .M14_GetBrouillon a[href^="/t"]
    {
    float:left;
    margin-left:3px;
    color: #01B0F0!important;
    font-size:10px !important;
    white-space: nowrap;
    width:180px;
    overflow: hidden;
    }
    /*L asterisque devant les titres des sujets*/
    .M14_GetBrouillon a[href^="/t"]:before
    {
    content:"*";
    color:#8E3557;
    position: relative;
    top: 2px;
    margin-right: 5px;
    }


Pensez à valider les modifications en cliquant sur le bouton Valider



Dans le script,vous pouvez changer :

La transition d'affichage ici(à deux reprises):

Code:

$('.M14_Brouillon').fadeIn(1000);

Modifiez la valeur 1000( 1 seconde ) par celle que vous souhaitez.

Exemple si vous désirez 2 secondes:

Code:

$('.M14_Brouillon').fadeIn(2000);

La couleur de police ici:

Code:


// Couleur de police a changer ici
  var color='#01B0F0';


La taille de police du titre ici:

Code:


//Taille de police du titre a changer ici
  var siZetitle='11px';


La taille de police du lien ici:

Code:


//Taille de police du lien a changer ici
  var siZelink='11px';


Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Une question toute bête cependant, on fait comment pour utiliser les brouillons ?
J'ai bien coché la case au PA mais je ne vois pas comment en faire