JavaScriptでの時間割り作成について
<form>
<br>
<table border="3" bordercolor="#994C00" align="center" bgcolor="#FFDFAA">
<tr align="center"><th>時間</th><th>科目</th><th>教室</th><th>備考</th></tr>
<tr align="center"><td width="20" height="80">1</td><td width="70"><span id="sbj1"></span></td>
<td width="60"><span id="crm1"></span></td><td width="100"><span id="com1"></span></td>
<tr align="center"><td width="20" height="80">2</td><td width="70"><span id="sbj2"></span></td>
<td width="60"><span id="crm2"></span></td><td width="100"><span id="com2"></span></td>
<tr align="center"><td width="20" height="80">3</td><td width="70"><span id="sbj3"></span></td>
<td width="60"><span id="crm3"></span></td><td width="100"><span id="com3"></span></td>
<tr align="center"><td width="20" height="80">4</td><td width="70"><span id="sbj4"></span></td>
<td width="60"><span id="crm4"></span></td><td width="100"><span id="com4"></span></td>
<tr align="center"><td width="20" height="80">5</td><td width="70"><span id="sbj5"></span></td>
<td width="60"><span id="crm5"></span></td><td width="100"><span id="com5"></span></td>
<span id="testarea"></span>
</form>
</body>
<script>
<!--
// Set virtual screen width size to 320 pixels
// 下の一行は使う時に外す。エラーが出たら消す。
monaca.viewport({width: 320});
function setCookie(c_name,value,expiredays){
// pathの指定 変数名
var path = location.pathname;
// pathをフォルダ毎に指定する場合のIE対策
var paths = new Array();
paths = path.split("/");
if(paths[paths.length-1] != ""){
paths[paths.length-1] = "";
path = paths.join("/");
}
// 有効期限の日付 これがないと編集できない
var extime = new Date().getTime();
var cltime = new Date(extime + (60*60*24*1000*expiredays));
var exdate = cltime.toUTCString();
// クッキーに保存する文字列を生成 これがないと保存できない
var s="";
s += c_name +"="+ escape(value);// 値はエンコードしておく
s += "; path="+ path;
if(expiredays){
s += "; expires=" +exdate+"; ";
}else{
s += "; ";
}
// クッキーに保存
document.cookie=s;
}
function getCookie(c_name){
var st="";
var ed="";
if(document.cookie.length>0){
// クッキーの値を取り出す
st=document.cookie.indexOf(c_name + "=");
if(st!=-1){
st=st+c_name.length+1;
ed=document.cookie.indexOf(";",st);
if(ed==-1) ed=document.cookie.length;
// 値をデコードして返す
return unescape(document.cookie.substring(st,ed));
}
}
return "";
}
//変数設定
if(getCookie('sects1')){var sect1 = getCookie('sects1');}else{var sect1 = "科目1,教室,備考";}
if(getCookie('sects2')){var sect2 = getCookie('sects2');}else{var sect2 = "科目2,教室,備考";}
if(getCookie('sects3')){var sect3 = getCookie('sects3');}else{var sect3 = "科目3,教室,備考";}
if(getCookie('sects4')){var sect4 = getCookie('sects4');}else{var sect4 = "科目4,教室,備考";}
if(getCookie('sects5')){var sect5 = getCookie('sects5');}else{var sect5 = "科目5,教室,備考";}
var sects = new Array(sect1,sect2,sect3,sect4,sect5);
//時間割編集ここから
function editj(a){
var secname = new Array('sects1','sects2','sects3','sects4','sects5');
editsec = window.prompt("「科目,教室,備考」の順に入力してください", sects[a]);
if(editsec){
secookie = secname[a];
setCookie(secookie,editsec,365);
window.alert("完了しました！");
location.reload();
}
}
//時間割編集ここまで
//時間割表示
for (i = 0; i < 5; i = i + 1){
j = i + 1;
wari = sects[i].split( "," );
var subj = "sbj" + j;
var clrm = "crm" + j;
var comt = "com" + j;
if(wari[0]){ document.getElementById(subj).innerHTML = wari[0]; }
if(wari[1]){ document.getElementById(clrm).innerHTML = wari[1]; }
document.getElementById(comt).innerHTML = wari[2] + "<br><input type=button value='編集' onClick='editj(" + i + ")'>";
}
//時間割表示ここまで
-->
</script>
というコードです
これは月曜日のシートで火曜日、水曜日・・・と土曜日まであります
このコードで月曜日の時間割を変更すると火曜日、水曜日などすべてのシートが変更されてしまいます
シートごとに保存する方法ってありますか？
JavaScriptを始めたばかりなのでわかりやすく教えてほしいです＞＜
お礼
ありがとうございます。参考にしてみます。