Ｒｅ：ＳＡＬＯＯＮ　＆　ＶＢＡ

HTA + Javascript　レストラン予約システム④　合体版

HTA

2016年04月24日 15時48分33秒

HTA + Javascript　レストラン予約システム①～③の結果
jQuery を利用したことで、タブで切り替えるということを思いつき
３つの HTA を合体させてみました。
大きくなりましたので、溢れる分はコメントで投稿しています。

***＜ RESTRANT.hta ＞*************************************************
<html>
<head>
<hta:application navigable="yes" scroll="auto">
</hta:application>
<title>レストランご予約システム</title>
<script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery-ui-i18n.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/black-tie/jquery-ui.css"></link>
<script language="JavaScript" type="text/javascript">
var mdb　= "RESTRANT.mdb";
var yyb　= ""; // 予約日
var tan　= ""; // 担当者
/* ==================================================
＿＿初期処理
===================================================== */
function func_init() {
　window.resizeTo(940,620);
　var cn = new ActiveXObject("ADODB.Connection");
　try {
　　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=RESTRANT.mdb");
　　cn.Close(); cn = null;
　　$("#tab_area").tabs({ disabled: [2] });
　} catch (e) {
　　$("#tab_area").tabs({ active: 2 });
　　alert("MDBがありません、DB作成処理を実行して下さい！" + e);
　　document.write("<BR><b>MDBがありません、DB作成処理を実行して下さい！</a>");
　　return;
　}
　document.getElementById("frm2").style.display="none";
　set_selOdr1();
　List_disp1();
　document.getElementById("frm4").style.display="none";
　Tbl_disp2();
}
/* ==================================================
＿＿予約日一覧の設定
===================================================== */
function List_disp1() {
　var cn = new ActiveXObject("ADODB.Connection");
　var mySql　= "SELECT format(予約日,'YYYY/MM/DD') FROM ご予約 GROUP BY 予約日 ORDER BY 予約日 DESC";
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);
　var rs　= cn.Execute(mySql);
　var select = document.getElementById("selYYB");
　for (var i = select.childNodes.length - 1; 0 <= i; --i) {
　　select.removeChild(select.childNodes[i]);
　}
　while (!rs.EOF){
　　var option　 = document.createElement("option");
　　option.value = rs(0).value;
　　var text　　 = document.createTextNode(rs(0).value);
　　option.appendChild(text);
　　select.appendChild(option);
　　if (yyb == "") { yyb = rs(0).value; }
　　if (yyb == rs(0).value) { option.selected = true; }
　　rs.MoveNext();
　}
　rs.Close(); rs = null;
　cn.Close(); cn = null;
　Tbl_disp1();
}
/* ==================================================
＿＿一覧表の設定
===================================================== */
function Tbl_disp1() {
　var cn = new ActiveXObject("ADODB.Connection");
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);　 // <== ODBC接続
　var mySql = "SELECT 予約ID,format(来店時刻,'HH:MM'),お客様名,人数,状況 FROM ご予約";
　if (yyb != "") { mySql += " WHERE 予約日 = #" + yyb + "# ORDER BY 来店時刻 DESC"; }
　var table = document.getElementById("tbdy1");
　while( table.rows[ 0 ] ) table.deleteRow( 0 );
　var rs = cn.Execute(mySql);
　var tmp = "";
　var ken = 0;
　var nin = 0;
　while (!rs.EOF){
　　var row　 = table.insertRow(-1);
　　var cell1 = row.insertCell(-1);
　　var cell2 = row.insertCell(-1);
　　var cell3 = row.insertCell(-1);
　　var cell4 = row.insertCell(-1);
　　var cell5 = row.insertCell(-1);
　　cell1.innerHTML = rs(0).value;　 // 予約ID
　　cell2.innerHTML = rs(1).value;　 // 来店時刻
　　tmp = "'" + rs(0).value + "'";
　　cell3.innerHTML = '<div align="left"><a href="#" onClick="go_RecPage1(' + tmp + ')">' + rs(2).value + '</a><div>';
　　cell4.innerHTML = rs(3).value;　 // 人数
　　cell5.innerHTML = rs(4).value;　 // 状況
　　if (rs(4).value == "予約") {
　　　ken++;
　　　nin += parseInt(rs(3).value);
　　}
　　rs.MoveNext();
　}
　rs.Close();rs = null;
　cn.Close();cn = null;
　var haba = document.getElementById('X0').offsetWidth +
　　　　　　 document.getElementById('X1').offsetWidth +
　　　　　　 document.getElementById('X2').offsetWidth +
　　　　　　 document.getElementById('X3').offsetWidth +
　　　　　　 document.getElementById('X4').offsetWidth + 80;
　if (ken > 0) {
　　document.getElementById("kei").innerHTML = "＿予約：" + ken + "件＿" + nin + "人";
　} else {
　　document.getElementById("kei").innerHTML = "";
　}
　if (haba <= 1000) { haba = 1000; }
}
/* ==================================================
＿＿コース選択肢の設定
===================================================== */
function set_selOdr1() {
　var cn = new ActiveXObject("ADODB.Connection");
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);
　var mySql = "SELECT コース名 FROM コースマスタ WHERE 可否 < 0 ORDER BY コースID";
　var rs = cn.Execute(mySql);
　var data = [];
　var i = 0;
　while (!rs.EOF){
　　data[i] = rs(0).value
　　rs.MoveNext();
　　i++;
　}
　rs.Close(); rs = null;
　cn.Close(); cn = null;
　for (var j=1; j<6; j++) {
　　var select = document.getElementById("selOd" + j);
　　for (var i=0; i<data.length; i++) {
　　　var option　 = document.createElement("option");
　　　option.value = data[i];
　　　var text　　 = document.createTextNode(data[i]);
　　　option.appendChild(text);
　　　select.appendChild(option);
　　}
　}
}
/* ==================================================
＿＿登録画面の表示
===================================================== */
function go_NewRec1() {
　$("#frm1").hide();
　$("#frm2").fadeIn("slow");
　var now = new Date();
　document.getElementById("yyk").value = set_NewOdr1(now); // 予約ID
　if (yyb == "") { yyb = toLocaleString(now); }
　document.getElementById("yyb").value = yyb;　　　　　　 // 予約日
　document.getElementById("rai").value = "";　　　　　　　// 来店時刻
　document.getElementById("sam").value = "";　　　　　　　// お客様名
　document.getElementById("dai").value = "";　　　　　　　// 代表者名
　document.getElementById("tel").value = "";　　　　　　　// TEL
　document.getElementById("pno").value = "";　　　　　　　// 郵便番号
　document.getElementById("adr").value = "";　　　　　　　// 住所
　document.getElementById("nin").value = 0;　　　　　　　 // 人数
　document.getElementById("os1").value = 0;　　　　　　　 // オーダー1数
　document.getElementById("os2").value = 0;　　　　　　　 // オーダー2数
　document.getElementById('selOd2').selectedIndex = 0;
　document.getElementById("os3").value = 0;　　　　　　　 // オーダー3数
　document.getElementById('selOd3').selectedIndex = 0;
　document.getElementById("os4").value = 0;　　　　　　　 // オーダー4数
　document.getElementById('selOd4').selectedIndex = 0;
　document.getElementById("os5").value = 0;　　　　　　　 // オーダー5数
　document.getElementById('selOd5').selectedIndex = 0;
　document.getElementById("bko1").value = "";　　　　　　 // 備考
　document.getElementById("tan").value = tan;　　　　　　 // 受付担当
　document.getElementById("ukj").value = toLocaleString(now) + " "
　　　　　　　　　　　　　　　　　　　 + now.getHours() + ":" + now.getMinutes(); // 受付時刻
　document.getElementById("登録1").disabled = false;
　document.getElementById("更新1").disabled = true;
　window.resizeTo(940,620);
}
/* ==================================================
＿＿新予約番号の算定
===================================================== */
function set_NewOdr1(now) {
　var cn = new ActiveXObject("ADODB.Connection");
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);
　var mySql = "SELECT MAX(予約ID) FROM ご予約";
　var rs = cn.Execute(mySql);
　var mmdd = ("0" + (now.getMonth() + 1)).slice(-2) + ("0" + now.getDate()).slice(-2);
　var yyk = "";
　if (rs.EOF || rs(0).value == null){
　　yyk = "AA-" + mmdd + "-001"; // 接頭語固定でセット(初期値:仮AA)
　} else {
　　var tmp　= rs(0).value;
　　if (tmp.slice(3,7) == mmdd) {
　　　yyk = tmp.slice(0,8) + ("00" + (parseInt(tmp.slice(-3)) + 1)).slice(-3);
　　} else {
　　　yyk = tmp.slice(0,3) + mmdd + "-001";
　　}
　}
　rs.Close(); rs = null;
　cn.Close(); cn = null;
　return yyk;
}
/* ==================================================
＿＿一覧表への復帰
===================================================== */
function go_ListPage1() {
　$("#frm2").hide();
　$("#frm1").fadeIn("slow");
　List_disp1();
}
/* ==================================================
＿＿一覧表の再表示（予約日切替）
===================================================== */
function go_ReLoad1() {
　yyb = document.getElementById('selYYB').options.value;
　Tbl_disp1();
}
/* ==================================================
＿＿更新画面の表示
===================================================== */
function go_RecPage1(yyk) {
　$("#frm1").hide();
　$("#frm2").fadeIn("slow");
　var mySql = "SELECT format(予約日,'YYYY/MM/DD')"
　　　　　　　　　+ ",format(来店時刻,'HH:MM')"
　　　　　　　　　+ ",IIf(IsNull(状況),'',状況)"
　　　　　　　　　+ ",IIf(IsNull(お客様名),'',お客様名)"
　　　　　　　　　+ ",IIf(IsNull(代表者名),'',代表者名)"
　　　　　　　　　+ ",IIf(IsNull(TEL),'',TEL)"
　　　　　　　　　+ ",IIf(IsNull(郵便番号),'',郵便番号)"
　　　　　　　　　+ ",IIf(IsNull(住所),'',住所)"
　　　　　　　　　+ ",IIf(IsNull(人数),'',人数)"
　　　　　　　　　+ ",IIf(IsNull(オーダー1),'',オーダー1)"
　　　　　　　　　+ ",IIf(IsNull(オーダー1数),'',オーダー1数)"
　　　　　　　　　+ ",IIf(IsNull(オーダー2),'',オーダー2)"
　　　　　　　　　+ ",IIf(IsNull(オーダー2数),'',オーダー2数)"
　　　　　　　　　+ ",IIf(IsNull(オーダー3),'',オーダー3)"
　　　　　　　　　+ ",IIf(IsNull(オーダー3数),'',オーダー3数)"
　　　　　　　　　+ ",IIf(IsNull(オーダー4),'',オーダー4)"
　　　　　　　　　+ ",IIf(IsNull(オーダー4数),'',オーダー4数)"
　　　　　　　　　+ ",IIf(IsNull(オーダー5),'',オーダー5)"
　　　　　　　　　+ ",IIf(IsNull(オーダー5数),'',オーダー5数)"
　　　　　　　　　+ ",IIf(IsNull(対応状況),'',対応状況)"
　　　　　　　　　+ ",IIf(IsNull(ご評価),'',ご評価)"
　　　　　　　　　+ ",IIf(IsNull(備考),'',備考)"
　　　　　　　　　+ ",format(受付時刻,'YYYY/MM/DD HH:MM')"
　　　　　　　　　+ ",IIf(IsNull(受付担当),'',受付担当)"
　　　　　　　+ " FROM ご予約 "
　　　　　　 + " WHERE 予約ID = '" + yyk + "'";
　var cn = new ActiveXObject("ADODB.Connection");
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);
　var rs = cn.Execute(mySql);
　document.getElementById("yyk").value = yyk;　　　　　　　// 予約ID
　yyb = rs(0).value;
　document.getElementById("yyb").value = yyb;　　　　　　　// 予約日
　document.getElementById("rai").value = rs(1).value;　　　// 来店時刻
　var options = document.getElementById('selJyo').options; // 状況
　var tmp = rs(2).value;
　for (var i = 0; i < options.length; i++) {
　　if (options[i].text == tmp){ options[i].selected = true; break; }
　}
　document.getElementById("sam").value = rs(3).value;　// お客様名
　document.getElementById("dai").value = rs(4).value;　// 代表者名
　document.getElementById("tel").value = rs(5).value;　// TEL
　document.getElementById("pno").value = rs(6).value;　// 郵便番号
　document.getElementById("adr").value = rs(7).value;　// 住所
　document.getElementById("nin").value = rs(8).value;　// 人数
　options = document.getElementById('selOd1').options; // オーダー1
　tmp = rs(9).value;
　for (var i = 0; i < options.length; i++) {
　　if (options[i].text == tmp){ options[i].selected = true; break; }
　}
　document.getElementById("os1").value = rs(10).value; // オーダー1数
　options = document.getElementById('selOd2').options; // オーダー2
　tmp = rs(11).value;
　for (var i = 0; i < options.length; i++) {
　　if (options[i].text == tmp){ options[i].selected = true; break; }
　}
　document.getElementById("os2").value = rs(12).value; // オーダー2数
　options = document.getElementById('selOd3').options; // オーダー3
　tmp = rs(13).value;
　for (var i = 0; i < options.length; i++) {
　　if (options[i].text == tmp){ options[i].selected = true; break; }
　}
　document.getElementById("os3").value = rs(14).value; // オーダー3数
　options = document.getElementById('selOd4').options; // オーダー4
　tmp = rs(15).value;
　for (var i = 0; i < options.length; i++) {
　　if (options[i].text == tmp){ options[i].selected = true; break; }
　}
　document.getElementById("os4").value = rs(16).value; // オーダー4数
　options = document.getElementById('selOd5').options; // オーダー5
　tmp = rs(17).value;
　for (var i = 0; i < options.length; i++) {
　　if (options[i].text == tmp){ options[i].selected = true; break; }
　}
　document.getElementById("os5").value = rs(18).value; // オーダー5数
　options = document.getElementById('selTai').options; // 対応状況
　tmp = rs(19).value;
　for (var i = 0; i < options.length; i++) {
　　if (options[i].text == tmp){ options[i].selected = true; break; }
　}
　options = document.getElementById('selHyo').options; // ご評価
　tmp = rs(20).value;
　for (var i = 0; i < options.length; i++) {
　　if (options[i].text == tmp){ options[i].selected = true; break; }
　}
　document.getElementById("bko1").value = rs(21).value; // 備考
　document.getElementById("ukj").value = rs(22).value; // 受付時刻
　tan = rs(23).value;　　　　　　　　　　　　　　　　　// 受付担当
　document.getElementById("tan").value = tan;
　rs.Close();rs = null;
　cn.Close();cn = null;
　document.getElementById("登録1").disabled = true;
　document.getElementById("更新1").disabled = false;
　window.resizeTo(940,620);
}
/* ==================================================
＿＿登録処理
===================================================== */
function func_insRec1() {
　var cn　　= new ActiveXObject("ADODB.Connection");
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);
　var mySql = "INSERT INTO ご予約 VALUES(";
　yyk = document.getElementById('yyk').value; mySql +=　"'" + yyk + "'"; // 予約ID
　var tmp = "";
　yyb = document.getElementById('yyb').value; mySql += ",'" + yyb + "'"; // 予約日
　tmp = document.getElementById('rai').value; mySql += ",'" + tmp + "'"; // 来店時刻
　tmp = document.getElementById('selJyo').options.value; mySql += ",'" + tmp + "'"; // 状況
　tmp = document.getElementById('sam').value; mySql += ",'" + tmp + "'"; // お客様名
　tmp = document.getElementById('dai').value; mySql += ",'" + tmp + "'"; // 代表者名
　tmp = document.getElementById('tel').value; mySql += ",'" + tmp + "'"; // 連絡先(TEL)
　tmp = document.getElementById('pno').value; mySql += ",'" + tmp + "'"; // 郵便番号
　tmp = document.getElementById('adr').value; mySql += ",'" + tmp + "'"; // 住所
　tmp = document.getElementById('nin').value; mySql += ","　+ tmp;　　　 // 人数
　tmp = document.getElementById('selOd1').options.value; mySql += ",'" + tmp + "'"; // オーダー1
　tmp = document.getElementById('os1').value; mySql += "," + tmp;　　　　　　　　　 // オーダー1数
　tmp = document.getElementById('selOd2').options.value; mySql += ",'" + tmp + "'"; // オーダー2
　tmp = document.getElementById('os2').value; mySql += "," + tmp;　　　　　　　　　 // オーダー2数
　tmp = document.getElementById('selOd3').options.value; mySql += ",'" + tmp + "'"; // オーダー3
　tmp = document.getElementById('os3').value; mySql += "," + tmp;　　　　　　　　　 // オーダー3数
　tmp = document.getElementById('selOd4').options.value; mySql += ",'" + tmp + "'"; // オーダー4
　tmp = document.getElementById('os4').value; mySql += "," + tmp;　　　　　　　　　 // オーダー4数
　tmp = document.getElementById('selOd5').options.value; mySql += ",'" + tmp + "'"; // オーダー5
　tmp = document.getElementById('os5').value; mySql += "," + tmp;　　　　　　　　　 // オーダー5数
　tmp = document.getElementById('selTai').options.value; mySql += ",'" + tmp + "'"; // 対応状況
　tmp = document.getElementById('selHyo').options.value; mySql += ",'" + tmp + "'"; // ご評価
　tmp = document.getElementById('bko1').value; mySql += ",'" + tmp + "'";　// 備考
　tmp = document.getElementById('ukj').value; mySql += ",'" + tmp + "'";　// 受付日時
　tan = document.getElementById('tan').value; mySql += ",'" + tan + "')"; // 受付担当
　try {
　　var rs = cn.Execute(mySql);
　　alert("ご予約登録完了");
　} catch (e) {
　　cn.Close;
　　alert("ご予約登録失敗 " + e + mySql);
　　return;
　}
　cn.Close();cn = null;
}

