Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] Ouverture d'une balise object ou iframe au clic sur un bouton
par fascicularia Aujourd'hui à 12:27

» [PhpBB2] Effet transition icône du forum
par petitefeuille Aujourd'hui à 11:20

» [Edge] Page html
par msfeettoes Aujourd'hui à 9:24

» *RESOLU*[PhpBB3] Miniature agrandie sur réponse rapide
par Milouze14 Hier à 15:19

» [PhpBB2] positionnement css
par Milouze14 Lun 18 Nov 2019 - 17:50

» histoire du Jour sans fin
par Quad Daniel Lun 18 Nov 2019 - 7:28

» *RESOLU*[PhpBB2] Notifications Push
par Milouze14 Lun 18 Nov 2019 - 6:06

» *RESOLU*[PhpBB2] Modifier la toolbar
par Milouze14 Lun 18 Nov 2019 - 6:03

» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par HardRock Sam 16 Nov 2019 - 21:23

» *RESOLU*[PhpBB3] Couleur de lien dans les messages
par Milouze14 Sam 16 Nov 2019 - 19:04

» *CORBEILLE*[PhpBB2] avertissement lors de la publication d'un email 2 le retour
par Milouze14 Sam 16 Nov 2019 - 7:16

» [PhpBB2]Module de connexion type forumactif
par petitefeuille Jeu 14 Nov 2019 - 13:12

» Règlement de l'entraide Forumactif
par msfeettoes Mer 13 Nov 2019 - 17:28

» *RESOLU*[PhpBB3] Retirer bouton contact aux invités
par Milouze14 Mer 13 Nov 2019 - 15:59

» [PhpBB2] Avertissement lors de la publication d'un email
par Milouze14 Mer 13 Nov 2019 - 3:53

» *RESOLU*[PhpBB2] Annonce Google décalée
par Milouze14 Lun 11 Nov 2019 - 21:08

» [PhpBB2] Ajouter à vos favoris
par Milouze14 Lun 11 Nov 2019 - 18:22

» [PhpBB2] Changer le nom d'un groupe
par petitefeuille Lun 11 Nov 2019 - 15:53

» *RESOLU*[Edge] Bannière defilante
par Milouze14 Lun 11 Nov 2019 - 8:57

» *RESOLU*[PhpBB3] Bouton uniquement sur premier post
par Milouze14 Dim 10 Nov 2019 - 19:19

*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