Nombre MP non-lus

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

Résolu Nombre MP non-lus

Message par foxies Lun 11 Juin 2018 - 8:23

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous !

Je cherche à ce qu'un chiffrement des MP non-lus soit affiché dans ma barre de navigation. Son emplacement serait en haut à droite d'un icon "messagerie" en forme d'enveloppe (mon template est mofidié, voir son contenu dans le sujet).

Voilà ce que j'ai actuellement :

Nombre MP non-lus OBkNFxx

Et ce que j'aimerais :

Nombre MP non-lus GHAXj1I

J'ai quelques pistes comme le script permettant de récupérer le nombre de nouveaux messages dans ce topic (d'ailleurs, lorsque je l'ai testé, je n'ai pas eu l'impression que ça prenait en compte les messages non-lus car une fois la page de la messagerie ouverte, le nombre de "nouveaux" MP ne s'affichait plus, bien qu'il y avait encore des MP qui n'avaient pas été "ouverts") et l'ajout d'une classe ici mais je ne suis pas parvenue à quelque chose de concluant, mes connaissances en JS étant bien limitées... Je vous remercie d'avance pour votre aide Smile

Vous souhaitant une belle journée I love you


Dernière édition par pinke le Mar 12 Juin 2018 - 15:08, édité 1 fois
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre MP non-lus

Message par Invité Lun 11 Juin 2018 - 18:27

Hello pinke,

tu peux me donner le lien de l'image:
Affichage/Images et couleurs/Gestion des images/Mode avançé

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

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre MP non-lus

Message par foxies Lun 11 Juin 2018 - 20:09

foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre MP non-lus

Message par Invité Mar 12 Juin 2018 - 5:50

Hello pinke,

je pars avec des templates non modifiés comme il n'y a aucune information dans ta demande!!


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(){
$.get('/privmsg?folder=inbox' , function(data){
var M14_mp= $(data).find('dl.icon[style*="https://2img.net/i/fa/modernbb/topic_unread.png"]').length;
if(M14_mp)
{
var a=$('.headerbar .navbar.navlinks').find('a.mainmenu[href="/privmsg?folder=inbox"]').css('width');
$('.headerbar .navbar.navlinks').find('a.mainmenu[href="/privmsg?folder=inbox"]').append('<div class="M14_MP"style="margin-left:'+a+';">'+M14_mp+'</div>');
}
 
});
    });



Penses à cliquer sur le bouton VALIDER


Puis l'apparence du bouton:

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

Ajoutes ceci:

Code:

.M14_MP
{
position:absolute;
margin-top: -24px;
background-color:darkred;
color:white;
width:16px;
height:16;
border-radius:16px;
text-align:center;
line-height:16px;
}


Penses à cliquer sur le bouton Nombre MP non-lus 3060548200

a++


Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre MP non-lus

Message par foxies Mar 12 Juin 2018 - 7:53

Merci Very Happy Malheureusement, rien ne se passe.
C'est vrai que je n'ai pas pensé renseigner l'état de mon template, désolée. Le voici (il est en effet modifié) :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}

   <!-- BEGIN switch_fb_login -->
      <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
      <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
      <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">
         //<![CDATA[
            /* Definir le sens de direction en fonction du panneau admin */
            var tickerDirParam = "{switch_ticker.DIRECTION}";
            var slid_vert = false;
            var auto_dir = 'next';
            var h_perso = parseInt({switch_ticker.HEIGHT});

            switch( tickerDirParam )
            {
               case 'top' :
                  slid_vert = true;
                  break;

               case 'left':
                  break;

               case 'bottom':
                  slid_vert = true;
                  auto_dir = 'prev';
                  break;

               case 'right':
                  auto_dir = 'prev';
                  break;

               default:
                  slid_vert = true;
            }

            $(document).ready(function() {

               $('#fa_ticker_content').css('display','block');

               var width_max = $('ul#fa_ticker_content').width();
               var width_item = Math.floor(width_max / {switch_ticker.SIZE});

               if (width_max > 0)
               {
                  $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                     if ($(this).width() > width_item)
                     {
                     var ratio      = $(this).width() / width_item;
                     var new_height = Math.round($(this).height() / ratio);
                     $(this).height(new_height).width(width_item);
                     }
                  });

                  if (slid_vert)
                  {
                     var height_max = h_perso;

                     $('ul#fa_ticker_content li').each( function () {
                        if ($(this).height() > height_max)
                        {
                           height_max = $(this).height();
                        }
                     } );

                     $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                     $('ul#fa_ticker_content li').height(height_max);
                  }


                  $('#fa_ticker_content').jcarousel({
                        vertical: slid_vert,
                     wrap: 'circular',
                     auto: {switch_ticker.STOP_TIME},
                     auto_direction: auto_dir,
                  scroll: 1,
                  size: {switch_ticker.SIZE},
                  height_max: height_max,
                  animation: {switch_ticker.SPEED}
                  });
               }
               else
               {
                  $('ul#fa_ticker_content li:not(:first)').css('display','none');
                  $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
               }
            });
         //]]>
      </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
      $(document).ready(function(){
         <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { pm.focus(); }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
            $(document).ready(function() {
               Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {switch_ticker.STOP_TIME}
               });
            });
         <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
            var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;

            $(document).ready( function() {
                $(window).resize(function() {
                    var windowWidth = document.documentElement.clientWidth;
                    var popupWidth = $("#login_popup").width();
                    var mypopup = $("#login_popup");

                    $("#login_popup").css({
                        "left": windowWidth/2 - popupWidth/2
                    });
                });
            });
      <!-- END switch_login_popup -->
      //]]>
   </script>

   {GREETING_POPUP}

   <style type="text/css">
      #page-footer, div.navbar, div.navbar ul.linklist {
         display: block !important;
      }

      ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
         display: inline !important;
      }

      <!-- BEGIN switch_ticker_new -->
      .jcarousel-skin-tango .jcarousel-item {
         text-align:center;
         width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
         margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
         margin-bottom: {switch_ticker.SPACING}px;
      }
      <!-- END switch_ticker_new -->
   </style>

   {HOSTING_JS}

   <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
         //<![CDATA[
                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

                ga('create', '{G_ANALYTICS_ID}', 'auto');
                <!-- BEGIN google_analytics_code_bis -->
                ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
                <!-- END google_analytics_code_bis -->
                ga('send', 'pageview');
                <!-- BEGIN google_analytics_code_bis -->
                ga('bis.send', 'pageview');
                <!-- END google_analytics_code_bis -->
         //]]>
      </script>
   <!-- END google_analytics_code -->

   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet" />
   <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
        <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
       <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
   <script>new WOW().init();</script>
</head>

<body>
  {JAVASCRIPT}
  <div style="display:none">{GENERATED_NAV_BAR}</div>
  <div id="topbar"><div id="topcenter"><i class="fas fa-leaf"></i><a href="/">EQUINIES</a><div class="nav"><a href="http://equinies.forumactif.com/">Index</a> <a href="http://equinies.forumactif.com/c1-votre-1ere-categorie">Catégories</a></div>
    <!-- BEGIN switch_user_logged_in --><div class="desc-bis">
    <a href="/search"><i class="fas fa-search"></i></a>
      <i class="fas fa-bell"></i>
      <i class="fas fa-bars"></i>
    </div>
    <!-- END switch_user_logged_in -->
      <!-- BEGIN switch_user_logged_out --><div class="desc-bis">
  <a href="/search"><i class="fas fa-search"></i></a>
      <i class="fas fa-bell"></i>
      <i class="fas fa-bars"></i>
      <i class="fas fa-sign-in-alt"></i>
    </div>
      <!-- END switch_user_logged_out -->
    <div class="dropdown-av"><div class="desc-avatar"></div><div class="dropdown-av-content1"><div class="dropdown-av-content2 bounceIn"><a href="/u"><i class="fas fa-user"></i></a>
  <a href="/profile?mode=editprofile"><i class="fas fa-cog"></i></a>
  <a href="/privmsg?folder=inbox"><i class="fas fa-envelope"></i></a>
  <a href="/login?logout"><i class="fas fa-sign-out-alt"></i></a>
    </div></div></div>
    </div></div>
  <header><div class="header2"><h1>Equinies</h1></div></header>
  <div id="container">
    <!-- BEGIN switch_user_logged_in --><div class="desc">
    <div class="desc-pseudo"></div><div class="blup2"></div>
    <div class="desc-liens"><a href="#"><i class="fas fa-chevron-right"></i> Chevaux</a><a href="#"><i class="fas fa-chevron-right"></i> Truc-muche</a><a href="#"><i class="fas fa-chevron-right"></i> Machin-chouette</a><a href="#"><i class="fas fa-chevron-right"></i> Sous-race</a></div>
    <div class="blup"></div><div class="desc-nav">
    <div class="desc-element masterTooltip" title="Compte"><i class="fas fa-coins"></i><div class="desc-compte1"></div><span>€</span></div>
    <div class="desc-element masterTooltip" title="Expérience"><i class="fas fa-certificate"></i><div class="desc-compte2"></div><span>XP</span></div>
    <div class="desc-element masterTooltip" title="Crédit(s) de création"><i class="fas fa-plus-circle"></i><div class="desc-compte3"></div><span>CC</span></div></div>
    </div>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_out --><div class="desc" style="background-color:#fff;">
    <div class="desc-pseudo">Invité</div><div class="blup2"></div>
    <div class="desc-liens"></div>
    <div class="blup"></div><div class="desc-nav"></div>
    </div>
    <!-- END switch_user_logged_out -->
<div id="wrapper">

J'ai essayé de modifier le JS en incluant mon CSS mais ça n'a pas fonctionné :
Code:

$(function(){
$.get('/privmsg?folder=inbox' , function(data){
var M14_mp= $(data).find('dl.icon[style*="https://2img.net/i/fa/modernbb/topic_unread.png"]').length;
if(M14_mp)
{
var a=$('#topbar .dropdown-av-content2 bounceIn').find('a.mainmenu[href="/privmsg?folder=inbox"]').css('width');
$('#topbar .dropdown-av-content2 bounceIn').find('a.mainmenu[href="/privmsg?folder=inbox"]').append('<div class="M14_MP"style="margin-left:'+a+';">'+M14_mp+'</div>');
}
 
});
    });
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre MP non-lus

Message par Invité Mar 12 Juin 2018 - 14:48

Re,
on en peut savoir à l'avance des changements apportés,
il faudrait peut être l'annoncer dans ton sujet Wink .
De plus la css associée aurait été un plus afin d'avoir un style approprié .
Bref, ce script est fonctionnel:
Code:
$(function(){
$.get('/privmsg?folder=inbox' , function(data){
var M14_mp= $(data).find('dl.icon[style*="https://2img.net/i/fa/modernbb/topic_unread.png"]').length;
if(M14_mp)
{
var a=$('.dropdown-av-content2.bounceIn').find('a[href="/privmsg?folder=inbox"]').css('width');
$('.dropdown-av-content2.bounceIn').find('a[href="/privmsg?folder=inbox"]').append('<div class="M14_MP"style="margin-left:'+a+';">'+M14_mp+'</div>');
}
 
});
    });

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Nombre MP non-lus

Message par foxies Mar 12 Juin 2018 - 15:16

Merci beaucoup, c'est parfait Smile A l'avenir, je tacherai de donner plus d'informations.

Bonne journée !
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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