好きな背景色をセットする
|
| Sample 2回ほど、新しいウインドウを開いて確認して下さい。 |
|
ここをクリックして新しいウインドウを開いてください。
|
| ソース |
<HTML>
<HEAD>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function color(){
var favorite_color = GetCookie('color');
if (favorite_color == null) {
favorite_color = prompt("好きな背景色は?");
SetCookie('color', favorite_color;
}
document.bgColor=favorite_color;
return favorite_color;
}
function set_bgcolor(){
favorite_color = prompt("好きな背景色は?");
SetCookie ('color', favorite_color);
document.bgColor=favorite_color;
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1) endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var ck_len = document.cookie.length;
var i = 0;
while (i < ck_len) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg) return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
ckie_word=name+"="+escape(value)+";";
ckie_word+="expires=Sat, 31-Dec-2020 23:59:59; ";
document.cookie=ckie_word;
}
//-->
</SCRIPT>
<BODY onload="color();">
<br><br>
<a href="JavaScript:set_bgcolor()">背景色を変えるにはココをクリック</a>
<br><br>
<FORM>
<INPUT TYPE=button VALUE="ウインドウを閉じる" onClick=window.close()>
</FORM>
<br><br>
</BODY>
</HTML>
|
| ワンポイント解説 |
|
document.cookie =で、クッキーを保存しています。 ckie_word+="expires=Sat, ・・・で、2020年12月31日までクッキーが有効になるように設定しています。 |