Informações:
Autor: waghcwb
Funcionalidade: PunBB
Com este código é possível conseguir o efeito de navegação entre as páginas de um tópico sem precisar dar um refresh na página, basta clicar no link que o conteúdo é automaticamente carregado.
Acesse:
E crie um novo Javascript com investimento em todas as paginas com esse codigo:Painel de Controle ☛ Modulos ☛ Html e Javascript ☛ Gestão dos codigos Javascript
- Código:
/*
* Ajax pagination for Forumotion board - Pure Javascript;
* Author: waghcwb
* This work is free and you can modify, edit and distribute it, but please, keep the original credits;
* Last update: 26/07/2014
*/
//<![CDATA[
var Pagination = (function(w, d) {
var pagination = {
init: function() {
this.run();
},
run: function() {
w.addEventListener('DOMContentLoaded', function() {
var links = d.querySelectorAll('p.paging a[href^="/t"]');
for (var i = 0; i < links.length; i++) {
links[i].addEventListener('click', function(event) {
event.preventDefault();
var link = this.getAttribute('href'),
xhr = new XMLHttpRequest();
xhr.onload = function() {
d.querySelector('.topic').innerHTML = this.responseXML.querySelector('.topic').innerHTML;
d.title = this.responseXML.title;
scrollToTop();
};
xhr.open('GET', link);
xhr.responseType = 'document';
xhr.send();
});
}
function scrollToTop() {
if (w.scrollY > d.querySelector('.paged-head').offsetTop) {
w.setTimeout(function() {
w.scrollTo(0, w.scrollY - 30);
scrollToTop();
}, 10);
} else {
w.clearTimeout(scrollToTop);
}
}
});
}
};
pagination.init();
}(window, document));
//]]>