AlertMP absente sur page d'accueil

Bonjour,

Je profite de l’accalmie saisonnière  

J'ai ce script installé sur toutes les pages:


Avec ce CSS:


Cela fonctionne correctement sur toutes les pages sauf sur la page d'accueil. Je n'ai pas trouvé pourquoi.

J'ai mis un 2MP pour Philippe sur son ID d'accès pour lui permettre d'essayer de comprendre cette anomalie.

Merci pour votre aide.

Hello Serge,

Je profite de l’accalmie saisonnière

Tu as bien raison .


Tu n'as pas trouvé tout seul la raison Serge?

Elle est flagrante pourtant,un peu de recherche afin que tu puisses comprendre aisément:

Qu'est ce qui pourrait agir pour que cette notification n'apparaisse pas sur l'index?
Ah, tu donnes ta langue au tit minou ?

Le clic express, les votes etc etc le script n'apparait pas sur l'index.
On a positionné l'alerte des mps après les votes il me semble??

Ensuite pour être cohérent avec le reste de tes barres de navigation et afin de ne pas gêner
le reste et que cette alerte soit toujours visible.
On va positionner l'alerte des MPS après la Toolbar de Forumactif.

Le script modifié:

Code:

    //Message MP sur barre notification
    jQuery(function(){ 
      var image="https://2img.net/i/fa/prosilver/icon_message.png";
              //Masquer pour ne pas mettre le 0 devant message
              // $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> 0 Message');

                $.get('/privmsg?folder=inbox' , function(data){
                var mp= $(data).find('form[action="/privmsg?folder=inbox"]  dl[style*="https://i.servimg.com/u/f84/15/47/64/73/i_fold12.gif"]').length;
                if(mp==1)
                {
                $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> '+mp+' Message').addClass('M14_newMp');
            $('#fa_toolbar').after('<a href="/privmsg?folder=inbox"class="M14_alertMp"><img src='+image+'> Vous avez un message privé</a>');
                }
                else if(mp>1)
                {
                $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> '+mp+' Messages').addClass('M14_newMp');
            $('#fa_toolbar').after('<a href="/privmsg?folder=inbox"class="M14_alertMp"><img src='+image+'> Vous avez '+mp+'  messages privés</a>');

                }
                });
                });


Puis le bouton des alertes modifié sur le style:

Code:


a.M14_alertMp {
    background-color: red;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 30px;
    position: fixed;
margin-top: 60px;
  margin-left:5px;
    padding: 0 5px;
    text-decoration: none !important;
    z-index: 999;
}



Et voilou

Bonjour Philippe,

Me doutais qu'il y avait une anomalie à cause des boutons absents mais je n'étais pas sur.

Merci pour ton script corrigé.

En le plaçant en l'état avec le css je n'ai pas réussi à mettre cette alerte où je voulais.

J'ai enfin pu la mettre où je voulais en modifiant $('#fa_toolbar').after par $('a#fa_welcome').before et en ajustant le CSS.

ça donne ça:

Code:

//Messsage MP sur barre notification
        jQuery(function(){
          var image="https://2img.net/i/fa/prosilver/icon_message.png";
                  //Masquer pour ne pas mettre le 0 devant message
                  // $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> 0 Message');

                    $.get('/privmsg?folder=inbox' , function(data){
                    var mp= $(data).find('form[action="/privmsg?folder=inbox"]  dl[style*="https://i.servimg.com/u/f84/15/47/64/73/i_fold12.gif"]').length;
                    if(mp==1)
                    {
                    $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> '+mp+' Message').addClass('M14_newMp');
                $('a#fa_welcome').before('<a href="/privmsg?folder=inbox"class="M14_alertMp"><img src='+image+'> Vous avez un message privé</a>');
                    }
                    else if(mp>1)
                    {
                    $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> '+mp+' Messages').addClass('M14_newMp');
                $('a#fa_welcome').before('<a href="/privmsg?folder=inbox"class="M14_alertMp"><img src='+image+'> Vous avez '+mp+'  messages privés</a>');
                    }                                                                      
                    });
                    });

et le CSS:

Code:

/*Apparence nouveaux MP sur la barre de navigation*/
a.M14_alertMp {
    background-color: red;
    font-size: 12px!important;
    line-height: 24px;
    margin-left: -200px;
    margin-top: 3px;
    padding: 0 5px;
    position: fixed;
    text-decoration: none!important;
}


C'est en place pour que tu puisses voir.

