javascript archives

忘れそうなので、メモ。
これは意外と使える。
自分でcookie操作するscript書くのが面倒な人は、
これで一発解決です。

jQueryでcookieを簡単操作サンプル

//cookieをセット
$.cookie("testNum","data:hogehoge",{expires:30,path:'/'});

//cookieを呼び出し
$.cookie('testNum');
jQueryダウンロード
jquery.cookie.jsダウンロード

世の中便利になっていますね。

リンク先がリンク切れになっているかどうかなんて
いちいちチェックするのが面倒だなぁ～と思っていたら、
jqueryを使用してJSでひと目でリンク先が存在しないよいうのがわかる
というのがあったのでご紹介。

使い方は簡単です。
必要なもの：
Jquery.jp
Ajax Broken Link Checker（checklinks.php、jquery.linkchecker.js）
上記をダウンロードしたら、下記のソースのように記述し、
checklinks.phpをjquery.linkchecker.jsと同じディレクトリに置くだけ。


<script src="jquery.js" type="text/javascript"></script> <script src="jquery.linkchecker.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready( function() { $.linkChecker({query : 'a.goto', linksAtOnce : 2}); } ); </script> <style> .inactive { color: #999999; background: #cccccc; } .active { color: #0000FF; background: #ffffff; } </style>

サンプル

もっときれいな書き方があるんだろうけど。
とりあえず、この前、仕事で使ったので、
覚え書き。

関東、東北、関西などのエリアを選択すると、
県のセレクトボックスの中身を該当する県に入れ替えます。

サンプル

function changeform() {
doc = document.searchbox.pref;
if (document.searchbox.area.value == 1) {
doc.length = 8;
doc.options[0].text = "お選びください。";
doc.options[1].text = "北海道";
doc.options[1].value = 1;
doc.options[2].text = "青森";
doc.options[2].value = 2;
doc.options[3].text = "岩手県";
doc.options[3].value = 3;
doc.options[4].text = "宮城県";
doc.options[4].value = 4;
doc.options[5].text = "秋田県";
doc.options[5].value = 5;
doc.options[6].text = "山形県";
doc.options[6].value = 6;
doc.options[7].text = "福島県";
doc.options[7].value = 7;

中略

} else {
doc.length = 1;
doc.options[0].text = "お選びください。";
}
}

をjs側に

<form name="searchbox"> エリア<br /> <select name="area" onChange="changeform()"> <option value="0">お選びください。</option> <option value=1>北海道・東北</option> <option value=2 SELECTED>関東</option> <option value=3>北信越</option> <option value=4>東海・中部</option> <option value=5>関西</option> <option value=6>中国・四国</option> <option value=7>九州・沖縄</option> </select><br /><br /> 県<br /> <select name="pref"> <option value="">お選びください。</option> <option value=8>茨城県</option> <option value=9>栃木県</option> <option value=10>群馬県</option> <option value=11>埼玉県</option> <option value=12>千葉県</option> <option value=13>東京都</option> <option value=14>神奈川県</option> <option value=19>山梨県</option> </select> </form>
をHTML側に。

MacのOS XのDockの動きを模したサイトを良く見かけるのですが、
FlashでもJavascriptでも実現できるようです。

Javascriptの場合
iFishEye
ライブラリで配布してくれているので、簡単に実装が可能です。

Flashの場合
Apple style OS X Dock in Macromedia Flash MX 2004
flaファイルも配っているので、カスタマイズも自由です。