// コメント①に続く

コメント一覧

ブログオーナー

2016年4月25日

コメント⑩
// コメント⑨から続く

　　 <tr align="center">
　　　<td bgcolor="#F08080">イメージ</td><td colspan=5 align="center">
　　　 <img id="gzoimg" src="DUMMY.jpg" width="600"></td></tr>
　　 <tr align="center">　
　　　<td bgcolor="#F08080">備＿＿考　</td><td colspan=5 align="left">
　　　 <input type="text"　 name="bko2" style="font-family:HGゴシックM" size="77"></td></tr>
　　</table></tr>
　 <tr><td><font size="1" color="#FF3366"><b>※</b></font><font size="2" color="#000000">は必須項目</font></tr>
　</table>
</div>
</form>
</div>

<div id="t-3" align="left">
<br><br>
　<div id="mdb"><button onClick="makemdb()"　　　style="WIDTH:180px">ＤＢ生成 </button></div><br>
　<div id="tbl"><button onclick="maketable()"　　style="WIDTH:180px">テーブル作成</button></div><br>
　<div id="rec"><button onclick="addnewrecord()" style="WIDTH:180px">レコード追加</button></div><br>
　<div id="nni"><button onClick="kakunin()"　　　style="WIDTH:180px">任意ページへ</button></div><br>
　<div id="cls"><button onClick="window.close()" style="WIDTH:180px">閉＿じ＿る＿</button></div>
</div>
</div>
<script>
　func_init();
</script>
</body>
</html>

