In the parent page, add the css of dhtml window
<link rel=”stylesheet” href=”../Jss/dhtmlwindow.css” type=”text/css” />
<script type=”text/javascript” src=”../Jss/dhtmlwindow.js”></script>
function on()
{
var docid='<%=docid%>’;
dhtmlwindow.open(“googlebox”, “iframe”, “frmList.aspx?docid=”+id, “Details”, “width=400px,height=160px,resize=1,scrolling=1,center=1”, “recal”)
}
in the child page
<style type=”text/css”>
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.main_heading {
font-weight:bold;
color:#990000;
}
.sub_heading {
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding-left:5px;
background-color:#696969;
}
.cssbutton
{
background-color: #333333;
padding: 1px 1px;
color: #fff;
text-decoration: none;
font: bold 10px Verdana, Helvetica, sans-serif;
border-right: #a9a9a9 1px outset;
border-top: #a9a9a9 1px outset;
border-left: #a9a9a9 1px outset;
width:80px;
border-bottom: #a9a9a9 1px outset;
}
.cssbutton:visited{
color: black;
}
.cssbutton:hover
{
border-style: inset;
color:#000;
background-color: #333333;
padding: 2px 2px 0 3px; /*shift text 1px to the right and down*/
}
</style>
sample:
<img alt=” Check” onclick=”Javascript:preview();” style=”cursor: hand;”
src=”../images/sample.gif” />
function preview()
{
var jumpof = window.open(“frmt.aspx”, “”, “location=no,menubar=no,resizable=yes,width=550,height=550,scrollbars=yes,left=10,top=0”)
}