カレンダーをフェードさせる

書式

<script type="text/javascript" src="jkl-opacity.js"></script>

説明

　カレンダーをフェードさせるにはjkl-opacity.jsライブラリを読み込ませます。jkl-opacity.jsライブラリが存在する場合には自動的にフェード処理が行われます。ライブラリがない場合には、フェード処理は行われず、瞬時にカレンダーが表示されます。

Ajaxライブラリ リファレンス

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="jkl-calendar.js" charset="Shift_JIS"></script>
<script type="text/javascript" src="jkl-opacity.js"></script>
<script type="text/javascript"><!--
var calendarObj;
window.onload = function ()
{
calendarObj = new JKL.Calendar("calendar","aForm","dateVar");
if ( ! calendarObj.getFormValue() ) calendarObj.setFormValue();
}
// --></script>
</head>
<body>
<h1>カレンダー（フェード処理）</h1>
<form id="aForm">
<input type="text" name="dateVar" id="dateVar" onClick="calendarObj.write()"
onChange="calendarObj.getFormValue(); calendarObj.hide();">
</form>
<div id="calendar"></div>
</body>
</html>