[PHPBB3]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 image sont placées en début de script,suivez les commentaires pour vous repérer.




Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript


Mettre un titre explicite.
Cocher  Sur les sujets


Déposez ceci:

Code:


$(function(){
if (_userdata["user_id"] >= (0)){
var a=$('div[class*="post--"]').length;
var paginLength=$('p.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=$('p.pagination:first .pag-img img[alt="Précédent"]').length;
var pagenext=$('p.pagination:first .pag-img img[alt="Suivant"]').length;
var pagin=$('p.pagination:first span strong:contains(1)').length;
var paginhref=$('p.pagination:first span a[href^="/t"]:not(.pag-img):last').attr('href');
var lastpagin=$('p.pagination:first span a[href^="/t"]:not(.pag-img):first').attr('href');
if(a>=3){$('h2.topic-title:first').after('<a class="M14_lastComment"><img src="'+M14_lastComment+'"/></a>');
$('h2.topic-title:last').after('<a class="M14_firstComment"><img src="'+M14_firstComment+'"/></a>');}
var b=$('div[class*="post--"]:last').find('h2.topic-title a').attr('href');
var c=$('div[class*="post--"]:first').find('h2.topic-title a').attr('href');
$('.M14_lastComment').attr('href',b).attr('title','Voir le dernier message');
$('.M14_firstComment').attr('href',c).attr('title','Voir le premier message');  
if(pagin){$('h2.topic-title:first').after('<a class="M14_lastPost"><img src="'+M14_lastPost+'"/></a>');}
if(pageprev&&(!pagenext&&pageprev)){$('h2.topic-title:last').after('<a class="M14_firstPost"><img src="'+M14_firstPost+'"/></a>');}
$.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');}
var u=$('.M14_firstPost').length;var v=$('.M14_firstComment').length;
if(u&&v){$('.M14_firstComment').insertBefore('.M14_firstPost');}});}});



Penser a cliquer sur le bouton


Voila, c'est tout pour le moment .
Un soucis direction l'entraide
https://www.milouze14.com/f14-entraide-forumactif

Merci beaucoup !

Un casse tête réussi Philippe. Bravo et merci pour ce complément.

Hello et merci Serge,
effectivement, j'ai un peu galéré , mais bon le résultat est là

Merci beaucoup !

Bientôt sur Edge Fred

@Milouze14 a écrit:Bientôt sur Edge Fred

En tout cas en l'état le script fonctionne sur Edge

Vi car EDGE est basé sur la version phpbb3,
EDGE est dépourvu d'image (ou presque) et utilises la bibliothèque FontAwesome

Merci beaucoup mon ami Phil

Sa marche impec et c'est très pratique surtout quand la page est longue

Hello Chris,

@chrisnvidia a écrit:

Merci beaucoup mon ami Phil

Sa marche impec et c'est très pratique surtout quand la page est longue

c'était un peu le but

Hi,

@chrisnvidia a écrit:

Merci beaucoup mon ami Phil

Sa marche impec et c'est très pratique surtout quand la page est longue

Pour la version Edge le tuto se trouve ici : https://www.milouze14.com/t31712-edgeafficher-une-navigation-rapide-sur-les-messages#M14

Merci beaucoup Phil pour tes idées géniales ... 

 nb : je ne sais pas s'il y a une relation de cause à effet mais je viens d'installer cette navigation facilitée et ... j'ai perdu les boutons de la réponse rapide (que je retrouve en faisant "prévisualisation" ) ... A savoir que j'ai aussi installé l'outil de modération (roue crantée verte avec menu déroulant). Je viens de faire une déconnexion/reconnexion... on ne sait jamais, mais pas de changement ! 

Hi Jean,
Le mieux est encore d'ouvrir un topic sur le forum d'entraide > ici