I am using jquery pop up window in my project...
in this am displaying grid am do paging for this if i click the paging feature that pop will hiding... againe i have to click the pop up.. how can i stay back that pop up please give me sugition for this...
<style type="text/css">
/* popup_box DIV-Styles*/
#popup_box
{
display: none; /* Hide the DIV */
position: fixed;
_position: absolute; /* hack for internet explorer 6 */
height: 430px;
width: 470px;
background: #FFFFFF;
left: 350px;
top: 190px;
z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
margin-left: 15px; /* additional features, can be omitted */
border: 2px solid #6DA351;
padding: 15px;
font-size: 15px;
-moz-box-shadow: 0 0 5px #3669A9;
-webkit-box-shadow: 0 0 5px #3669A9;
box-shadow: 0 0 5px #6DA351;
}
#popup_box1
{
display: none; /* Hide the DIV */
position: fixed;
_position: absolute; /* hack for internet explorer 6 */
height: 430px;
width: 470px;
background: #FFFFFF;
left: 350px;
top: 190px;
z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
margin-left: 15px; /* additional features, can be omitted */
border: 2px solid #3669A9;
padding: 15px;
font-size: 15px;
-moz-box-shadow: 0 0 5px #6DA351;
-webkit-box-shadow: 0 0 5px #6DA351;
box-shadow: 0 0 5px #6DA351;
}
#container
{
background: #d2d2d2; /*Sample*/
width: 100%;
height: 100%;
}
a
{
cursor: pointer;
text-decoration: none;
}
/* This is for the positioning of the Close Link */
#popupBoxClose
{
font-size: 17px;
line-height: 15px;
right: 5px;
top: 5px;
position: absolute;
color: #6fa5e2;
font-weight: 500;
}
#popupBoxClose1
{
font-size: 17px;
line-height: 15px;
right: 5px;
top: 5px;
position: absolute;
color: #6fa5e2;
font-weight: 500;
}
.popup_box .x
{
font-size: 17px;
line-height: 15px;
right: 5px;
top: 5px;
position: absolute;
color: #6fa5e2;
font-weight: 500;
}
.popup_box .x:hover
{
cursor: pointer;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$('#Moredetails').click(function () {
//alert("haiiii");
// When site loaded, load the Popupbox First
loadPopupBox();
$('#popupBoxClose1').click(function () {
unloadPopupBox();
});
$('#container').click(function () {
unloadPopupBox();
});
function unloadPopupBox() { // TO Unload the Popupbox
$('#popup_box1').fadeOut("slow");
$("#container").css({ // this is just for style
"opacity": "1"
});
}
function loadPopupBox() { // To Load the Popupbox
$('#popup_box1').fadeIn("slow");
$("#container").css({ // this is just for style
"opacity": "0.3"
});
}
});
});
</script>
code like this