Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => PHP => Mensaje iniciado por: LeandroAcosta123 en 5 Enero 2016, 11:33 AM

Título: Filtrar por categoria de wordpress, sin recargar la pagina
Publicado por: LeandroAcosta123 en 5 Enero 2016, 11:33 AM
Hola, queria saber filtrar con jquery, por diferentes tipos de categoria, sin recargar la pagina, yo cree una variable que se llama $cat donde ahi puedo poner por codigo por que quiero filtrar, pero quiero que este con botones, y que no tenga que recargar la pagina entera, solo esa parte del contenedor, cada div con el class row, es un post del wordpress

Este es parte del codigo:

Código (html5) [Seleccionar]
<div class="container publicaciones">
     <div class="row">          
           <?php 
            $cat 
"esquel-al-mundo";
            
#and query_posts('category_name='.$cat      para indexar segun la categoria
            
if ( have_posts() and query_posts('category_name='.$cat)) : while ( have_posts() ) : the_post(); ?>

               <?php get_template_part'content'get_post_format() ); ?>
           <?php endwhile; ?>
           <?php endif; ?>
       </div>
   </div>


(https://k60.kn3.net/6/0/E/0/E/A/391.png)

Asi es como se ve, la opcion 1 seria la categoria que elija yo, cuando le apriete click ,desaparezcan los que habia cargado, y volver a mostrarlos pero filtrados por categoria
Título: Re: Filtrar por categoria de wordpress, sin recargar la pagina
Publicado por: gAb1 en 5 Enero 2016, 21:18 PM
Si quieres compilar código php sin tener que recargar la página necesitas ajax (http://api.jquery.com/jquery.ajax/). Hay muchas maneras de hacer una petición a un archivo php para que devuelva lo que necesitas usando jquery.

Primero necesitas crear el script php y ponerlo en un archivo (puede ser el mismo). Luego con jquery haces la petición al archivo, buscas (https://api.jquery.com/find/) el div que quieres reemplazar y lo reemplazas (http://api.jquery.com/html/). Asi de sencillo.

Es muy sencillo, lee la documentación y los ejemplos, verás como lo consigues.