返信する

ブログオーナー

2016年4月25日

コメント⑨
// コメント⑧から続く

　　　<td bgcolor="#6495ED">受付者</td><td>
　　　 <input type="text"　 name="tan" style="font-family:HGゴシックM;text-align:center"></td>
　　　<td bgcolor="#6495ED">受付日時</td><td>
　　　 <input type="date"　 name="ukj" style="font-family:HGゴシックM;text-align:center"></td></tr>
　　</table></tr>
　 <tr><td><font size="1" color="#FF3366"><b>※</b></font><font size="2" color="#000000">は必須項目</font></tr>
　</table>
</div>
</form>
</div>

<div id="t-2" align="left">
<br><br>
<form name="myForm2">
<div id="frm3">
　<table id="tbl4" border="0" bgcolor="#ffffff">
　 <tr bgcolor="#FFA500"><td colspan="5" align="right"><a href="#" onClick="go_NewRec2()">新規追加</a></td>
　 </tr>
　 <tr align="center">
　　<td bgcolor="#FFA500" id="X0">コースID</td>
　　<td bgcolor="#FFA500" id="X1">コース名</td>
　　<td bgcolor="#FFA500" id="X2">単＿＿価</td>
　　<td bgcolor="#FFA500" id="X3">登録日</td>
　　<td bgcolor="#FFA500" id="X4">可否</td>
　 </tr>
　 <tbody id="tbdy2" align="center">
　 </tbody>
　</table>
</div>
<div id="frm4" hidden>
　<table id="tbl5" border=0>
　 <tr>
　　<td align=left nowrap>　<button id="一覧2" onClick="go_ListPage2()" style="WIDTH:75px;HEIGHT:35px">一覧</button></td>
　　<td align=left nowrap>＿<button id="登録2" onClick="func_insRec2()" style="WIDTH:75px;HEIGHT:35px">登録</button></td>
　　<td align=left nowrap>＿<button id="更新2" onClick="func_updRec2()" style="WIDTH:75px;HEIGHT:35px">更新</button></td></tr>
　 <tr>
　　<table id="tbl6" border="1" bgcolor="#ffffff">
　　 <tr align="center">
　　　<td bgcolor="#F08080">コースID</td><td>
　　　 <input type="text"　 name="cid" style="font-family:HGゴシックM;text-align:center;width=140" size="15"></td>
　　　<td bgcolor="#F08080">登録日</td><td>
　　　 <input type="date"　 name="trk" style="font-family:HGゴシックM;text-align:center" class="calendar"></td>
　　　<td bgcolor="#F08080">廃止日</td><td>
　　　 <input type="date"　 name="hai" style="font-family:HGゴシックM;text-align:center" class="calendar"></td>
　　 <tr align="center">
　　　<td bgcolor="#F08080">コース名<font size="1" color="#FF3366"><b>※</b></font></td><td colspan="3" align="left">
　　　 <input type="text"　 name="cnm" style="font-family:HGゴシックM;font-weight:bold" size="46"></td>
　　　<td bgcolor="#F08080">受付可否</td><td>
　　　 <input type="radio"　name="kah" value="可" checked>可＿
　　　 <input type="radio"　name="kah" value="否">否
　　　 </td></tr>
　　 <tr align="center">
　　　<td bgcolor="#F08080">概＿＿要<font size="1" color="#FF3366"><b>※</b></font></td><td colspan="5" align="right">
　　　 <textarea　　　　　　name="gai" rows="10" cols="76"></textarea></td></tr>
　　 <tr align="center">
　　　<td bgcolor="#F08080">単＿＿価</td><td>
　　￥<input type="number" name="tnk" style="font-family:HGゴシックM;text-align:center" size="12"></td>
　　　<td bgcolor="#F08080">標準数</td><td>
　　　 <input type="number" name="suu" style="font-family:HGゴシックM;text-align:right"　size="10"> 食/日</td>
　　　<td bgcolor="#F08080">画＿＿像</td><td>
　　　 <input type="text"　 name="gzo" style="font-family:HGゴシックM"></td></tr>

