ホームページの背景色の変更をサイト全体に反映

http://www.tagindex.com/javascript/page/color1.h …

こちらを参考にして、ホームページの背景色を変更する事は出来たのですが、ボタンを一度押したらドのページに移動しても背景色が黒に変わるように、そして戻るボタンを押すとドのページへ移動しても背景色が白に戻るようりするにはどうすれば良いでしょうか。


よろしくお願いします。

No.2 回答者： utun01 回答日時： 2012/03/27 16:14

戻るボタンイベントでgetなりpostなりでステータスを渡す様にすれば良いのではないでしょうか。

基本は全て黒くしておき、そのキーがある場合のみ白くすれば実現できる気がします。

No.1 回答者： LancerVII 回答日時： 2012/03/27 16:10

こんにちは。

違うページで選択された値を使いたい場合はサーバサイドでの仕組みを使うかcookieという機能を使わないといけません。

以下のサンプルはcookieを利用したサンプルです。
cookieの利用を簡単にするためにjQueryとjquery.cookie.jsを併用しています。
index.htmlで変更した背景色を利用したいページにq7386858.jsを読み込ませます。
(下の場合index.htmlとindex2.html)

==== 動作サンプル
http://hppg.moe.hm/okwave/qa/q7386858/

==== q7386858.js
$(function() {
var col = $.cookie('bgcolor');
if ( col !== null ) {
$('body').css ( 'background-color', col );
}
});

==== 動作説明
入力されたカラーコードで背景色を変更後、bgcolorという名前でcookieに保存。
q7386858.jsが読み込まれたページではbgcolorというcookieが保存されているか取得して背景色に設定

こうすることで別のページに行っても背景色が変更されています。