Best Style

Você não está conectado. Conecte-se ou registre-se

Paginação em Ajax

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1Paginação em Ajax Empty Paginação em Ajax 20.12.15 11:58

Sliw

Sliw
Administrador
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:
Painel de Controle Modulos Html e Javascript Gestão dos codigos Javascript
E crie um novo Javascript com investimento em todas as paginas com esse codigo:

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));
//]]>

https://beststyle.forumeiros.com

2Paginação em Ajax Empty Re: Paginação em Ajax 20.12.15 11:58

Sliw

Sliw
Administrador
Tutorial Aceito

https://beststyle.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos