Magento: Fancybox popup using ajax with dynamic content.

1. Call the controller function from phtml page like as:

<a class="vgod-mem-face-popup fancybox.ajax" href="<?php echo Mage::getUrl("event/index/memberBioDataPopup",array('id'=> $member->getId())) ?>">Some text</a>

2. On the phtml page add the following script

<!--Member popup start -->
<script type="text/javascript">
	$j(document).ready(function() {
		$j(".vgod-mem-face-popup").fancybox({
			padding     : 0,
			maxWidth	: 800,
			maxHeight	: 600,
			fitToView	: true,
			width		: 'auto',
			height		: 'auto',
			autoSize	: true,
			openEffect	: 'none',
			closeEffect	: 'none',
			'tpl': { 
                closeBtn: '<a title="Close" class="fancybox-item fancybox-close email-friend-popup-close" href="javascript:;"></a>'
            },
			'helpers': {
                overlay: {
                    locked: false,
					closeClick: false //prevents closing when clicking OUTSIDE fancybox
                }
            },
			ajax: {
				complete: function(jqXHR, textStatus) {
                                    grecaptcha.render('recaptcha', {
				        sitekey: '6LcATxsUAAAAAN_aL6B1jud7ECz5RxSVD1pmJ-bS',
					callback: function(response) {
					console.log(response);
				    }			
				});
					
			 }
			}
		});
	});
</script>
<!--Member popup end -->

3. In Controller page define the function:

public function memberBioDataPopupAction(){
		
    $id = $this->getRequest()->getParam('id');
    $member = Mage::getModel('aboutus/team')->load($id);
    echo $this->getLayout()
        ->createBlock('event/event')
        ->setMember($member)
        ->setTemplate('event/member/popup.phtml')
        ->toHtml();
}

4. create a phtml file for popup:

<?php $member = $this->getMember(); ?>
<?php // echo "<pre>"; print_r($member->getData()); ?>

<section class="team-bio-info popup-member-bio">
	<div class="row">
		<div class="col-lg-4">
			<div class="team-details">
				<div class="member-img">
					<img alt="VGOD TEAM" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).$member->getFacePhoto() ?>" />
				</div>
				<h2><?php echo $member->getFirstName().' '.$member->getLastName() ?></h2>
				<h3>"<?php echo $member->getNickName() ?>"</h3>
				<div class="personal-info">
					<div><span class="info-label"><?php echo $this->__('BORN:') ?></span><span class="info-value"><?php echo date("m/d/Y", strtotime($member->getBorn()) ); ?></span></div>
					<div><span class="info-label"><?php echo $this->__('HOMETOWN:') ?></span><span class="info-value"><?php echo $member->getCity().', '.$member->getState() ?></span></div>
					<div><span class="info-label"><?php echo $this->__('VGOD DEBUT:') ?></span><span class="info-value"><?php echo $member->getVgodDebut() ?></span></div>
					<div><span class="info-label"><?php echo $this->__('YEARS VAPING:') ?></span><span class="info-value"><?php echo $member->getYearsVaping() ?> Years</span></div>
					<?php if($member->getFavoriteTrick()): ?>
						<div><span class="info-label"><?php echo $this->__('FAVORITE TRICK:') ?></span><span class="info-value"><?php echo $member->getFavoriteTrick() ?></span></div>
					<?php endif; ?>
					<?php if($member->getOtherFact()): ?>
						<div><span class="info-label"><?php echo $this->__('OTHER FACT?') ?></span><span class="info-value"><?php echo $member->getOtherFact() ?></span></div>
					<?php endif; ?>
				</div>
			</div>
		</div>
		<div class="col-lg-8">
			<div class="team-bio">
				<div class="bio-describe">
					<h2><?php echo $this->__('BIO') ?></h2>
					<div class="full-content"><?php echo $member->getBio() ?></div>
				</div>
			</div>
		</div>
	</div>
</section>