// コメント⑩に続く

返信する

ブログオーナー

2016年4月25日

コメント⑧
// コメント⑦から続く

　　 <tr align="center">
　　　<td bgcolor="#FFC0CB">人＿＿数</td><td>
　　　 <input type="number" name="nin" style="font-family:HGゴシックM;text-align:center" size="14">名様</td>
　　　<td bgcolor="#FFC0CB">代表者名</td><td>
　　　 <input type="text"　 name="dai" style="font-family:HGゴシックM;text-align:center"></td>
　　　<td bgcolor="#FFC0CB">連絡(TEL)</td><td>
　　　 <input type="text"　 name="tel" style="font-family:HGゴシックM;text-align:center"></td></tr>
　　 <tr align="center">
　　　<td bgcolor="#FFC0CB">住＿＿所</td><td colspan="5" align="left">
　　　 <input type="text"　 name="pno" style="font-family:HGゴシックM;text-align:center" size="9"
　　　　onKeyUp="AjaxZip3.zip2addr(this,'','adr','adr');">
　　　 <input type="text"　 name="adr" style="font-family:HGゴシックM;text-align:left"　 size="73"></td></tr>
　　 <tr align="center">
　　　<td bgcolor="#9370DB">オーダ１</td><td colspan="3">
　　　 <select id="selOd1" style="font-family:HGゴシックM"></select>
　　　</td><td bgcolor="#9370DB">食数</td><td>
　　　 <input type="number" name="os1" style="font-family:HGゴシックM;text-align:center"></td></tr>
　　 <tr align="center">
　　　<td bgcolor="#9370DB">オーダ２</td><td colspan="3">
　　　 <select name="selOd2" style="font-family:HGゴシックM"></select>
　　　</td><td bgcolor="#9370DB">食数</td><td>
　　　 <input type="number" name="os2" style="font-family:HGゴシックM;text-align:center"></td></tr>
　　 <tr align="center">
　　　<td bgcolor="#9370DB">オーダ３</td><td colspan="3">
　　　 <select name="selOd3" style="font-family:HGゴシックM"></select>
　　　</td><td bgcolor="#9370DB">食数</td><td>
　　　 <input type="number" name="os3" style="font-family:HGゴシックM;text-align:center"></td></tr>
　　 <tr align="center">
　　　<td bgcolor="#9370DB">オーダ４</td><td colspan="3">
　　　 <select name="selOd4" style="font-family:HGゴシックM"></select>
　　　</td><td bgcolor="#9370DB">食数</td><td>
　　　 <input type="number" name="os4" style="font-family:HGゴシックM;text-align:center"></td></tr>
　　 <tr align="center">
　　　<td bgcolor="#9370DB">オーダ５</td><td colspan="3">
　　　 <select name="selOd5" style="font-family:HGゴシックM"></select>
　　　</td><td bgcolor="#9370DB">食数</td><td>
　　　 <input type="number" name="os5" style="font-family:HGゴシックM;text-align:center"></td></tr>
　　 <tr align="center">　
　　　<td bgcolor="#6495ED">対応状況</td><td>
　　　 <select name="selTai" style="font-family:HGゴシックM">
　　　　<option value="未処理" selected>未処理</option>
　　　　<option value="処理済み">処理済み</option>
　　　　<option value="断り">断り</option>
　　　　<option value="その他">その他</option>
　　　 </select></td>
　　　<td bgcolor="#6495ED">備＿＿考　</td><td colspan=3 align="left">
　　　 <input type="text"　 name="bko1" style="font-family:HGゴシックM" size="52"></td></tr>
　　 <tr align="center">
　　　<td bgcolor="#6495ED">ご評価</td><td>
　　　 <select name="selHyo" style="font-family:HGゴシックM">
　　　　<option value="良好">良好</option>
　　　　<option value="普通" selected>普通</option>
　　　　<option value="不満">不満</option>
　　　　<option value="クレーム">クレーム</option>
　　　　<option value="不明">不明</option>
　　　　<option value="その他">その他</option>
　　　 </select></td>

