Connexion

Récupérer mon mot de passe

Derniers sujets
» histoire du Jour sans fin
par Quad Daniel Aujourd'hui à 8:28

» [PUNBB] Module de connexion type Forumactif
par soleda Hier à 16:05

» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par soleda Hier à 16:00

» *RESOLU*[PHPBB2] Problème des membres non inscrits sur le Tchatt:
par Milouze14 Hier à 14:59

» [TOUTES VERSIONS sauf AwesomeBB] Ajouter une limite de caractères à la réponse rapide..
par Splash Sam 18 Jan 2020 - 10:25

» *CORBEILLE*[PHPBB2] Echange de trafic modifié en recherche interne inopérant
par Milouze14 Ven 17 Jan 2020 - 19:04

» [AWESOMEBB]Ajouter une limite de caractères à la réponse rapide..
par Milouze14 Ven 17 Jan 2020 - 16:28

» [TOUTES VERSIONS]Visualiser le mot de passe
par soleda Ven 17 Jan 2020 - 6:00

» *RESOLU*[PHPBB2] Nouveaux BBcode pour le TchatBox :
par Milouze14 Mer 15 Jan 2020 - 18:08

» *RESOLU*[PHPBB3] Bouton à Smileys
par Milouze14 Mer 15 Jan 2020 - 11:23

» Histoire de Blondes Sans Fin
par Quad Daniel Mar 14 Jan 2020 - 12:48

» [AWESOMEBB]Afficher les widgets à droite
par Splash Mar 14 Jan 2020 - 8:21

» [AWESOMEBB] Widget "Derniers Sujets"
par Milouze14 Mar 14 Jan 2020 - 7:20

» *RESOLU*[PHPBB3] Bouton à Smileys
par Milouze14 Sam 11 Jan 2020 - 16:13

» *RESOLU*[AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets
par Milouze14 Sam 11 Jan 2020 - 15:55

» *RESOLU*[PHPBB3] Bouton avec menu déroulant
par Milouze14 Sam 11 Jan 2020 - 15:52

» C’est fort de calva !
par Quad Daniel Sam 11 Jan 2020 - 10:14

» *RESOLU*[EDGE] Supprimer la balise br ou saut de ligne
par Milouze14 Sam 11 Jan 2020 - 9:18

» *RESOLU*[EDGE] Ajouter l'avatar du membre à côté de la réponse rapide
par Milouze14 Ven 10 Jan 2020 - 20:21

» *RESOLU*[AWESOMEBB] Design Footer
par Milouze14 Ven 10 Jan 2020 - 19:24

*RESOLU*[Invision] Alerte message reçu dans messagerie

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

Croa-Croa
Croa-Croa
Milouzien

MessageCroa-Croa le Ven 13 Déc 2019 - 23:43

  • 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.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Déc 2019 - 5:06

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
Croa-Croa
Milouzien

MessageCroa-Croa le Sam 14 Déc 2019 - 5:47

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 ?

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Déc 2019 - 6:48

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.

*RESOLU*[Invision] Alerte message reçu dans messagerie 411

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

Si un mp:

*RESOLU*[Invision] Alerte message reçu dans messagerie 133

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

*RESOLU*[Invision] Alerte message reçu dans messagerie 214

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).

*RESOLU*[Invision] Alerte message reçu dans messagerie 311

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

*RESOLU*[Invision] Alerte message reçu dans messagerie Snail_15

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 Valid

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 *RESOLU*[Invision] Alerte message reçu dans messagerie Sans_t10

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
Croa-Croa
Milouzien

MessageCroa-Croa le Sam 14 Déc 2019 - 7:11

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Déc 2019 - 7:18

De rien Pascal hinhin .


Hello


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

A bientôt pour une prochaine demande clin oeil



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