[PUNBB]Afficher une navigation rapide sur les messages

[Milouze14Fondateur]

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 image 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;
$('.sprite-arrow_prosilver_left,.sprite-arrow_prosilver_right').closest('a[href^="/t"]').addClass('pag-img');
var paginLength=$('.paging').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=$('.paging:first img[alt="Précédent"]').length;
var pagenext=$('.paging:first img[alt="Suivant"]').length;
var pagin=$('.paging:first  b:contains(1)').length;
var paginhref=$('.paging:first  a[href^="/t"]:not(.pag-img):last').attr('href');
var lastpagin=$('.paging:first  a[href^="/t"]:not(.pag-img):first').attr('href');
if(a>=3)
{
$('.posthead:first h2').append('<a class="M14_lastComment"style="position: relative;top:-8px;"><img src="'+M14_lastComment+'"/></a>');
$('.posthead:last h2').append('<a class="M14_firstComment"style="position: relative;top:-8px;"><img src="'+M14_firstComment+'"/></a>');
}
var b=$('div[class*="post--"]:last').find('.posthead a[href^="/t"]').attr('href');
var c=$('div[class*="post--"]:first').find('.posthead 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)
{
$('.posthead:first h2').append('<a class="M14_lastPost"style="position: relative;top:-8px;"><img src="'+M14_lastPost+'"/></a>');
}
if(pageprev&&(!pagenext&&pageprev))
{
$('.posthead:last h2').append('<a class="M14_firstPost"style="position: relative;top:-8px;"><img src="'+M14_firstPost+'"/></a>');
}
$.get(paginhref, function(data){
var d=$(data).find('.posthead: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