JavaScript - ブラウザを調べる(クッキー(document.cookie, navigator.cookieEnabled))

Head First JavaScript
頭とからだで覚えるJavaScriptの基本
(オライリージャパン)
Michael Morrison (著) 豊福 剛 (翻訳)

開発環境

• OS X Mavericks - Apple(OS)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc. (GUI) (Text Editor)
• Safari、Firefox + Firebug (Webプラウザ、プラグイン)
• JavaScript (プログラミング言語)
• jQuery (JavaScript Library)

Head First JavaScript ―頭とからだで覚えるJavaScriptの基本( Michael Morrison (著), 豊福 剛 (翻訳)、オライリージャパン)の3章(ブラウザを調べる)、自分で考えてみよう(p.127)を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• JavaScriptクックブック
• jQueryクックブック

自分で考えてみよう(p.127)

コード(BBEdit)

sample.js

var smile_div,
    smile_img,
    b,
    smile = 'http://farm8.staticflickr.com/7455/12009424956_d02b583696_o.png',
    smile_happy = 'http://farm4.staticflickr.com/3799/12008611555_9737b8ac4b_o.png',
    user_name,
    greetUser = function (){
        // 自分で考えてみよう
        if(navigator.cookieEnabled){
            user_name = readCookie('smile_user_name');
        }
        if(user_name){
            alert('こんにちは、' + user_name + 'さん。');
        } else {
            alert('こんにちは、私は SMILE です。');
        }
    },
    touchSmile = function (){
        if(user_name){
            alert(user_name + 'さん、声をかけてくれてありがとう。');
        } else {
            user_name = prompt('あなたのお名前は？');
            if(user_name){
                alert('はじめまして、' + user_name + 'さん。');
                // 自分で考えてみよう
                if(navigator.cookieEnabled){
                    writeCookie('smile_user_name', user_name, 5 * 365);
                } else {
                    alert('お使いのブラウザはクッキーが使えないように' + 
                            '設定されています。');
                }
            }
        }
        $('#smile_img').attr('src', smile_happy);
        setTimeout(function () {
            smile_img.attr('src', smile);
        }, 10 * 1000);
    },
    resizeSmile = function (){
        $('#smile_img').css('height',
            (document.body.clientHeight - 100) * 0.9 + 'px');
    };

$(document).ready(function (){
    b = $('body:eq(0)');
    smile_div = $('#smile_div');
    smile_img = $('#smile_img');
    resizeSmile();
    greetUser();
    b.resize(resizeSmile);
});

完成ページ