// コメント⑨に続く

返信する

ブログオーナー

2016年4月25日

コメント⑦
// コメント⑥から続く

/* ==================================================
＿＿2button／buttonsetメソッドでボタンに整形
===================================================== */
// $(function() {
//　 $('button').button();
// });
</script>
<style>
.ui-datepicker { font-size: 80%; }
</style>
</head>
<body bgcolor="#B22222" style="filter: progid:DXImageTransform.Microsoft.Gradient
　(GradientType=0, StartColorStr='#F08080', EndColorStr='#B22222')"><basefont face="HGゴシックM">
<div id="tab_area">
<ul>
　<li><a href="#t-1">RESERVATION</a></li>
　<li><a href="#t-2">COURCE MAST</a></li>
　<li><a href="#t-3">MDB SETTING</a></li>
</ul>
<div id="t-1">
<br><br>
<form name="myForm1">
<div id="frm1">
　<table id="tbl1" border="0" bgcolor="#ffffff">
　 <tr bgcolor="#FFD700"><td colspan="3">
　　<select name="selYYB" onchange="go_ReLoad1()" style="font-family:HGゴシックM">
　　</select></td><td colspan="2" align="center"><a href="#" onClick="go_NewRec1()">新規追加</a></td>
　 </tr>
　 <tr align="center">
　　<td bgcolor="#FFD700" id="X0">予約番号</td>
　　<td bgcolor="#FFD700" id="X1">来店時刻</td>
　　<td bgcolor="#FFD700" id="X2">お客様名</td>
　　<td bgcolor="#FFD700" id="X3">人＿数</td>
　　<td bgcolor="#FFD700" id="X4">状＿況</td>
　 </tr>
　 <tbody id="tbdy1" align="center">
　 </tbody>
　 <tr bgcolor="#FFD700"><td colspan="5" id="kei"></td></tr>
　</table>
</div>
<div id="frm2" hidden>
　<table id="tbl2" border=0>
　 <tr>
　　<td align=left nowrap>　<button id="一覧1" onClick="go_ListPage1()" style="WIDTH:75px;HEIGHT:35px">一覧</button></td>
　　<td align=left nowrap>＿<button id="登録1" onClick="func_insRec1()" style="WIDTH:75px;HEIGHT:35px">登録</button></td>
　　<td align=left nowrap>＿<button id="更新1" onClick="func_updRec1()" style="WIDTH:75px;HEIGHT:35px">更新</button></td></tr>
　 <tr>
　　<table id="tbl3" border="1" bgcolor="#ffffff">
　　 <tr align="center">
　　　<td bgcolor="#FFC0CB">予約番号<font size="1" color="#FF3366"><b>※</b></font></td><td>
　　　 <input type="text"　 name="yyk" style="font-family:HGゴシックM;text-align:center;font-weight:bold;background-color:#ADFF2F"></td>
　　　<td bgcolor="#FFC0CB">予約日<font size="1" color="#FF3366"><b>※</b></font></td><td>
　　　 <input type="date"　 name="yyb" style="font-family:HGゴシックM;text-align:center" class="calendar"></div></td>
　　　<td bgcolor="#FFC0CB">来店時刻<font size="1" color="#FF3366"><b>※</b></font></td><td>
　　　 <input type="date"　 name="rai" style="font-family:HGゴシックM;text-align:center"></td></tr>
　　 <tr align="center">
　　　<td bgcolor="#FFC0CB">状＿＿況</td><td>
　　　 <select name="selJyo" style="font-family:HGゴシックM">
　　　　<option value="予約" selected>予約</option>
　　　　<option value="保留">保留</option>
　　　　<option value="来店">来店</option>
　　　　<option value="済み">済み</option>
　　　　<option value="キャンセル">キャンセル</option>
　　　 </select></td>
　　　<td bgcolor="#FFC0CB">お客様名<font size="1" color="#FF3366"><b>※</b></font></td><td colspan="3" align="left">
　　　 <input type="text"　 name="sam" style="font-family:HGゴシックM;text-align:left" size="52"></td></tr>

// コメント⑧に続く

返信する

ブログオーナー

2016年4月24日

コメント⑥
// コメント⑤から続く

　field[21] = tbdef.Createfield("ご評価"　,DBTEXT,10);
　field[21].AllowZeroLength = true; field[21].Required = false;
　field[22] = tbdef.Createfield("備考"　　,DBMEMO);
　field[22].AllowZeroLength = true; field[22].Required = false;
　field[23] = tbdef.Createfield("受付時刻",DBDATE);
　field[24] = tbdef.Createfield("受付担当",DBTEXT,25);
　field[24].AllowZeroLength = true; field[24].Required = false;
　for(var i=0;i < 25;i++){
　　tbdef.Fields.Append(field[i]);
　}
　db.TableDefs.Append(tbdef);
　var Idx　　 = tbdef.CreateIndex("PrimaryKey");
　Idx.Primary = true;
　Idx.Unique　= true;
　var IdxF1　 = Idx.CreateField("予約ID");
　Idx.Fields.Append(IdxF1);
　tbdef.Indexes.Append(Idx);

　db.Close();　 db　 = null;
　dbws.Close(); dbws = null;
　dbe　= null;
　alert("RESTRANT.mdb に、コースマスタ、ご予約テーブルを作成しました");
　document.getElementById("tbl").innerHTML = "RESTRANT.mdb に、コースマスタ、ご予約テーブルを作成しました";
}
/* ==================================================
＿＿新レコードを追加してみる
===================================================== */
function addnewrecord(){
　var shell　= new ActiveXObject("WScript.Shell");
　var dbpath = "RESTRANT.mdb";
　shell　　　= null;

　var dbe　　= new ActiveXObject("DAO.DBEngine.36");
　var dbws=dbe.Workspaces(0);
　var db=dbws.OpenDatabase(dbpath);
　var rs　　 = db.OpenRecordset("コースマスタ",DBOPENTABLE);

　rs.AddNew();
　rs.Fields("コース名") = "なし";
　rs.Fields("可否"　　) = -1;
　rs.Fields("概要"　　) = "選択なし";
　rs.Fields("単価"　　) = 0;
　rs.Fields("標準数"　) = 0;
　rs.Fields("画像"　　) = "DUMMY.jpg";
　rs.Fields("登録日"　) = null;
　rs.Fields("廃止日"　) = null;
　rs.Fields("備考"　　) = "ダミー画像（初期画像）";

　rs.Update();

　rs.Close();　 rs　 = null;
　db.Close();　 db　 = null;
　dbws.Close(); dbws = null;
　dbe　= null;
　alert("コースマスタに、「なし」レコードを追加しました");
　document.getElementById("rec").innerHTML = "コースマスタに、「なし」レコードを追加しました";
}
/* ==================================================
＿＿任意ページ表示（サブウインドウ）
===================================================== */
function kakunin(){
　ret = prompt("任意ページのURLを入力", "http://www.yahoo.co.jp/");
　if (ret != null){
　　window.open(ret, "new");
　}
}
/* ==================================================
＿＿ＴＡＢ切替え
===================================================== */
$(function() {
　$( "#taball" ).tabs();
　$ (".content:not('li.active + .content')").hide();
　$("li").hover(function(){
　　$ (this).addClass("hover")
　},
　function(){
　　$(this).removeClass("hover")
　});
　$ ("li").click(function(){
　　$("li").removeClass("active");
　　$ (this).addClass("active");
　　$(".content:not('li.active + .content')").fadeOut();
　$ ("li.active + .content").fadeIn();
　});
});

