JavaScriptとACCESSでちょこっとやってみたその2
最初に主要どころ画面から行きます。
HTMLなので特に補足は不要と思いますが。
ではまずlogin.htmlからイメージはこんな感じ
んで続いて「 DailyPlanInput.html」です。イメージはこんなん
ほんで本体的な「DailyReport.html 」です。イメージはこんな感じ
HTMLなので特に補足は不要と思いますが。
ではまずlogin.htmlからイメージはこんな感じ
<!DOCTYPE html> <html lang="ja"> <head> <script type="text/javascript" src="js/DataBaseOperate.js"></script> <script type="text/javascript" src="js/dateformat.js"></script> <script type="text/javascript" src="js/Login.js"></script> <link href="css/design.css" rel="stylesheet" type="text/css"> <title>ログイン</title> </head> <body> <h2>ログイン</h2> <form name="form1"> <div id="EmpIDdisPlay"></div> <a href=# name="linkTaskPlan" id="linkTaskPlan">予定登録</a></br> <a href=# name="linkDailyReport" id="linkDailyReport">実績登録</a></br> <a href=# name="linkReportView" id="linkReportView">実績表示</a></br> </form> <h2>明細データダウンロード</h2> <form name="form2"> <a href=# name="linkTasksum" id="linkTasksum">登録データ参照</a></br> </form> </body> </html>
んで続いて「 DailyPlanInput.html」です。イメージはこんなん
<!DOCTYPE html>
<html lang="ja">
<head>
<script type="text/javascript" src="js/DataBaseOperate.js"></script>
<script type="text/javascript" src="js/dateformat.js"></script>
<script type="text/javascript" src="js/jkl-calendar.js"></script>
<script type="text/javascript" src="js/DailyPlan.js"></script>
<link href="css/design.css" rel="stylesheet" type="text/css">
<script> var cal1 = new JKL.Calendar("calender", "DateHeader", "colname");</script>
<title>計画入力</title>
</head>
<body>
<h2>計画入力</h2>
<form id ="DateHeader">
予定日:<input name="colname" id="txtPlanDate" style="width:90px" onClick="cal1.write();" onChange="cal1.getFormValue(); cal1.hide();" onfocus="this.style.backgroundColor='#ffff00'" onblur="this.style.backgroundColor='#ffffff'" type="text" />
<input type="button" name="btnDaySearch" id="btnDaySearch" value="検索" />
<span id="calender"></span>
<span id ="EmpID"></span>
</form>
<input type="button" name="ViewInsert" id="btnViewInsert" value="項目追加" onClick="ItemField.add();" />
<input type="button" name="ViewDelete" id="btnViewDelete" value="項目削除" onClick="ItemField.remove();" />
<form name="DailyPlan">
<div id="item1"></div>
</form>
</body>
</html>
ほんで本体的な「DailyReport.html 」です。イメージはこんな感じ
<!DOCTYPE html>
<html lang="ja">
<head>
<script type="text/javascript" src="js/DataBaseOperate.js"></script>
<script type="text/javascript" src="js/dateformat.js"></script>
<script type="text/javascript" src="js/jkl-calendar.js"></script>
<script type="text/javascript" src="js/DailyReport.js"></script>
<link href="css/design.css" rel="stylesheet" type="text/css">
<script>var cal1 = new JKL.Calendar("calender", "DateHeader", "colname");</script>
<title>実績入力</title>
</head>
<body>
<h2>実績入力</h2>
<b>※時間欄は時間単位で入力してください。(15分=0.25,30分=0.5,45分=0.75)</b>
<form id ="DateHeader">
入力日:<input name="colname" id="txtReportday" style="width:90px" onClick="cal1.write();" onChange="cal1.getFormValue(); cal1.hide();" onfocus="this.style.backgroundColor='#ffff00'" onblur="this.style.backgroundColor='#ffffff'" type="text" />
<input type="button" name="btnDaySearch" id="btnDaySearch" value="日報検索" />
<span id="calender"></span>
<span id ="EmpID"></span>
<input type="button" name="btnDailyPlan" id="btnDailyPlan" value="翌日分作業計画" />
作業時間合計:<input id="txtSumWorkTime" style="width:50px" type="text" />
<input type="button" name="btnSumWorkTime" id="btnSumWorkTime" value="時間再計算" />
</form>
<input type="button" name="ViewInsert" id="btnViewInsert" value="項目追加" onClick="ItemField.add();" />
<input type="button" name="ViewDelete" id="btnViewDelete" value="項目削除" onClick="ItemField.remove();" />
<form name="DailyReport">
<div id="item1"></div>
</form>
</body>
</html>
コメント