function ajax_filter_get_posts( $id ) {
// Verify nonce
if( !isset( $_POST['afp_nonce'] ) || !wp_verify_nonce( $_POST['afp_nonce'], 'afp_nonce' ) )
die('Permission denied');
$id = $_POST['id'];
$ptype= get_post_type( $id );
$args = array( 'p' =>$id,'post_type'=>$ptype );
$query = new WP_Query( $args );
if ( $query->have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?>
<div id="horizontalTab">
<ul class="resp-tabs-list">
<li>Gallery</li>
<li>Appartementen</li>
<li>Extra informatie</li>
<?php if(simple_fields_value("restaurantslug") != '') { ?>
<li>Restaurant</li>
<?php } ?>
<?php if(simple_fields_value("welnessslug") != '') { ?>
<li>Activiteiten</li>
<?php } ?>
</ul>
<div class="resp-tabs-container" >
<div>
<?php $repeatable_field_values = simple_fields_value("text");
echo do_shortcode($repeatable_field_values);?>
</div>
<div>
<?php $repeatable_field_values2 = simple_fields_values("titela,imagea,texta,booking_systeema,booking,slidera");
foreach ($repeatable_field_values2 as $values2) {
$customtxt = $values2["texta"];
echo '
<div class="featured_item">
<div class="image">
<img src="'.$values2["imagea"]["url"].'">
</div>
<div class="description">
'.do_shortcode($values2["slidera"]).'
</div>
<div class="test"><p class="h3">'.$values2["titela"].'</p>'.$customtxt.'<a class="btn-res" href="/reserveren?huis='.$values2["titela"].'">Direct boeken</a></div></div>'.do_shortcode($values2["booking"]);
} ?>
</div>
<div><?php echo apply_filters("the_content", simple_fields_value("eiinhoud")); ?></div>
<?php if(simple_fields_value("restaurantslug") != '') { ?>
<div><?php echo apply_filters("the_content", simple_fields_value("restaurantslug")); ?></div>
<?php } ?>
<?php if(simple_fields_value("welnessslug") != '') { ?>
<div><?php echo apply_filters("the_content", simple_fields_value("welnessslug")); ?></div>
<?php } ?>
</div>
</div>
<?php endwhile; ?>
<?php else: ?>
<h2>No posts found</h2>
<?php endif;
die();
}
add_action('wp_ajax_filter_posts', 'ajax_filter_get_posts');
add_action('wp_ajax_nopriv_filter_posts', 'ajax_filter_get_posts');
this code from functions.php where used do_shortcode
jQuery(document).ready(function($) {
if($('body').hasClass('single-post')||$('body').hasClass('single-huizen-te-koop')){
var post_id = $('.targetID').attr('id')
$('#tabs').html( 'Loading....' );
data = {
action: 'filter_posts', // function to execute
dataType: 'html',
afp_nonce: afp_vars.afp_nonce, // wp_nonce
id: post_id,
};
$.post( afp_vars.afp_ajax_url, data, function(response) {
if( response ) {
// Display posts on page
console.log(response);
$('#tabs').html( $.parseHTML(response) );
tabs();
}else{ $('#tabs').html( 'Error....' );}
});
}
});
and main.js here ajax requests