// コメント⑦に続く

返信する

ブログオーナー

2016年4月24日

コメント⑤
// コメント④から続く

/* ==================================================
＿＿データベース生成
===================================================== */
function makemdb(){
　var shell　= new ActiveXObject("WScript.Shell");
　var dbpath = "RESTRANT.mdb";
　shell　　　= null;

　var dbe　　= new ActiveXObject("DAO.DBEngine.36");
　var dbws　 = dbe.Workspaces(0);
　var db　　 = dbws.CreateDatabase(dbpath,";LANGID=0x411;CP=932;COUNTRY=0");
　db.Close();
　dbws.Close();
　dbe = null;
　alert("カレントフォルダに RESTRANT.mdb を作成しました");
　document.getElementById("mdb").innerHTML = "カレントフォルダに RESTRANT.mdb を作成しました";
}
/* ==================================================
＿＿テーブル作成
===================================================== */
function maketable(){
　var DBBOOLEAN　　　 = 1;
　var DBINTEGER　　　 = 3;
　var DBLONG　　　　　= 4;
　var DBCURRENCY　　　= 5;
　var DBDATE　　　　　= 8;
　var DBTEXT　　　　　= 10;
　var DBMEMO　　　　　= 12;
　var DBAUTOINCRFIELD = 16;
　var DBOPENTABLE　　 = 1;
　var shell　= new ActiveXObject("WScript.Shell");
　var dbpath = "RESTRANT.mdb";
　shell　　　= null;

　var dbe　　= new ActiveXObject("DAO.DBEngine.36");
　var dbws　 = dbe.Workspaces(0);
　var db　　 = dbws.OpenDatabase(dbpath);

　// コースマスタ
　var tbdef　= db.CreateTableDef("コースマスタ");
　var field　= new Array(25);
　field[0]　 = tbdef.CreateField("コースID",DBLONG);
　field[0].Attributes = DBAUTOINCRFIELD;
　field[1]　 = tbdef.Createfield("コース名",DBTEXT,50);
　field[2]　 = tbdef.Createfield("可否"　　,DBBOOLEAN);
　field[3]　 = tbdef.Createfield("概要"　　,DBTEXT,255);
　field[3].AllowZeroLength = true; field[3].Required = false;
　field[4]　 = tbdef.Createfield("単価"　　,DBCURRENCY);
　field[5]　 = tbdef.Createfield("標準数"　,DBINTEGER);
　field[6]　 = tbdef.Createfield("画像"　　,DBTEXT,50);
　field[6].AllowZeroLength = true; field[6].Required = false;
　field[7]　 = tbdef.Createfield("登録日"　,DBDATE);
　field[8]　 = tbdef.Createfield("廃止日"　,DBDATE);
　field[9]　 = tbdef.Createfield("備考"　　,DBTEXT,255);
　field[9].AllowZeroLength = true; field[9].Required = false;
　for(var i=0;i < 10;i++){
　　tbdef.Fields.Append(field[i]);
　}
　db.TableDefs.Append(tbdef);
　var Idx　　 = tbdef.CreateIndex("PrimaryKey");
　Idx.Primary = true;
　Idx.Unique　= true;
　var IdxF1　 = Idx.CreateField("コースID");
　Idx.Fields.Append(IdxF1);
　tbdef.Indexes.Append(Idx);

　// ご予約
　tbdef　　 = db.CreateTableDef("ご予約");
　field[0]　= tbdef.CreateField("予約ID"　,DBTEXT,12);
　field[1]　= tbdef.Createfield("予約日"　,DBDATE);
　field[2]　= tbdef.Createfield("来店時刻",DBDATE);
　field[3]　= tbdef.Createfield("状況"　　,DBTEXT,5);
　field[3].AllowZeroLength = true; field[3].Required = false;
　field[4]　= tbdef.Createfield("お客様名",DBTEXT,50);
　field[4].AllowZeroLength = true; field[4].Required = false;
　field[5]　= tbdef.Createfield("代表者名",DBTEXT,25);
　field[5].AllowZeroLength = true; field[5].Required = false;
　field[6]　= tbdef.Createfield("TEL"　　 ,DBTEXT,50);
　field[6].AllowZeroLength = true; field[6].Required = false;
　field[7]　= tbdef.Createfield("郵便番号",DBTEXT,8);
　field[7].AllowZeroLength = true; field[7].Required = false;
　field[8]　= tbdef.Createfield("住所"　　,DBTEXT,255);
　field[8].AllowZeroLength = true; field[8].Required = false;
　field[9]　= tbdef.Createfield("人数",DBINTEGER);
　field[10] = tbdef.CreateField("オーダー1"　,DBTEXT,50);
　field[10].AllowZeroLength = true; field[10].Required = false;
　field[11] = tbdef.Createfield("オーダー1数",DBINTEGER);
　field[12] = tbdef.CreateField("オーダー2"　,DBTEXT,50);
　field[12].AllowZeroLength = true; field[12].Required = false;
　field[13] = tbdef.Createfield("オーダー2数",DBINTEGER);
　field[14] = tbdef.CreateField("オーダー3"　,DBTEXT,50);
　field[14].AllowZeroLength = true; field[14].Required = false;
　field[15] = tbdef.Createfield("オーダー3数",DBINTEGER);
　field[16] = tbdef.CreateField("オーダー4"　,DBTEXT,50);
　field[16].AllowZeroLength = true; field[16].Required = false;
　field[17] = tbdef.Createfield("オーダー4数",DBINTEGER);
　field[18] = tbdef.CreateField("オーダー5"　,DBTEXT,50);
　field[18].AllowZeroLength = true; field[18].Required = false;
　field[19] = tbdef.Createfield("オーダー5数",DBINTEGER);
　field[20] = tbdef.Createfield("対応状況",DBTEXT,50);
　field[20].AllowZeroLength = true; field[20].Required = false;

// コメント⑥に続く

返信する

ブログオーナー

2016年4月24日

コメント④
コメント③から続く

/* ==================================================
＿＿更新処理
===================================================== */
function func_updRec2() {
　var cn = new ActiveXObject("ADODB.Connection");
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);
　var mySql = "UPDATE コースマスタ SET ";
　var tmp　 = "";
　tmp = document.getElementById('cnm').value;　　　　 mySql += "コース名 = '" + tmp + "'";
　if (document.getElementsByName("kah")[0].checked) {
　　mySql += ",可否 = -1";
　} else {
　　mySql += ",可否 = 0";
　}
　tmp = document.getElementById('gai').value;　　　　　mySql += ",概要 = '"　 + tmp + "'";
　tmp = document.getElementById('tnk').value;
　if (tmp == "") { mySql += ",単価 = null"; }　 else { mySql += ",単価 = "　　+ tmp; }
　tmp = document.getElementById('suu').value;
　if (tmp == "") { mySql += ",標準数 = null"; } else { mySql += ",標準数 = "　+ tmp; }
　tmp = document.getElementById('gzo').value;　　　　　mySql += ",画像 = '"　 + tmp + "'";
　if (tmp == "") { tmp = "DUMMY.jpg"; }
　document.getElementById("gzoimg").src = tmp;
　tmp = document.getElementById('trk').value;
　if (tmp == "") { mySql += ",登録日 = null"; } else { mySql += ",登録日 = '" + tmp + "'"; }
　tmp = document.getElementById('hai').value;
　if (tmp == "") { mySql += ",廃止日 = null"; } else { mySql += ",廃止日 = '" + tmp + "'"; }
　tmp = document.getElementById('bko2').value;　　　　　mySql += ",備考 = '"　 + tmp + "'";
　cid = document.getElementById('cid').value; mySql　 += " WHERE コースID = " + cid;
　try {
　　var rs = cn.Execute(mySql);
　　alert("コースマスタ更新完了");
　} catch (e) {
　　cn.Close;
　　alert("コースマスタ更新失敗 " + e + mySql);
　　return;
　}
　cn.Close();cn = null;
}
/* ==================================================
＿＿日付形式編集
===================================================== */
function toLocaleString( date ) {
　　return [
　　　　date.getFullYear(),
　　　　date.getMonth() + 1,
　　　　date.getDate()
　　　　].join( '/' );
}
/* ==================================================
＿＿カレンダー(jQuery UI:datepicker)
===================================================== */
$(function() {
　$.datepicker.setDefaults( $.datepicker.regional[ "ja" ] );
　$('.calendar').datepicker({ dateFormat: 'yy/mm/dd' });
});

