jQuery ランダムで並べ替えた配列を保持したい

質問

以下のような配列があって、ランダムに表示しようと思っています。
var col = new Array("red","blue","yellow","green","white");

たとえば、他のページに遷移して戻ってきたときに、
順番を保持しておいて、同じ順番で表示するのが最終目的です。
（同じセッション内ならシャッフルしない）

cookieを使おうと以下のように試みています。
シャッフルした値を colRandomCookieというcookieに保管し、
次、ロードした際に、colRandomCookieが有れば、
colRandomCookieのvalueを取り出し、
無ければ、シャッフルする…という考え方です。

しかし、IE7でうまく動きません。IE8以降は大丈夫でした。
IE7はcookie自体、書き込めていないようです。

下記スクリプト内、どこか間違っているところがありますでしょうか？

$(function(){
if(getCookie('colRandomCookie')){
var colRandomCookie = getCookie('colRandomCookie');

// カンマで分割し配列に格納
colRandom = colRandomCookie.split(",");

}else {
var col = new Array("red","blue","yellow","green","white");
var shuffle = function() {return Math.random()-0.5};
var colRandom = col.sort(shuffle);
colRandom = colRandom.toString();

//setCookie
setCookie('colRandomCookie', '' + colRandom +'');
}

document.write(colRandom);
});

// getCookie
function getCookie(key) {
var cookieString = document.cookie;

var cookieKeyArray = cookieString.split(";");

for (var i=0; i<cookieKeyArray.length; i++) {
var targetCookie = cookieKeyArray[i];
targetCookie = targetCookie.replace(/^\s+|\s+$/g, "");

var valueIndex = targetCookie.indexOf("=");
if (targetCookie.substring(0, valueIndex) == key) {
return(unescape(targetCookie.slice(valueIndex + 1)));
}
}
return "";
}

// setCookie
function setCookie(key, value) {
var cookieString = key + "=" + escape(value) + "; ";
// Cookie set
document.cookie = cookieString;
}

もしくはcookieを使わなくても実現可能であれば
他の方法でもご教授いただけたら助かります。

詳しい方、何卒、宜しくお願いいたします。

回答No.1

babu_baboo · ベストアンサー

escape (), unescape () これはもう…　かわりに decodeURIComponent, encodeURIComponent

setCookie で、ほぞんきかんが…

>もしくはcookieを使わなくても実現可能
DOM Storage を、ぐぐ…

お礼

ありがとうございます。

いろいろ試しましたが、うまくいかず
検証の結果、
持たせようとしているcookieのvalueが長すぎるのが問題だったようです。
（上記のcolはダミーです。）
これについては別の方法で回避し、解決できました。

DOM Storage…
cookieより大容量で扱えるようですがIE8からなんですね。
なんとも残念です。

勉強になりました。
どうもありがとうございました。