2011年6月27日月曜日

Cookieを利用して訪問数とユーザ名を取得

前回、Cookieを利用して訪問数を表示 で、訪問数のデータをCookieを利用して表示しました。
今回は、訪問数＋ユーザ情報をCookieを利用して表示するページを作ってみました。

ここでのユーザ情報は、クライアント側で入力したユーザの名前とします。
Cookieを利用して、訪問数＋ユーザ情報を表示

コードです。

<html>
<head>
<meta http-equiv="content-type" content="text/html;　　　　　　　　　　　　　　　　　　　　　　　　　
                charset=UTF-8" />
<title>Cookie Test</title>
<script type="text/javascript">
<!--
function getCookie(key){
        var tmp1 = document.cookie + ";";
        var index1 = tmp1.indexOf(key, 0);
        if(tmp1 != -1){
                tmp1 = tmp1.substring(index1, tmp1.length);
                var index2 = tmp1.indexOf("=", 0) + 1;
                var index3 = tmp1.indexOf(";", index2);
                return unescape(tmp1.substring(index2, index3));
        }
        return ("");
}

function setCookie(key, val){
        var tmp1 = key + "=" + escape(val) + "; ";
        document.cookie = tmp1;
}

var access1 = getCookie("Access");
if(access1 == ""){
        access1 = 0;
}

document.write("<h2>訪問回数</h2>");

var name = getCookie("Name");
if(name == ""){
        inputName();
}

setCookie("Access", ++access1);
setCookie("Name", name);

document.write(name + "さん、" + access1 + " 回目の訪問です");

function inputName(){
        name = prompt("名前を入力してください", "user");
        if(name == null){
                inputName()
        }
}

//-->
</script>
</head>
</html>


前回の Cookieを利用して訪問数を表示 を利用して複数のデータが持てるように書き換えただけです。
投稿者 時刻:
ラベル:

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)