// コメント⑤に続く

返信する

ブログオーナー

2016年4月24日

コメント③
// コメント②から続く

/* ==================================================
＿＿一覧表への復帰
===================================================== */
function go_ListPage2() {
　document.getElementById("frm3").style.display="block";
　document.getElementById("frm4").style.display="none";
　var table = document.getElementById("tbdy2");
　while( table.rows[ 0 ] ) table.deleteRow( 0 );
　Tbl_disp2();
}
/* ==================================================
＿＿更新画面の表示
===================================================== */
function go_RecPage2(cid) {
　document.getElementById("frm3").style.display="none";
　document.getElementById("frm4").style.display="block";
　var mySql = "SELECT format(登録日,'YYYY/MM/DD')"
　　　　　　　　　+ ",format(廃止日,'YYYY/MM/DD')"
　　　　　　　　　+ ",IIf(IsNull(コース名),'',コース名)"
　　　　　　　　　+ ",IIf(IsNull(可否),'',可否)"
　　　　　　　　　+ ",IIf(IsNull(概要),'',概要)"
　　　　　　　　　+ ",IIf(IsNull(単価),'',単価)"
　　　　　　　　　+ ",IIf(IsNull(標準数),'',標準数)"
　　　　　　　　　+ ",IIf(IsNull(画像),'',画像)"
　　　　　　　　　+ ",IIf(IsNull(備考),'',備考)"
　　　　　　　+ " FROM コースマスタ "
　　　　　　 + " WHERE コースID = " + cid;
　var cn = new ActiveXObject("ADODB.Connection");
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);
　var rs = cn.Execute(mySql);
　document.getElementById("cid").value = cid;
　document.getElementById("trk").value = rs(0).value;
　document.getElementById("hai").value = rs(1).value;
　document.getElementById("cnm").value = rs(2).value;
　if (rs(3).value == 0) {
　　document.getElementsByName("kah")[1].checked = true;
　} else {
　　document.getElementsByName("kah")[0].checked = true;
　}
　document.getElementById("gai").value = rs(4).value;
　document.getElementById("tnk").value = rs(5).value;
　document.getElementById("suu").value = rs(6).value;
　document.getElementById("gzo").value = rs(7).value;
　if (rs(7).value == "") {
　　document.getElementById("gzoimg").src = "DUMMY.jpg";
　} else {
　　document.getElementById("gzoimg").src = rs(7).value;
　}
　document.getElementById("bko2").value = rs(8).value;
　rs.Close();rs = null;
　cn.Close();cn = null;
　document.getElementById("登録2").disabled = true;
　document.getElementById("更新2").disabled = false;
　window.resizeTo(940,1020);
}
/* ==================================================
＿＿登録処理
===================================================== */
function func_insRec2() {
　var cn　　= new ActiveXObject("ADODB.Connection");
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);
　var mySql = "INSERT INTO コースマスタ (コース名,可否,概要,単価,標準数,画像,登録日,廃止日,備考) VALUES(";
　var tmp = "";
　tmp = document.getElementById('cnm').value; mySql += "'" + tmp + "'";　　// コース名
　if (document.getElementsByName("kah")[0].checked) {　　　　　　　　　　　// 可否
　　mySql += ",-1";
　} else {
　　mySql += ",0";
　}
　tmp = document.getElementById('gai').value; mySql += ",'" + tmp + "'";　 // 概要
　tmp = document.getElementById('tnk').value;
　if (tmp == "") { mySql += ",null"; } else { mySql += ","　+ tmp; }　　　 // 単価
　tmp = document.getElementById('suu').value;
　if (tmp == "") { mySql += ",null"; } else { mySql += ","　+ tmp; }　　　 // 標準数
　tmp = document.getElementById('gzo').value; mySql += ",'" + tmp + "'";　 // 画像
　if (tmp == "") { tmp = "DUMMY.jpg"; }
　document.getElementById("gzoimg").src = tmp;
　tmp = document.getElementById('trk').value;
　if (tmp == "") { mySql += ",null"; } else { mySql += ",'" + tmp + "'"; } // 登録日
　tmp = document.getElementById('hai').value;
　if (tmp == "") { mySql += ",null"; } else { mySql += ",'" + tmp + "'"; } // 廃止日
　tmp = document.getElementById('bko2').value; mySql += ",'" + tmp + "')";　// 備考
　try {
　　var rs = cn.Execute(mySql);
　　alert("コースマスタ登録完了");
　} catch (e) {
　　cn.Close;
　　alert("コースマスタ登録失敗 " + e + mySql);
　　return;
　}
　cn.Close();cn = null;
}