1 truc bizarre: quand je passe la souris dessus, le fond devient blanc et le texte en noir; ça ne me gêne pas plus que ça au contraire.
Mais ça fait ça aussi quand je passe la souris sur "Bienvenue xxx".

Et la cerise sur le gâteau Phil, serait d'avoir aussi une infobulle "cliquer pour voir ses messages"

Hello Serge,

pour éviter ce désagrément, tu peux modifier le style du bouton:

Code:

   /*Apparence nouveaux MP sur la barre de navigation*/
    a.M14_alertMp {
        background-color:red !important;
        color:white !important
        font-size: 12px!important;
        line-height: 24px;
        margin-left: -200px;
        margin-top: 3px;
        padding: 0 5px;
        position: fixed;
        text-decoration: none!important;
    }


Je ne vois pas de changement au survol de "Bienvenue xxx"   .

Ton script modifié:

Code:

//Messsage MP sur barre notification
    jQuery(function(){  
      var image="https://2img.net/i/fa/prosilver/icon_message.png";
               //Masquer pour ne pas mettre le 0 devant message
               // $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> 0 Message');

$.get('/privmsg?folder=inbox' , function(data){
                var mp= $(data).find('form[action="/privmsg?folder=inbox"]  dl[style*="https://2img.net/i/fa/prosilver/icon_message.png"]').length;
                 if(mp==1)
                {
                $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> '+mp+' Message').addClass('M14_newMp');
            $('a#fa_welcome').before('<a href="/privmsg?folder=inbox"class="M14_alertMp "title="Cliquer pour voir le message"><img src='+image+'> Vous avez un message privé</a>');
                }
                else if(mp>1)
                {
                $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> '+mp+' Messages').addClass('M14_newMp');
            $('a#fa_welcome').before('<a href="/privmsg?folder=inbox"class="M14_alertMp"title="Cliquer pour voir les messages"><img src='+image+'> Vous avez '+mp+'  messages privés</a>');

                }
                   // start tooltipster
$('.M14_alertMp').tooltipster({
          animation : 'grow',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
        // end tooltipster
                });
                });

En fait le script comporte deux ligne , une pour le singulier et une autre pour le pluriel.

J'ai donc ajouté l'infobulle pour le singulier ici:

Code:

 
    if(mp==1)
                {
                $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> '+mp+' Message').addClass('M14_newMp');
            $('a#fa_welcome').before('<a href="/privmsg?folder=inbox"class="M14_alertMp "title="Cliquer pour voir le message"><img src='+image+'> Vous avez un message privé</a>');
                }



Code:

 $('a#fa_welcome').before('<a href="/privmsg?folder=inbox"class="M14_alertMp "title="Cliquer pour voir le message"><img src='+image+'> Vous avez un message privé</a>');

Et pour le pluriel ici:

Code:

      else if(mp>1)
                {
                $('a.mainmenu[href="/privmsg?folder=inbox"]').html('<img src='+image+'> '+mp+' Messages').addClass('M14_newMp');
            $('a#fa_welcome').before('<a href="/privmsg?folder=inbox"class="M14_alertMp"title="Cliquer pour voir les messages"><img src='+image+'> Vous avez '+mp+'  messages privés</a>');

                }

Code:

  $('a#fa_welcome').before('<a href="/privmsg?folder=inbox"class="M14_alertMp"title="Cliquer pour voir les messages"><img src='+image+'> Vous avez '+mp+'  messages privés</a>');


Comme tu utilises la librairie Tooltip, j'ai ajouté cette portion afin d'avoir l'infobulle:

Code:

// start tooltipster
$('.M14_alertMp').tooltipster({
          animation : 'grow',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
        // end tooltipster

Re Serge,
je me suis permis de modifier le script sur ton fofo comme je suis Admin car j'avais déposé le lien de l'image de mon fofo au lieu du tien

Bonsoir Phil,

Pour le CSS c'est OK

Pour le JS, le lien de l'image n'est pas le même qu'avant.
Je l'ai changé, mais je n'ai pas l'infobulle.


Edit:
Je viens de voir ton message.
On a fait la manip en même temps, on dirait.

Peux-tu revérifier, car je n'ai pas l'infobulle. Je ne touche plus à rien avant ton prochain message

J'en reviens, c'est tout bon Philippe.

T'es trop fort

Enore un grand merci l'ami pour ton aide

De rien Serge .

-Staff du Forum Milouze14- Hello  Sujet résolu et déplacé dans le forum adéquat. Pour toute information,merci de contacter un Membre du Staff