Messagerie : Remplacer "X nouveau message" avec bulle de notification

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

Messagerie : Remplacer "X nouveau message" avec bulle de notification

Message par Bokouji le Mar 20 Sep 2016 - 12:56

Bonjour à tous,

J'ai tenté de trouver de l'aide en faisant une recherche mais je n'ai rien trouvé de similaire. Voilà donc le "souci" :




Lorsqu'on reçoit un nouveau message privé sur les forums, l'appellation "Messagerie" change pour "X nouveau message" (ici, 1). J'aimerais conserver l'appellation "Messagerie" quoi qu'il arrive et faire en sorte qu'une bulle de notification apparaisse à côté avec le nombre de nouveau message reçu. Voici un exemple bidouillé en deux-deux :


Je précise que sur mon forum, la barre de navigation n'est pas générée par la variable {GENERATED_NAVBAR} car j'ai refait celle-ci. Actuellement, le code qui apparaît pour la messagerie est le suivant.
Code:
          <a href="/privmsg?folder=inbox" id="nav_msg_link">
            <div>Messagerie</div>
          </a>
Sauf que, mis comme ça, évidemment, plus rien ne signale la réception d'un nouveau message.

Je suppose que c'est possible, cela dit, mes connaissances en script sont hyper limitées alors je ne sais pas trop par où m'y prendre… Je demande donc votre aide, pensant que ça pourrait d'ailleurs en intéresser quelques autres


Merci par avance, excellente journée à tous !

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji a été remercié(e) par l'auteur de ce sujet.

Re: Messagerie : Remplacer "X nouveau message" avec bulle de notification

Message par Bokouji le Mer 21 Sep 2016 - 14:49

Je remonte Exclamation

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji a été remercié(e) par l'auteur de ce sujet.

Re: Messagerie : Remplacer "X nouveau message" avec bulle de notification

Message par Bokouji le Jeu 22 Sep 2016 - 16:37

Je remonte de nouveau, merci

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji a été remercié(e) par l'auteur de ce sujet.

Re: Messagerie : Remplacer "X nouveau message" avec bulle de notification

Message par Bokouji le Sam 24 Sep 2016 - 19:46

Je remonte

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji a été remercié(e) par l'auteur de ce sujet.

Re: Messagerie : Remplacer "X nouveau message" avec bulle de notification

Message par Milouze14 le Sam 24 Sep 2016 - 20:24


Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Re: Messagerie : Remplacer "X nouveau message" avec bulle de notification

Message par Bokouji Hier à 10:18

Bonjour Milouze14 et merci pour la redirection

Hélas, je ne sais pas si tu pourras m'aider mais j'ai quelques petits soucis avec le script donné. Dans l'ensemble, il fonctionne car il me permet bien d'afficher ce que je voudrais, cela dit j'aurais une petite question :

- Comment faire pour afficher le "3" à droite de "Messagerie" et comment lui donner du style via CSS ?

Voici ce que j'ai actuellement :


Mon script :
Code:
jQuery(function($){
  $('a#nav_msg_link[href="/privmsg?folder=inbox"]').html('Messagerie');
  $('body').append('<div id="privMsg" style="display:none;"></div>');
  function getPrivMsg(){
      var r = {
        nombre: 0
      };
 
      $('#privMsg').load(location.protocol+'//'+location.host+'/privmsg?folder=inbox form .forumline', function(response, status){
        if(status == 'success'){
            r.nombre = $('.forumline img[alt="Message Non-lu"]').length;
        };
      });
 
      setTimeout(function(){
        if(location.pathname == '/privmsg' && /^\?folder=inbox$/.test(document.location.search)){
            if(r.nombre < 2){
              $('a#nav_msg_link[href="/privmsg?folder=inbox"]').html(r.nombre/2+' Messagerie');
            }else{
              $('a.mainmenu[href="/privmsg?folder=inbox"]').html(r.nombre/2+' Messagerie');
            };
        }else{
            if(r.nombre < 2){
              $('a#nav_msg_link[href="/privmsg?folder=inbox"]').html(r.nombre+' Messagerie');
            }else{
              $('a#nav_msg_link[href="/privmsg?folder=inbox"]').html(r.nombre+' Messagerie');
            };
        };
      }, 500);
  };
 
  getPrivMsg();
  setInterval(function(){
      getPrivMsg();
  }, 2000);
});

Merci encore Smile

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji a été remercié(e) par l'auteur de ce sujet.

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


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