L'objectif est de positionner les outils de pagination dans un module qui peut apparaître en tête comme sur la gauche de la fenêtre.

Comme la solution de Papasti a quelquefois tendance à ne pas se rafraîchir, cette solution semble plus fiable.

Dans le module (ici Tourne page), la partie HTML

<div id='tournepage'> <p id="numero"> <span id="'lesicon"> <img class="pageicon" onclick="MBNgotopage(1)" src="/images/2leftarrow.png" alt="Première page" onmouseover="Help.bubble(this, 'Première page')"/> <img class="pageicon" onclick="MBNgotopage(2)" src="/images/1leftarrow.png" alt="Page précédente" onmouseover="Help.bubble(this, 'Page précédente')"/> <img class="pageicon" onclick="MBNgotopage(3)" src="/images/1rightarrow.png" alt="Page suivante" onmouseover="Help.bubble(this, 'Page suivante')"/> <img class="pageicon" onclick="MBNgotopage(4)" src="/images/2rightarrow.png" alt="Dernière page" onmouseover="Help.bubble(this, 'Dernière page')"/> <img class="pageicon" onclick="recupnumpage()" alt="Numero" src="/images/icon_comment.png" onmouseover="Help.bubble(this, 'Numero')"></span> <span id="lapage"> </span> </p> </div> <style> .pageicon { cursor: pointer; </style>

Les scripts (dans le module ou dans la zone de script)

<script id="MBNtournepage2" type="text/javascript"> function recupnumpage(){ var pagenumero=" "; var numeropage = document.getElementsByClassName('pagination-current'); if (numeropage.length==0) {return true;} pagenumero=numeropage[0].innerHTML; alert ("Page : " + pagenumero); } function MBNgotopage(choix) { //choix 1 : première page //choix 2 : page precedente //choix 3 : page suivante //choix 4 : derniere page var page_suiv=""; var page_pred="" var page_deb="" var page_der="" var numpage="" var tpage=document.getElementsByClassName('pagination'); if (tpage.length == 0) { alert ("Pas de pagination"); return true; } var arrow=tpage[0].getElementsByClassName('pagination-arrow'); for(var i=0; i<arrow.length; i++){ var cible=arrow[i].getAttribute('onmouseover'); if (cible.includes("Page suivante")) { page_suiv=arrow[i].getAttribute('href'); //alert ("Page suivante" + page); } if (cible.includes("Page précédente")) { page_pred=arrow[i].getAttribute('href'); //alert ("Page précédente" + page); } if (cible.includes("Première page")) { page_deb=arrow[i].getAttribute('href'); //alert ("Première page" + page); } if (cible.includes("Dernière page")) { page_der=arrow[i].getAttribute('href'); //alert ("Dernière page" + page); } } // selon la valeur de choix la nouvelle page if (choix==1 && page_deb.length>0){ window.location.href=page_deb; } if (choix==2 && page_pred.length>0){ window.location.href=page_pred; } if (choix==3 && page_suiv.length>0){ window.location.href=page_suiv; } if (choix==4 && page_der.length>0){ window.location.href=page_der; } } </script>