Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  

 

 [PUNBB]Afficher une navigation rapide sur les messages

Aller en bas 
AuteurMessage
Milouze14
Fondateur

Milouze14



[PUNBB]Afficher une navigation rapide sur les messages Empty
MessageSujet: [PUNBB]Afficher une navigation rapide sur les messages   [PUNBB]Afficher une navigation rapide sur les messages EmptyVen 5 Oct 2018 - 4:15

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:

[PUNBB]Afficher une navigation rapide sur les messages 158

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



Citation :
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

Revenir en haut Aller en bas
https://www.milouze14.com
 
[PUNBB]Afficher une navigation rapide sur les messages
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [PUNBB] Mettre en résolu via la réponse rapide
» [MODERNBB] Afficher une navigation rapide sur les messages
» [PHPBB3]Afficher une navigation rapide sur les messages
» [PUNBB]Supprimer le tag "Re" sur les messages
» [PUNBB] Afficher un bouton de navigation sur le premier et le dernier message

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces Punbb-
Sauter vers: