Click here to Skip to main content
15,881,172 members
Please Sign up or sign in to vote.
1.00/5 (2 votes)
See more:
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
Posted
Comments
Jameel VM 11-Jun-13 6:52am    
Your question is not clear..Please elaborate..

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900