// コメント④に続く

返信する

ブログオーナー

2016年4月24日

コメント②
// コメント①から続く

/* ==================================================
＿＿一覧表の設定
===================================================== */
function Tbl_disp2() {
　var cn = new ActiveXObject("ADODB.Connection");
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);　 // <== ODBC接続
　var mySql = "SELECT コースID,コース名,単価,format(登録日,'YYYY/MM/DD'),可否 FROM コースマスタ ORDER BY 可否,登録日 DESC";
　var table = document.getElementById("tbdy2");
　rs　= cn.Execute(mySql);
　var tmp = "";
　while (!rs.EOF){
　　var row　 = table.insertRow(-1);
　　var cell1 = row.insertCell(-1);
　　var cell2 = row.insertCell(-1);
　　var cell3 = row.insertCell(-1);
　　var cell4 = row.insertCell(-1);
　　var cell5 = row.insertCell(-1);
　　cell1.innerHTML = rs(0).value;
　　tmp = "'" + rs(0).value + "'";
　　cell2.innerHTML = '<div align="left"><a href="#" onClick="go_RecPage2(' + tmp + ')">' + rs(1).value + '</a><div>';
　　var num = rs(2).value;
　　cell3.innerHTML = '<div align="right">￥' + num.toLocaleString().split(".")[0] + '<div>';
　　cell4.innerHTML = rs(3).value;
　　if (rs(4).value) { cell5.innerHTML = "○"; }
　　rs.MoveNext();
　}
　rs.Close();rs = null;
　cn.Close();cn = null;
　var haba = document.getElementById('X0').offsetWidth +
　　　　　　 document.getElementById('X1').offsetWidth +
　　　　　　 document.getElementById('X2').offsetWidth +
　　　　　　 document.getElementById('X3').offsetWidth +
　　　　　　 document.getElementById('X4').offsetWidth + 80;
　if (haba <= 1000) { haba = 1000; }
}
/* ==================================================
＿＿登録画面の表示
===================================================== */
function go_NewRec2() {
　document.getElementById("frm3").style.display="none";
　document.getElementById("frm4").style.display="block";
　document.getElementById("cid").value　= "(自動採番)";
　var now = new Date();
　document.getElementById("trk").value　= toLocaleString(now);
　document.getElementById("hai").value　= "";
　document.getElementById("cnm").value　= "";
　document.getElementsByName("kah")[0].checked = true;
　document.getElementById("gai").value　= "";
　document.getElementById("tnk").value　= 0;
　document.getElementById("suu").value　= 0;
　document.getElementById("gzo").value　= "";
　document.getElementById("gzoimg").src = "DUMMY.jpg";
　document.getElementById("bko2").value　= "";
　document.getElementById("登録2").disabled = false;
　document.getElementById("更新2").disabled = true;
　window.resizeTo(940,1020);
}

// コメント③に続く

返信する

ブログオーナー

2016年4月24日

コメント①
// 本文から続く

/* ==================================================
＿＿更新処理
===================================================== */
function func_updRec1() {
　var cn = new ActiveXObject("ADODB.Connection");
　cn.Open("Driver={Microsoft Access Driver (*.mdb)};DBQ=" + mdb);
　var mySql = "UPDATE ご予約 SET ";
　yyb = document.getElementById('yyb').value; mySql +=　"予約日 = '"　 + yyb + "'";
　var tmp　 = "";
　tmp = document.getElementById('rai').value; mySql += ",来店時刻 = '" + tmp + "'";
　tmp = document.getElementById('selJyo').options.value; mySql += ",状況 = '" + tmp + "'";
　tmp = document.getElementById('sam').value; mySql += ",お客様名 = '" + tmp + "'";
　tmp = document.getElementById('dai').value; mySql += ",代表者名 = '" + tmp + "'";
　tmp = document.getElementById('tel').value; mySql += ",TEL = '"　　　+ tmp + "'";
　tmp = document.getElementById('pno').value; mySql += ",郵便番号 = '" + tmp + "'";
　tmp = document.getElementById('adr').value; mySql += ",住所 = '"　　 + tmp + "'";
　tmp = document.getElementById('nin').value; mySql += ",人数 = "　　　+ tmp;
　tmp = document.getElementById('selOd1').options.value; mySql += ",オーダー1 = '" + tmp + "'";
　tmp = document.getElementById('os1').value; mySql += ",オーダー1数 = " + tmp;
　tmp = document.getElementById('selOd2').options.value; mySql += ",オーダー2 = '" + tmp + "'";
　tmp = document.getElementById('os2').value; mySql += ",オーダー2数 = " + tmp;
　tmp = document.getElementById('selOd3').options.value; mySql += ",オーダー3 = '" + tmp + "'";
　tmp = document.getElementById('os3').value; mySql += ",オーダー3数 = " + tmp;
　tmp = document.getElementById('selOd4').options.value; mySql += ",オーダー4 = '" + tmp + "'";
　tmp = document.getElementById('os4').value; mySql += ",オーダー4数 = " + tmp;
　tmp = document.getElementById('selOd5').options.value; mySql += ",オーダー5 = '" + tmp + "'";
　tmp = document.getElementById('os5').value; mySql += ",オーダー5数 = " + tmp;
　tmp = document.getElementById('selTai').options.value; mySql += ",対応状況 = '"　+ tmp + "'";
　tmp = document.getElementById('selHyo').options.value; mySql += ",ご評価 = '"　　+ tmp + "'";
　tmp = document.getElementById('bko1').value; mySql += ",備考 = '"　　　　 + tmp + "'";
　tmp = document.getElementById('ukj').value; mySql += ",受付時刻 = '"　　 + tmp + "'";
　tan = document.getElementById('tan').value; mySql += ",受付担当 = '"　　 + tan + "'";
　yyk = document.getElementById('yyk').value; mySql += " WHERE 予約ID = '" + yyk + "'";
　try {
　　var rs = cn.Execute(mySql);
　　alert("ご予約更新完了");
　} catch (e) {
　　cn.Close;
　　alert("ご予約更新失敗 " + e + mySql);
　　return;
　}
　cn.Close();cn = null;
}

// コメント②に続く

返信する

名前:

コメント:

※文字化け等の原因になりますので顔文字の投稿はお控えください。

※コメント利用規約に同意の上コメント投稿を行ってください。

コメント利用規約に同意する

※ブログ作成者から承認されるまでコメントは反映されません。