Month: February 2014

Div which is shown on facebox-------------
<div class="overlay" style="overflow: auto;">
	<div class="confirmbox" style="margin: 3% auto;display:none;">
		<span>
			<img style="cursor:pointer;float:right;" title="Close" onclick="javascript:close_overlay();" src="img/del.gif" border="0">
			<div id='content_container'></div>
		</span>
	</div>
</div>
javascript

<script type="text/javascript">
function close_overlay(){
		$('.overlay').hide('slow');	
	}		
$(document).ready(function(){

	$('.terms_link').live('click',function(){
		var content = $(this).parent().find(".terms_link_data").html();
		$('#content_container').html(content);
		$(".confirmbox").css('height','40%');
		$(".confirmbox").css('width','40%');      		
		$(".overlay").show('slow');
		$(".confirmbox").css('display','block');   
	});
});
</script>
html apply here------------
<td style='border:solid 1px #245F9B;' align="center" >
				<div style='display:none;' class="terms_link_data">
					<? echo $data['comment'];?>
				</div>
				<a href='#' style='text-decoration:none;' class='terms_link'>
					<? echo ellipsis(ucfirst($data['comment']),50);?>
				</a>
			</td>