Connexion

Récupérer mon mot de passe

Derniers sujets
» Socrate et la maïeutique "histoire"
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Aujourd'hui à 7:34 par Quad Daniel

» les Histoires Belge
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Hier à 7:34 par Quad Daniel

» histoire du Jour sans fin
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Lun 24 Juin 2019 - 14:04 par Quad Daniel

» Coca-Cola (histoire)
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Lun 24 Juin 2019 - 9:33 par bildil62

» Sœur Mathématiques et Sœur Logique
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Sam 22 Juin 2019 - 15:59 par bildil62

» Les deux bons potes "histoire"
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Ven 21 Juin 2019 - 19:45 par soleda

» *RESOLU*[PhpBB2] Onglet sur page d’accueil
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Mer 19 Juin 2019 - 16:38 par Milouze14

» Le spationaute belge
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Mer 19 Juin 2019 - 16:26 par Milouze14

» *RESOLU*[PhpBB2] Aide mise en forme page d’accueil merci
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Dim 16 Juin 2019 - 8:33 par Milouze14

» *RESOLU*[PhpBB2] Chatbox / Réinitialiser
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Ven 14 Juin 2019 - 19:55 par Milouze14

» *RESOLU*[PhpBB2] Bloquer les IP
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Jeu 13 Juin 2019 - 18:36 par Milouze14

» Les réseaux sociaux
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Mer 12 Juin 2019 - 7:51 par Romain

» [PhpBB2] Barre navigation supplémentaire
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Dim 9 Juin 2019 - 19:32 par Milouze14

» *RESOLU*[Invision] Réduction image avec clic agrandissement
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Sam 8 Juin 2019 - 19:07 par Milouze14

» Histoire de Blondes Sans Fin
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Sam 8 Juin 2019 - 19:01 par Quad Daniel

» *RESOLU*[PhpBB3] Interdiction de citer le dernier message
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Ven 7 Juin 2019 - 19:04 par Milouze14

» Règlement de l'entraide Forumactif
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Ven 7 Juin 2019 - 14:16 par jakes

» *RESOLU*[PhpBB2] [Toutes versions] Activer la prévisualisation directe
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Mer 5 Juin 2019 - 18:52 par Milouze14

» [PHPBB3] Afficher une réponse automatique style staff
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Lun 3 Juin 2019 - 17:35 par Milouze14

» *RESOLU*[PhpBB2] Changer un message quand un membre ne peut pas répondre à un sujet
*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil Clock-10Jeu 30 Mai 2019 - 19:38 par Milouze14

*RESOLU* [PHPBB3] AlertMP absente sur page d'accueil

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

photoclic
photoclic
Milouzien

Messagephotoclic le Ven 20 Juil 2018 - 0:38

Bonjour,

Je profite de l’accalmie saisonnière pasvuT

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.



Dernière édition par photoclic le Ven 20 Juil 2018 - 17:34, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 20 Juil 2018 - 4:18

Hello Serge,

Je profite de l’accalmie saisonnière

Tu as bien raison lOL .


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 lOL ?

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://illiweb.com/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 hinhin



photoclic
photoclic
Milouzien

Messagephotoclic le Ven 20 Juil 2018 - 12:39

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://illiweb.com/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"
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 20 Juil 2018 - 16:48

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"  oups .

Ton script modifié:
Code:
//Messsage MP sur barre notification
    jQuery(function(){  
      var image="https://illiweb.com/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://illiweb.com/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


hinhin
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 20 Juil 2018 - 17:00

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 MdR1
photoclic
photoclic
Milouzien

Messagephotoclic le Ven 20 Juil 2018 - 17:22

Bonsoir Phil,

Pour le CSS c'est OK super

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 impeccable
photoclic
photoclic
Milouzien

Messagephotoclic le Ven 20 Juil 2018 - 17:28

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

T'es trop fort super

Enore un grand merci l'ami pour ton aide tape la
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 20 Juil 2018 - 19:10

De rien Serge clin oeil .

-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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum