[PhpBB3]Notification lorsqu'un MP est lu...

Hello Bernard,

tu peux me communiquer le lien de l'image dans ton P.A concernant l'image des nouveaux sujets:

Affichage/Images et couleurs/Gestion des images/Mode avançé

 
Icônes des sujets==> Sujet - Nouveau :

Ensuite, je peux te proposer autre chose,
dès lors qu'un ou plusieurs MP est/sont non(s) lu(s) dans la boite d'envoi.

Afficher en dessous de la toolbar ces informations:
Nombre de mps non(s) lu(s).
Le lien du MP + le pseudo et au survol le pseudo et la date.
Si aucun mp non lu, tu n'auras pas d'affichage .

Car l'effet inverse me parait plus compliqué a réaliser.
Désires tu que cette information soit affichée en permanence ?

Désires tu que ce soit juste pour toi ?
Es tu le fondateur de ce forum?

Merci de me donner les informations nécessaires.

Milouze14 a écrit:Hello Bernard,

tu peux me communiquer le lien de l'image dans ton P.A concernant l'image des nouveaux sujets:

Affichage/Images et couleurs/Gestion des images/Mode avançé

 
Icônes des sujets==> Sujet - Nouveau :

Ensuite, je peux te proposer autre chose,
dès lors qu'un ou plusieurs MP est/sont non(s) lu(s) dans la boite d'envoi.

Afficher en dessous de la toolbar ces informations:
Nombre de mps non(s) lu(s).
Le lien du MP + le pseudo et au survol le pseudo et la date.
Si aucun mp non lu, tu n'auras pas d'affichage .

Car l'effet inverse me parait plus compliqué a réaliser.
Désires tu que cette information soit affichée en permanence ?

Désires tu que ce soit juste pour toi ?
Es tu le fondateur de ce forum?

Merci de me donner les informations nécessaires.

Bonjour


nouveaux sujets :    https://i.servimg.com/u/f11/16/24/58/25/sans_t12.jpg

Je suis depuis peu le propriétaire (fondateur) du forum.

Je voudrais que ce soit pour tous

Je me pose la question soudainement : si je fais un envoi de masse comme j’ai fait dernièrement, vais-je me retrouver avec une liste de dizaines de messages qui ne seront probablement jamais lus sous la toolbar ?

Il serait donc préférable, je pense, d'avoir les informations en cliquant sur un lien ( qui serait " nombre de messages non lus" ) comme on le fait présentement pour les notifications ( mais peut-être est-ce cela ton idée?)




Merci

Re Bernard,

Je me pose la question soudainement : si je fais un envoi de masse comme j’ai fait dernièrement, vais-je me retrouver avec une liste de dizaines de messages qui ne seront probablement jamais lus sous la toolbar ?

Ce n'est pas faux ou alors on place ce module juste sur l'index ?

Il serait donc préférable, je pense, d'avoir les informations en cliquant sur un lien ( qui serait " nombre de messages non lus" ) comme on le fait présentement pour les notifications ( mais peut-être est-ce cela ton idée?)

Dans le cas, autant ne rien faire Bernard et mettre juste un lien comme celui-ci:

https://www.milouze14.com/privmsg?folder=outbox

---

Ce que je propose est une fenêtre qui affichera en visuel maximum 3 mps non lus.
La fenêtre sera scrollable (c'est à dire défilante ).


Une capture du résultat est bien plus parlante:



Au survol, tu auras la date d'envoi etc etc.

Est-ce que cela pourrait te convenir?
Dit on placer simplement cette fenêtre juste sur l'index ?

Je reviens plus tard pour connaitre ta décision .

Milouze14 a écrit:Re Bernard,

Je me pose la question soudainement : si je fais un envoi de masse comme j’ai fait dernièrement, vais-je me retrouver avec une liste de dizaines de messages qui ne seront probablement jamais lus sous la toolbar ?

Ce n'est pas faux ou alors on place ce module juste sur l'index ?

Il serait donc préférable, je pense, d'avoir les informations en cliquant sur un lien ( qui serait " nombre de messages non lus" ) comme on le fait présentement pour les notifications ( mais peut-être est-ce cela ton idée?)

Dans le cas, autant ne rien faire Bernard et mettre juste un lien comme celui-ci:

https://www.milouze14.com/privmsg?folder=outbox

---

Ce que je propose est une fenêtre qui affichera en visuel maximum 3 mps non lus.
La fenêtre sera scrollable (c'est à dire défilante ).


Une capture du résultat est bien plus parlante:



Au survol, tu auras la date d'envoi etc etc.

Est-ce que cela pourrait te convenir?
Dit on placer simplement cette fenêtre juste sur l'index ?

Je reviens plus tard pour connaitre ta décision .

je me suis trompé plus haut, je voulais dire : faire comme les notifications pour les messages reçus... mais cette fois pour les messages lus. 

Ex: messages lus (2)... on clique sur ce texte pour voir apparaître la fenêtre ' scrollable ' dont tu parles plus haut avec les messages lus




Pourquoi ne pas placer cette fenêtre sur la toolbar... ce n'est pas l'espace qui manque?


Merci pour l'attention que tu portes à ce sujet

Alors
écoutes, je te donne l'astuce,tu verras si cela te convient.
La fenêtre ans un premier temps sera disponible sur toutes les pages.
Tu me diras si tu désires mettre cette dernière à un endroit précis .


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

Code:


/*LE CONTENEUR DES MPS NON LUS*/
#M14_receptMPnonlus
{
position:fixed;
top:40px;
  display:none;
right:30px;
width:auto;
height:auto;
padding:5px;
background-color:white;
border:2px solid #666666;
border-radius:6px;
  
}  
/*LA PARTIE FERMETURE*/
.M14_closeMpnone
{
font-size:20px;
color:black;
cursor:pointer;
width: 36px;
height: 36px;
position: absolute;
margin-left: 90%;
margin-top: -6px;
}
/*LA COULEUR EN GENERAL*/
#M14_receptMPnonlus,.M14_closeMpnone,a.M14_MP_NOT,#M14_receptMPnonlus span{color:black!important;  }

/*LA BORDURE SOUS LE CHIFFRE*/
#M14_receptMPnonlus hr{border: 1px dotted grey;}
#M14_receptMPnonlus div.membre
{
width:350px;
height:30px;
}
/*LA LISTE DES MEMBRES*/
#M14_receptMPnonlus div.membre i{margin: 2px;float: left;}
/*LA PARTIE DES MPS*/
#M14_receptMPnonlus .recept{width: 100%;height: 100px;overflow-y: auto;}


Dans le template privmsgs_body:
Affichage/Templates/Poster et messages privés/privmsgs_body

Recherches ceci ligne 55 environ:

Code:

<span style="margin: 0 5px"><em>{listrow.FROM} -{listrow.DATE}</em></span>

Supprimes et remplaces par:

Code:

<span style="margin: 0 5px"><em>{listrow.FROM} - <span class="M14_date">{listrow.DATE}</span></em></span>

Penses a cliquer sur le bouton

Puis le script:

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

Mets un titre explicite.

Coches sur toutes les pages.

Déposes ceci:

Code:


$(function(){
  
$('body').append('<div id="M14_receptMPnonlus"><div class="M14_closeMpnone" title="fermer">X</div><span></span><p></p><div class="membre"></div><hr /><div class="recept"></div></div>');
$.get('/privmsg?folder=outbox' , function(data){
var number=$(data).find('dl.icon[style*="https://i.servimg.com/u/f11/16/24/58/25/sans_t12.jpg"]').length;
$(data).find('dl.icon[style*="https://i.servimg.com/u/f11/16/24/58/25/sans_t12.jpg"]').each(function(){
var sujet=$(this).find('a.topictitle').text();
var link=$(this).find('a.topictitle').attr('href');
var pseudo=$(this).find('a[href^="/u"]').text();
var date=$(this).find('span.M14_date').text();
//LE LIEN DE L IMAGE QUI FIGURERA DANS LA FENETRE
var image="https://2img.net/i/fa/responsive/icons/send.png";
if(number<=1)
{
//La valeur 2000 = 2 secondes
setInterval(function(){$('#M14_receptMPnonlus').fadeIn() }, 2000);
$('#M14_receptMPnonlus span').html(' ('+number+') MP non lu <hr />');
$('#M14_receptMPnonlus p').text('Le membre n\'ayant pas lu mon message privé');
$('#M14_receptMPnonlus div.membre').append('( '+pseudo+' ) ');
  $('#M14_receptMPnonlus div.recept').append(' <a href="'+link+'" class="M14_MP_NOT"title="Posté: '+date+'"><img src="'+image+'"style="width: 16px;height: 16px;vertical-align: middle;margin: 0px 2px 0px 0px;"/>'+sujet+'</a> posté par:  '+pseudo+' <hr />');
}
if(number>1)
{
//La valeur2000 = 2 secondes
setInterval(function(){$('#M14_receptMPnonlus').fadeIn() }, 2000);
$('#M14_receptMPnonlus span').html(' ('+number+') MPs non lu <hr />');
$('#M14_receptMPnonlus p').text('Les membres n\'ayant pas lu mes messages privés:');
$('#M14_receptMPnonlus div.membre').append('<i>'+pseudo+'</i>');
$('#M14_receptMPnonlus div.recept').append('<a href="'+link+'" class="M14_MP_NOT"title="Posté: '+date+'"><img src="'+image+'"style="width: 16px;height: 16px;vertical-align: middle;margin: 0px 2px 0px 0px;"/>'+sujet+'</a> posté par:  '+pseudo+' <hr />');
}
  $('.M14_closeMpnone').click(function(){
    $('#M14_receptMPnonlus').remove();});
});});});


Penses a cliquer sur le bouton

Je me lance et je t'en donne des nouvelles...

Pas de soucis Bernard,
tu peux aussi cocher le script sur des autres parties disponibles dans la gestion, j'ai choisi sur "toutes les pages"

Je ne vois pas la boîte :




J'ai changé les valeurs pour TOP et RIGHT dans le CSS sans résultat...

Bonjour Philippe et Bernard,
Etant curieux de nature, je suis aussi ce sujet.

Il me semble que dans le JS l'image n'a pas été mise aussi ici en ligne 6:

Code:


$(data).find('dl.icon[style*="https://2img.net/i/fa/punbb/status_unread.png"]').each(function(){

On devrait trouver je crois en ligne 5 et 6:

Code:


var number=$(data).find('dl.icon[style*="https://i.servimg.com/u/f11/16/24/58/25/sans_t12.jpg"]').length;
$(data).find('dl.icon[style*="https://i.servimg.com/u/f11/16/24/58/25/sans_t12.jpg"]').each(function(){


Oups désolé, merci Serge
Tu peux éditer ton script Bernard et supprimer le contenu et insérer celui-ci:

Code:


    $(function(){
     
    $('body').append('<div id="M14_receptMPnonlus"><div class="M14_closeMpnone" title="fermer">X</div><span></span><p></p><div class="membre"></div><hr /><div class="recept"></div></div>');
    $.get('/privmsg?folder=outbox' , function(data){
    var number=$(data).find('dl.icon[style*="https://i.servimg.com/u/f11/16/24/58/25/sans_t12.jpg"]').length;
    $(data).find('dl.icon[style*="https://i.servimg.com/u/f11/16/24/58/25/sans_t12.jpg"]').each(function(){
    var sujet=$(this).find('a.topictitle').text();
    var link=$(this).find('a.topictitle').attr('href');
    var pseudo=$(this).find('a[href^="/u"]').text();
    var date=$(this).find('span.M14_date').text();
    //LE LIEN DE L IMAGE QUI FIGURERA DANS LA FENETRE
    var image="https://2img.net/i/fa/responsive/icons/send.png";
    if(number<=1)
    {
    //La valeur 2000 = 2 secondes
    setInterval(function(){$('#M14_receptMPnonlus').fadeIn() }, 2000);
    $('#M14_receptMPnonlus span').html(' ('+number+') MP non lu <hr />');
    $('#M14_receptMPnonlus p').text('Le membre n\'ayant pas lu mon message privé');
    $('#M14_receptMPnonlus div.membre').append('( '+pseudo+' ) ');
      $('#M14_receptMPnonlus div.recept').append(' <a href="'+link+'" class="M14_MP_NOT"title="Posté: '+date+'"><img src="'+image+'"style="width: 16px;height: 16px;vertical-align: middle;margin: 0px 2px 0px 0px;"/>'+sujet+'</a> posté par:  '+pseudo+' <hr />');
    }
    if(number>1)
    {
    //La valeur2000 = 2 secondes
    setInterval(function(){$('#M14_receptMPnonlus').fadeIn() }, 2000);
    $('#M14_receptMPnonlus span').html(' ('+number+') MPs non lu <hr />');
    $('#M14_receptMPnonlus p').text('Les membres n\'ayant pas lu mes messages privés:');
    $('#M14_receptMPnonlus div.membre').append('<i>'+pseudo+'</i>');
    $('#M14_receptMPnonlus div.recept').append('<a href="'+link+'" class="M14_MP_NOT"title="Posté: '+date+'"><img src="'+image+'"style="width: 16px;height: 16px;vertical-align: middle;margin: 0px 2px 0px 0px;"/>'+sujet+'</a> posté par:  '+pseudo+' <hr />');
    }
      $('.M14_closeMpnone').click(function(){
        $('#M14_receptMPnonlus').remove();});
    });});});


Tout fonctionne à présent merci



est-ce que je peux suggérer quelques modifications ou je suis trop exigent?

En un premier temps... on aurait :




en cliquant sur cette image on aurait:



P.S.
Finalement, tu as raison, la liste des messages non lus est préférable à la liste des messages lus.

Non non, tu as bien fait.

Finalement, tu as raison, la liste des messages non lus est préférable à la liste des messages lus.

Merci, c'est gentil  

Par contre , je te redonne le code brut.

Le script a remplacer:

Code:

$(function(){
  
$('body').append('<div id="M14_receptMPnonlus"><div class="M14_closeMpnone M14_slide" title="fermer">X</div><span id="M14_close"title="Afficher le contenu"></span><p class="M14_slide"></p><div class="membre M14_slide"></div><div class="recept M14_slide"></div></div>');
$.get('/privmsg?folder=outbox' , function(data){
var number=$(data).find('dl.icon[style*="https://i.servimg.com/u/f11/16/24/58/25/sans_t12.jpg"]').length;
$(data).find('dl.icon[style*="https://i.servimg.com/u/f11/16/24/58/25/sans_t12.jpg"]').each(function(){
var sujet=$(this).find('a.topictitle').text();
var link=$(this).find('a.topictitle').attr('href');
var pseudo=$(this).find('a[href^="/u"]').text();
var date=$(this).find('span.M14_date').text();
var image="https://2img.net/i/fa/responsive/icons/send.png";
if(number<=1)
{
//La valeur 2000 = 2 secondes
setInterval(function(){$('#M14_receptMPnonlus').fadeIn() }, 2000);
$('#M14_receptMPnonlus span').html(' ('+number+') MP non lu ');
$('#M14_receptMPnonlus p').text('Le membre n\'ayant pas lu mon message privé');
$('#M14_receptMPnonlus div.membre').append('( '+pseudo+' ) ');
  $('#M14_receptMPnonlus div.recept').append(' <a href="'+link+'" class="M14_MP_NOT"title="Posté: '+date+'"><img src="'+image+'"style="width: 16px;height: 16px;vertical-align: middle;margin: 0px 2px 0px 0px;"/>'+sujet+'</a> posté pour:  '+pseudo+' <hr />');
}
if(number>1)
{
//La valeur2000 = 2 secondes
setInterval(function(){$('#M14_receptMPnonlus').fadeIn() }, 2000);
$('#M14_receptMPnonlus span').html(' ('+number+') MPs nons lus ');
$('#M14_receptMPnonlus p').text('Les membres n\'ayant pas lu mes messages privés:');
$('#M14_receptMPnonlus div.membre').append('<i>'+pseudo+'</i>');
$('#M14_receptMPnonlus div.recept').append('<a href="'+link+'" class="M14_MP_NOT"title="Posté: '+date+'"><img src="'+image+'"style="width: 16px;height: 16px;vertical-align: middle;margin: 0px 2px 0px 0px;"/>'+sujet+'</a> posté pour:  '+pseudo+' <hr />');
}
  $('.M14_closeMpnone').click(function(){
    $('#M14_receptMPnonlus').remove();});
  $('#M14_close').click(function(){
 
  $('.M14_slide').slideDown();
  });
});});});

La css a remplacer:

Code:



/*ON CACHE DES PARTIES*/
.M14_slide{display:none;}
/*LA PARTIE VISIBLE*/
#M14_close{cursor:pointer;}
/*LE CONTENEUR DES MPS NON LUS*/
#M14_receptMPnonlus
{
position:fixed;
top:40px;
  display:none;
right:30px;
width:auto;
min-width:200px;
height:auto;
padding:5px;
background-color:white;
border:2px solid #666666;
border-radius:6px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}  
/*LA PARTIE FERMETURE*/
.M14_closeMpnone
{
font-size:20px;
color:black;
cursor:pointer;
width: 36px;
height: 36px;
position: absolute;
margin-left: 90%;
margin-top: -6px;
}
/*LA COULEUR EN GENERAL*/
#M14_receptMPnonlus,.M14_closeMpnone,a.M14_MP_NOT,#M14_receptMPnonlus span{color:black!important;  }

/*LA BORDURE SOUS LE CHIFFRE*/
#M14_receptMPnonlus hr{border: 1px dotted grey;}
#M14_receptMPnonlus div.membre
{
width:350px;
height:30px;
}
/*LA LISTE DES MEMBRES*/
#M14_receptMPnonlus div.membre i{margin: 2px;float: left;}
/*LA PARTIE DES MPS*/
#M14_receptMPnonlus .recept{width: 100%;height: 100px;overflow-y: auto;}




Merci, j'essaie cela à l'instant...

Wow! Vraiment parfait... quelle efficacité alors... Merci beaucoup....

De rien Bernard ,