<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#popupBoxClose
{
font-size:10px;
line-height:15px;
right:5px;
top:5px;
position:absolute;
color:#6fa5e2;
font-weight:500;
}
#popup_box
{
display:none; /* Hide the DIV */
position:fixed;
_position:absolute; /* hack for internet explorer 6 */
height:300px;
width:600px;
background:#FFFFFF;
left: 300px;
top: 150px;
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 #999999;
padding:15px;
font-size:15px;
-moz-box-shadow: 0 0 5px #ff0000;
-webkit-box-shadow: 0 0 5px #ff0000;
}
</style>
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(JqueryAction);
JqueryAction();
});
function ShowPopUp() {
$('#popup_box').slideDown("slow");
}
function JqueryAction() {
$('#popupBoxClose').click(function () {
$('#popup_box').slideUp("slow");
});
}
$(document).ready
(
function () {
$("#ab").click(
function () {
ShowPopUp();
}
)
}
)
$(document).ready
(
function () {
$('#btn').click(
function () {
$('#tb').attr("value", $('#tb1').val())
JqueryAction()
}
)
}
)
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager>
<div>
<asp:TextBox ID="tb" runat="server"></asp:TextBox>
<a href="#" id="ab" >Press Me</a>
<div id="popup_box">
<a id="popupBoxClose">Close</a><br />
<asp:TextBox ID="tb1" runat="server"></asp:TextBox>
<asp:Button ID="btn" runat="server" Text="Save" Width="80" />
</div>
</div>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#popupBoxClose
{
font-size:10px;
line-height:15px;
right:5px;
top:5px;
position:absolute;
color:#6fa5e2;
font-weight:500;
}
#popup_box
{
display:none; /* Hide the DIV */
position:fixed;
_position:absolute; /* hack for internet explorer 6 */
height:300px;
width:600px;
background:#FFFFFF;
left: 300px;
top: 150px;
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 #999999;
padding:15px;
font-size:15px;
-moz-box-shadow: 0 0 5px #ff0000;
-webkit-box-shadow: 0 0 5px #ff0000;
}
</style>
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(JqueryAction);
JqueryAction();
});
function ShowPopUp() {
$('#popup_box').slideDown("slow");
}
function JqueryAction() {
$('#popupBoxClose').click(function () {
$('#popup_box').slideUp("slow");
});
}
$(document).ready
(
function () {
$("#ab").click(
function () {
ShowPopUp();
}
)
}
)
$(document).ready
(
function () {
$('#btn').click(
function () {
$('#tb').attr("value", $('#tb1').val())
JqueryAction()
}
)
}
)
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager>
<div>
<asp:TextBox ID="tb" runat="server"></asp:TextBox>
<a href="#" id="ab" >Press Me</a>
<div id="popup_box">
<a id="popupBoxClose">Close</a><br />
<asp:TextBox ID="tb1" runat="server"></asp:TextBox>
<asp:Button ID="btn" runat="server" Text="Save" Width="80" />
</div>
</div>
</form>
</body>
</html>
No comments:
Post a Comment