In de betreffende template (in dit geval ongelezen status van een bericht)
<tr id="<?php echo $idsol; ?>"> <td class="stat"><?php if($stat == 'Ongelezen'):?><i class="krtz-full-moon grn" title="Ongelezen"></i> <i class="krtz-moon3 grn hide" title="Gelezen"></i> <?php else:?><i class="krtz-moon3 grn" title="Gelezen"></i><?php endif; ?></td></tr>
<script type="text/javascript">
jQuery("a.r<?php echo $idsol; ?>").click(function() {
var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>"
var data = {
'action' : 'zet_op_ongelezen', // the name of your PHP function!
'post_id' : '<?php echo $idsol; ?>'
};
jQuery.post(ajaxurl, data, function(response) {
jQuery("#<?php echo $idsol; ?> td.stat i").toggleClass("hide");
});
});
</script>
In functions.php
function zet_op_ongelezen_action_callback() {
$post_id = intval( $_POST['post_id'] );
wp_set_object_terms( $post_id, 'gelezen', 'status_lezen' );
wp_die();
}
add_action( 'wp_ajax_nopriv_zet_op_ongelezen', 'zet_op_ongelezen_action_callback' );
add_action( 'wp_ajax_zet_op_ongelezen', 'zet_op_ongelezen_action_callback' );
#AJAX #custom taxonomy #gelezen #jQuery #ongelezen #status