jQueryによるidの取得

classを同じくしたいくつものブロックの中から、
クリックされたもののid名を取得したいと思い、
調べてやってみたら出来たのでメモです。
$(".clickable").click(function(){
    #(this).attr("id");
 });
でOKでした。

attrで取得するんですね。

ちなみに、そのブロックの背景色を取得するには、同様に
#(this).css("background-color");　　（前後省略した記述です）
でいけました。

jQueryってほんっとに便利です。
感謝感謝。。

ページ移動

jsでページ移動させたくて、どうすればいいか調べて、以下のページがとても役立ったのでメモです。

http://www.sasaraan.net/program/js/jspage.html

location.href="";で簡単に飛べるんですね。
便利。。

substr（文字取得）メモ

substrで指定文字を取得する場合、

substr(3,5);とした場合、

4文字目(=3)から6文字目(=5)まで取得できるのでなく、
4文字目から5文字取得することになるのですね。

4文字目から3文字取得したいなら、
substr(3,3);
でした。。

cookie使用準備メモ。

jQueryのcookie.jsでcookie機能を実装しようと思うので、準備メモです。

http://plugins.jquery.com/project/cookie

http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/
http://blog.caraldo.net/2009/03/jqcookiemenu.php

以下が実装方法の引用メモです。（開発元ドキュメントより）

$.cookie('the_cookie'); // get cookie
$.cookie('the_cookie', 'the_value'); // set cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); // set cookie with an expiration date seven days in the future
$.cookie('the_cookie', '', { expires: -1 }); // delete cookie

ちなみに、cookieの削除は、
$.cookie('the_cookie', null); // delete cookie
でも良くしたということです。
「その方が直感的だから」という要望に応えて。

footerの高さをページに合わせて一番下に配置するコードメモ

footerを画面一番下に配置したいと思い、
min-heightをつかって、さらにIE6対策に、height:auto !important;height:~px;とやるのが面倒だし、「jQueryでやっちゃえ」と思ってできたのでメモです。

#footer(例:35px)を画面の高さに合わせてページの一番下に配置するjQueryコード。

    var docHeight=$(document).height();//ドキュメントの高さ取得
//ドキュメントの高さが、ページの高さと同じなら、footer分の高さを引き、そうでなければそのまま。（三項演算子って便利）
   var footerHeight=docHeight==$(window).height()?docHeight-35:docHeight;
   $("#footer").css({position:"absolute",top:footerHeight});//直接jQueryで position:absoluteにしてしまい、topからの高さを指定。