colorbox

$.fn.colorbox.close();

 

$.fn.colorbox({innerWidth:800, innerHeight:500, inline:true, href:"#contentPopup"});

 

 

<script language="javascript" type="text/javascript" src="${js_path}/jquery.colorbox-min.js"></script>

<link rel="stylesheet" type="text/css" href="${css_path}/jqGrid/ui.jqgrid.css"/>

<script language="javascript" type="text/javascript" src="${js_path}/jqGrid/i18n/grid.locale-en.js"></script>
<script language="javascript" type="text/javascript" src="${js_path}/jqGrid/jquery.layout.js"></script>
<script language="javascript" type="text/javascript" src="${js_path}/jqGrid/jquery.jqGrid.min.js"></script>
<script language="javascript" type="text/javascript" src="${js_path}/jqGrid/jquery.tablednd.js"></script>
<script language="javascript" type="text/javascript" src="${js_path}/jqGrid/jquery.contextmenu.js"></script>

 

 

<link rel="stylesheet" type="text/css" href="${css_path}/colorbox.css" media="screen" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>