|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/www/schedule/ |
Upload File : |
<!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>
<title>Look - Left&Right</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv='expires' content='-1' />
<meta http-equiv= 'pragma' content='no-cache' />
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="./css/ui-lightness/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
<script src="./js/jquery.js" type="text/javascript"></script>
<script src="./js/jquery-ui.min.js"></script>
<script src="./js/jquery.ui.datepicker-ko.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
// calendar
$.datepicker.setDefaults( $.datepicker.regional[ "ko" ] );
$("#CAL_DISPLAY").datepicker({
showOtherMonths: true,
selectOtherMonths: true
});
// name&value delever
$("#CAL_DISPLAY").change(function()
{
var dataString = 'str='+ $(this).val();
//alert(dataString);
$.ajax({
type : "post", // method
url : "CalAjaxActive.html", // url
data : dataString, // name & value
cache: false, // cache
success: function(html) { // display
$("#RESULT").html(html);
}
});
});
// left&right pannel
$(".rightDiv").hide();
$(".show_hide").show();
$(".show_hide").click(function ()
{
$(".rightDiv").toggle("slide", { direction: "left" }, 1000);
});
});
</script>
<style>
body { font-family:Verdana, Geneva, sans-serif; font-size:14px; }
.show_hide {
display:none;
}
.rightDiv {
z-index: 11;
position: absolute; // relative, fixed, absolute, static
width: 600px;
height:100%;
background-color: #ffffff;
padding: 20px 30px 20px 30px;
margin-top:0px;
border-right:5px solid #efefef;
}
.displayRL {
z-index: 1111;
position: absolute;
width: 300px;
height:250px;
left: 20px;
top: 400px;
text-align: left;
line-height: 130%;
text-align: justify;
margin-top:0px;
}
</style>
<div>
<div class="rightDiv">
<div id="CAL_DISPLAY" style="width: 300px;"></div>
<div class=displayRL id='RESULT'></div>
<div style="width:100%; text-align:right;"><a href="#" class="show_hide">Close</a></div>
</div>
</div>
<div style="top:500px; padding: 350px 0px 0px 0px;">
<a href="#" class="show_hide">CALENDAR</a>
</div>
</body>
</html>