[Invision] Alerte message reçu dans messagerie

[Croa-Croa]

• Version du forum :
  Invision
• Templates modifiés :
  oui
• Navigateur :
  Chrome

Bonsoir,
j'avais mis une mini-icone .gif (enveloppe clignotante rouge) pour avertir visuellement de la réception d'un message  dans la messagerie (le chiffre indiquant le nombre de message reçus n'étant pas très visible, je trouve); j'ai retiré les mini-icônes assez moches de la barre de navig. (sur les conseils de Milouze, car il est toujours de bon conseil   mais du coup l'alerte avec l'icone ne marche plus, normal. 

Serait-il possible d'avoir un script qui donne l'apparence d'un clignotement du mot Messagerie (par exemple alternance couleur de survol/couleur normale de la barre) lorsqu'un ou des messages non lus sont arrivés. Je ne sais pas si je suis très clair.

[Milouze14Fondateur]

Hello Pascal,
tu as encore le script qui te donnait cette apparence car il n'y pas de raison qu'il ne fonctionne plus !!

[Croa-Croa]

C'était pas un  script, j'avais juste mis une image animée à PA/Images et Couleurs/Gestion des Images/Mode Avancé/Général-Navigation/Nouveaux messages privés : alerte
Je pense que c'est normal qu'on ne la voit plus puisque ta modif de la CSS  #submenu a.mainmenu img{display:none;}  cache toutes les petites icônes, non ?

[Milouze14Fondateur]

Bonjour Pascal,

alors effectivement , c'est le style qui bloque cette petite image.

On va procéder autrement afin que le membre puisse voir que sa boite de réception contient un ou plusieurs MP(s).
Au survol de la petite enveloppe rouge, une infobulle affichera un texte (que tu pourras changer dans le script) et si un mp on aura aussi l'auteur.



Je vais te donner deux scripts, le premier affichera sur la barre de navigation au niveau du lien mp:

Si un mp:



Au delà de 1 mp (2 ou plus) :
Pour l'exemple 3 mps:



Et le deuxième script sera identique mais va ajouter en haut à droite
la même information en position fixe(c'est a dire que cette information restera tout le le temps afficher tant que le membre n'aura pas lu son ou ses MP(s).



Le script va rechercher le ou les MPs non lu grâce à l'image nouveau qui correspond à ceci sur ton forum il me semble!



C'est à dire , ce lien:
https://i.servimg.com/u/f10/20/12/81/51/snail_15.png

On retrouve ce lien dans le script afin de nous donner le nombre de MP(s) non lu.

Code:

var number=$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').length;

J'ai déposé des variables texte et une image si tu désires modifier la petite image.

Il suffit de suivre les commentaires qui commencent par //






Le premier script:

Code:

$(function(){
var mp=$('div#submenu a.mainmenu[href="/privmsg?folder=inbox"]');
$.get('/privmsg?folder=inbox' , function(data){
var number=$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').length;
$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').each(function(){
var membre=$(this).closest('tr').find('td.row1:not(.centered)').find(' a[href^="/u"]').text();  
//LE LIEN DE L IMAGE MP
var img="https://i.servimg.com/u/f20/20/11/87/27/mail10.png";
//LE TEXTE AU SURVOL DE L IMAGE SI UN MP
var texteMp="Vous avez reçu un message privé de la part de";
//LE TEXTE AU SURVOL DE L IMAGE SI PLUSIEURS MPS
var texteMpmore="Vous avez reçu des messages privés de la part de beaucoup de membres";
if(number==1)
{
 
mp.addClass('M14_MP').html(' <img class="imgmp"src="'+img+'"title="'+texteMp+' '+membre+'"/> Message privé ( '+number+' )');  
}
else if(number>1)
{
 
mp.addClass('M14_MP').html('<img class="imgmp"src="'+img+'"title="'+texteMpmore+'"/> Messages privés ( '+number+' )');  
}
    });

$('.M14_MP').each(function() {
            var elem = $(this);
            setInterval(function() {
                if (elem.css('visibility') == 'hidden') {
                    elem.css('visibility', 'visible');
                } else {
                    elem.css('visibility', 'hidden');
                }  
            }, 1000);
        });


});});

Le deuxième script:

Code:

$(function(){
var mp=$('div#submenu a.mainmenu[href="/privmsg?folder=inbox"]');
$.get('/privmsg?folder=inbox' , function(data){
var number=$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').length;
$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').each(function(){
var membre=$(this).closest('tr').find('td.row1:not(.centered)').find(' a[href^="/u"]').text();  
//LE LIEN DE L IMAGE MP
var img="https://i.servimg.com/u/f20/20/11/87/27/mail10.png";
//LE TEXTE AU SURVOL DE L IMAGE SI UN MP
var texteMp="Vous avez reçu un message privé de la part de";
//LE TEXTE AU SURVOL DE L IMAGE SI PLUSIEURS MPS
var texteMpmore="Vous avez reçu des messages privés de la part de beaucoup de membres";
if(number==1)
{
$('body').append('<a id="M14_MP" href="/privmsg?folder=inbox"> <img src="'+img+'" title="'+texteMp+' '+membre+'"> Message privé ( '+number+' )</a>');
mp.addClass('M14_MP').html(' <img class="imgmp"src="'+img+'"title="'+texteMp+' '+membre+'"/> Message privé ( '+number+' )');  
}
else if(number>1)
{
$('body').append('<a id="M14_MP" href="/privmsg?folder=inbox"> <img src="'+img+'" title="'+texteMpmore+'"> Messages privés ( '+number+' )</a>');
mp.addClass('M14_MP').html('<img class="imgmp"src="'+img+'"title="'+texteMpmore+'"/> Messages privés ( '+number+' )');  
}
    });

$('.M14_MP').each(function() {
            var elem = $(this);
            setInterval(function() {
                if (elem.css('visibility') == 'hidden') {
                    elem.css('visibility', 'visible');
                } else {
                    elem.css('visibility', 'hidden');
                }  
            }, 1000);
        });


});});

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.


déposes le script désiré



Penser a cliquer sur le bouton

Ensuite suivant le script choisis, on va donner un style au(x) boutons(s).


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

Si tu as pris le premier script

Ajouter ceci:

Code:


/*MESSAGE PRIVE*/
.M14_MP
{
color:orange !important;  
background-color:white!important;
}


Si tu as le pris le deuxième:

Ajoutes ceci:

Code:

/*MESSAGE PRIVE*/
.M14_MP
{
color:orange !important;  
background-color:white!important;
}
#M14_MP
{
position:fixed;
top:30px;
right:10px;
color:orange !important;  
background-color:white!important;
}


Penser a cliquer sur le bouton

Remplaces ensuite le style que tu as déposé:

Code:

#submenu a.mainmenu img{display:none;}

Par celui-ci:

Code:

#submenu a.mainmenu img:not(.imgmp){display:none;}

Il cachera toutes les images sauf la petite image indiquant un mp.

[Croa-Croa]

Merci Phil, j'ai finalement pris le premier script.
C'est exactement ce que je voulais.

[Milouze14Fondateur]

De rien Pascal .

Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande