[MODERNBB] Afficher une navigation rapide sur les messages

Hello les ami(e)s,

cette astuce et bien sympa,
elle consiste a déposer un bouton à côté du titre du sujet qui au clic amènera  vers le dernier message de la page et vice versa.

Dès lors que le sujet aura plus d'une page, un autre bouton viendra se greffer seulement à côté du premier message et au clic amènera
vers le dernier message du sujet et vice versa.

Pour que l'astuce soit fonctionnelle, il est impératif que tous les forums est le message le plus ancien en premier:



Il faut quatre images pour faire fonctionner le script,
vous pourrez les changer comme bon vous semble en respectant les dimensions suivantes:

32px par 32px

   


Ces images sont placées en début de script,suivez les commentaires pour vous repérer.


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettre un titre explicite.
Cochez sur les sujets.


Déposez ceci:

Code:


$(function(){
if (_userdata["user_id"] >= (0)){
var a=$('div[class*="post--"]').length;
  alert(a);
var paginLength=$('.pagination').length;
//LE LIEN DE L IMAGE VOIR LE DERNIER MESSAGE
var M14_lastComment='https://i.servimg.com/u/f87/11/26/21/37/arrow-14.png';
// LE LIEN DE L IMAGE VOIR LE PREMIER MESSAGE
var M14_firstComment='https://i.servimg.com/u/f87/11/26/21/37/arrow-15.png';
//LIEN DE L IMAGE VOIR LE DERNIER MESSAGE DU SUJET
var M14_lastPost='https://i.servimg.com/u/f87/11/26/21/37/naviga10.png';
//LIEN DE L IMAGE VOIR LE PREMIER MESSAGE DU SUJET
var M14_firstPost='https://i.servimg.com/u/f87/11/26/21/37/naviga11.png';
var pageprev=$('.pagination:first img[alt="Précédent"]').length;
var pagenext=$('.pagination:first img[alt="Suivant"]').length;
var pagin=$('.pagination:first span strong:contains(1)').length;
var paginhref=$('.pagination:first span a[href^="/t"]:not(.pag-img):last').attr('href');
var lastpagin=$('.pagination:first span a[href^="/t"]:not(.pag-img):first').attr('href');
if(a>=3)
{
  $('.profile-icons:first li:first').before('<li><a class="M14_lastComment"style="position: relative;top:-8px;"><img src="'+M14_lastComment+'"/></a></li>');
  $('.profile-icons:last li:first').before('<li><a class="M14_firstComment"style="position: relative;top:-8px;"><img src="'+M14_firstComment+'"/></a></li>');
}
var b=$('div[class*="post--"]:last').find('h2.topic-title a[href^="/t"]').attr('href');
var c=$('div[class*="post--"]:first').find('h2.topic-title a[href^="/t"]').attr('href');
$('.M14_lastComment').attr('href',b).attr('title','Voir le dernier message');
$('.M14_firstComment').attr('href',c).attr('title','Voir le premier message');  
// start tooltipster
        $('.M14_lastComment,.M14_firstComment').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
if(pagin)
{
  $('.profile-icons:first li:first').before('<li><a class="M14_lastPost"style="position: relative;top:-8px;"><img src="'+M14_lastPost+'"/></a></li>');
}
if(pageprev&&(!pagenext&&pageprev))
{
  $('.profile-icons:last li:first').before('<li><a class="M14_firstPost"style="position: relative;top:-8px;"><img src="'+M14_firstPost+'"/></a></li>');
}
$.get(paginhref, function(data){
var d=$(data).find('h2.topic-title:last a[href^="/t"]').attr('href');
if(lastpagin)
{
$('.M14_firstPost').attr('href',lastpagin).attr('title','Voir le premier message du sujet');
}
if(pagin&&pagenext)
{
$('.M14_lastPost').attr('href',d).attr('title','Voir le dernier message du sujet');
}
  // start tooltipster
        $('.M14_lastPost,.M14_firstPost').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
});}});



Pensez a cliquer sur le bouton Valider

Merci beaucoup !

Merci beaucoup !