Sistema de abas com conteúdo carregado por AJAX no WordPress

Juanjo87 · 27/09/2016

Buenas, estoy intentando hacer un sistema de tabs en wordpress que el contenido de cada tab, me lo carge por ajax. Es decir, cuando pinche en la pestaña tab 2, el contenido de se tab, me lo carge por ajax desde una pagina que se llame por ejemplo tab2.php

alguien me puede ayudar? sobre todo lo que necesito es crear la funcion para que se carge por ajax en wordpress ya que el sistema de tabs lo tengo creado, solo seria cargar el contenido mediante ajax.

4ng3r · 27/09/2016

Que librerías usas ? Jquery??

Mira este ejemplo https://jqueryui.com/tabs/#ajax

Juanjo87 · 27/09/2016

de esta manera cargo mediante ajax lo que se encuentra en el function

PHP:

<script>
    jQuery(document).ready(function() {
        jQuery("#PleasePushMe").click(function(){
            jQuery.ajax({
                type: 'POST',
				
                url: '/exytum/wp-admin/admin-ajax.php',
                data: {
                    action: 'ajax_zone',
                    hello: "Hola Mundo"
                },
                success: function(data, textStatus, XMLHttpRequest){
                    jQuery("#test-div1").html('');
                    jQuery("#test-div1").append(data);
                },
                error: function(MLHttpRequest, textStatus, errorThrown){
                    alert(errorThrown);
                }
            });
        });
    });
</script>

Function:

PHP:

<?php
    function ajax_func_logged() {
        if ($_POST["hello"] == "Hola Mundo") {
            die("Welcome back logged human1");
        }
    }

    function ajax_func_unlogged() {
        if ($_POST["hello"] == "Hola Mundo") {
            die("Welcome back unlogged human2");
        }
    }

    add_action('wp_ajax_ajax_zone', 'ajax_func_logged');
    add_action('wp_ajax_nopriv_ajax_zone', 'ajax_func_unlogged');
?>

pero como le digo que en ve de aparecerme esos mensajes, me aparezca el contenido que tengo en una pagina llamada tab2.php ?

- - - Actualizado - - -

si uso jquery. Gracias

- - - Actualizado - - -

algo asi es lo que necesito, pero en wordpress eso no me funciona. El codigo que e escrito, parece que cumple con la funcion pero necesito editar la parte del function para decirle que me carge una hoja. tab2.php por ejemplo

YeltsinReyes · 27/09/2016

[MENTION=155885]juanjofurtado[/MENTION] el contenido que quieres cargar esta en la base de datos ? probaste usando un include(''); ?

Juanjo87 · 27/09/2016

YeltsinGraphs disse:
[MENTION=155885]juanjofurtado[/MENTION] el contenido que quieres cargar esta en la base de datos ? probaste usando un include(''); ?

no he probado con include xq creo que retrasaría el tiempo de carga de la pagina, corrígeme si me equivoco xq no estoy muy seguro de lo que digo. Lo que pretendo es que el contenido del tab2, no se cargue al entrar en mi sitio, se cargue al darle a la pestaña tab2. Entonces pienso que la mejor forma es decirle que cargue una nueva pagina mediante ajax no es así?

YeltsinReyes · 27/09/2016

juanjofurtado disse:
no he probado con include xq creo que retrasaría el tiempo de carga de la pagina, corrígeme si me equivoco xq no estoy muy seguro de lo que digo. Lo que pretendo es que el contenido del tab2, no se cargue al entrar en mi sitio, se cargue al darle a la pestaña tab2. Entonces pienso que la mejor forma es decirle que cargue una nueva pagina mediante ajax no es así?

Siii pero que contenido quieres cargarle??

Juanjo87 · 27/09/2016

pues el contenido serian los post mas visitados, con sus thumbnail y la idea es que aparezcan sin limites en un scroll infinite de esos.

YeltsinReyes · 28/09/2016

juanjofurtado disse:
pues el contenido serian los post mas visitados, con sus thumbnail y la idea es que aparezcan sin limites en un scroll infinite de esos.

Puedes usar wp_query en las funciones que usas para obtener los post !

Sistema de abas com conteúdo carregado por AJAX no WordPress

Juanjo87

4ng3r

Juanjo87

YeltsinReyes

Juanjo87

YeltsinReyes

Juanjo87

YeltsinReyes

Tópicos similares