I have an AJAX callback function inside my functions.php
file, which displays posts in a specific category.
add_action( 'wp_ajax_ajaxified_function', 'ajaxified_function' );
add_action( 'wp_ajax_nopriv_ajaxified_function', 'ajaxified_function' );
function ajaxified_function()
{
$post = get_post($_POST['post_id']);
$feat_image = get_the_post_thumbnail($post->ID);
$desc_values = get_post_custom_values("designation",$post->ID);
$title = current(explode(' ', get_the_title($post->ID)));
if( is_array( $desc_values ) )
{
foreach($desc_values as $key => $value );
}
$email_values = get_post_custom_values("email",$post->ID);
if( is_array( $email_values ) )
{
foreach($email_values as $key => $email_value );
}
echo '<div id="bloggers_avatar">'.$feat_image.'</div>'.$post->post_.'<div id="bloggers_title">'.$post->post_title.'</div><div id="bloggers_desig">'.$value.'</div><div id="emailid" ><a class="email_link">Email '.$title.'</a></div><br/><div id="postContent">'.$post->post_content.'</div>';
echo '<script>
jQuery(document).ready(function(){
jQuery(".email_link").colorbox({inline:true,
width:400,
height:600,
fixed:true,
href:"#email_id_meet_the_team"
});
});
</script>';
echo '<div style="display:none">
<div id="email_id_meet_the_team">
<div>';
echo do_shortcode('Error: Contact form not found.
');
echo '</div>
</div>
</div>';
die();
}
When I use this its just echoing the shortcode instead of showing the contact form.
I am working on local now. I have a demo which just uses just the ajax, not the colorbox.
You can see a Email link in the biography div. On clicking on that link I want to show a colorbox with the contact form.