[Tutorial] Botão "Seguinte" e "Anterior" nas mensagens privadas

Esta função permite-lhe que navegue pelas mensagens privadas sem a necessidade de ter de voltar à caixa de entrada.

--> Tutoriais, dicas e astúcias <--
Botão "Seguinte" e "Anterior" nas mensagens privadas

1º - Noção básica da função
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.


 
             

Título - Correspondente ao nome da página JavaScript/jQuery que será criada.

             

Localização - São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos em todas as páginas.

             

Código JavaScript - Campo destinado para receber os códigos JavaScript e jQuery.

             

Habilitar o gerenciamento dos códigos JavaScript - Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

2º - Código JavaScript a ser utilizado

Código:

$(function(){
var maxMP=50;/*2%/MP*/
var a=["inbox","savebox"],b,dl=document.location.toString(),cc=1,cI=0,collect=[],SPP=false;
var fpidP=function(dossier){var dossier=dossier,stop=stop||false;
if(!stop)$.get("/privmsg?folder="+dossier+"&start="+cI,(function(dossier,d){
    var c,$d=$(d),i,l=dossier,$navMP=$("<div>",{id:"navMP"}),precedent,suivant;
    c=$("form[action^='/privmsg'] a[href^='/privmsg?folder="+l+"&mode=read&p=']",$d);
    if(!SPP){
SPP=$("form[action^='/privmsg'] a[href*='&start=']",$d).length?parseInt(/&start=(\d+)/.exec($("a[href*='&start=']",$d)[0].href)[1]):50;
    }
    for(i=0;i<c.length;i++){
collect[cI+i]=c[i];
}
 for(i=0;i<collect.length;i++){
 if(collect[i].href.indexOf('&p='+pid)!=-1){
  if(i!==collect.length-1)$navMP.append($('<a>',{id:"navMP-precedent",href:collect[i+1].href,title:collect[i+1].textContent}));
  if(i!==0)$navMP.append($('<a>',{id:"navMP-suivant",href:collect[i-1].href,title:collect[i-1].textContent}));
  /*Evitons les requetes inutiles...*/
  stop=i<collect.length-1;
  break;
  };
 }
 cI+=SPP;cc++;
 if(cc<=Math.ceil(maxMP/SPP)&&!stop){fpidP(dossier);}
$("#navMP").length?$("#navMP").html($navMP.html()):$("form[action^='/privmsg']").before($navMP);
   
  }).bind(null,dossier))};
for(b in a){
 if(dl.indexOf("/privmsg\?folder="+a[b]+"&mode=read&p=")!=-1){
  var pid=/&p=(\d+)/.exec(dl)[1];
  fpidP(a[b]);
 }
}
});

3º - Adicionar código CSS à folha de estilos

Código:

Código:

#navMP>a{
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
  font-size:16px;
  line-height:16px;
  color:#eee;
  background:#BDC8D0;
  text-decoration:none !important;
  border:1px solid #aaa;
}
#navMP>a:hover{
  color:#fff;
  background:#CDD8E0;
  text-decoration:none !important;
}
#navMP-precedent{
  border-radius:8px 0 0 8px;
}
#navMP-suivant{
  float:right;
  border-radius:0 8px 8px 0;
}
 
#navMP-precedent::before{
  content:"Mensagem anterior"
}
#navMP-suivant::before{
  content:"Próxima mensagem"
}

4º - Resultado