MacBook Air 11インチ欲しい!
やっぱSSDの起動はハンパじゃないっすよねー。
core i5のMac Book Proよりsafariの起動が早くてビビりました。
というわけで欲しいです!
今日のお疲れ!BGM♪
Moon Light Drive/The Yellow Monkey
HTML5のロゴが発表されたので、他の言語のロゴを集めてみた。
ブラウザバックした時にロールオーバーしたままになってしまう問題を解消したjs
タイトル長いですが、そのまんまです。
jqueryでロールオーバーを実装すると、ブラウザバックで戻ったときにロールオーバーされたままに
なっていたので、それを解消するスクリプトを作りました。
/* ロールオーバーイメージ表示 ---------------------------------------------------------------- */ var imgChange = function(){ var img_out; //mouseout時のsrc属性を格納 var img_in; //mouseover時のsrc属性を格納 var objChangeImg = $('.change'); var hoverDom = { //マウスオーバーされているDOM要素 "tarDom":"", "img_out":"" }; objChangeImg.hover(function(){ //mouseover時の処理 img_out = $(this).attr('src'); img_in = img_out.replace('_off.gif','_on.gif'); $(this).attr('src',img_in); hoverDom = { "tarDom":$(this), "img_out":img_out }; }, function(){ //mouseout時の処理 $(this).attr('src',img_out); }); //ページ移動時にロールオーバーを戻す $(window).unload(function(){ hoverDom["tarDom"].attr("src",hoverDom["img_out"]); }); }
ロールオーバー処理は普通にimgタグのsrcを置換しているだけです。
ページ移動するのをwindow.unloadイベントで補足して、ページ移動時に
imgタグを元に戻しています。
全部のimgタグを戻すのは大変なので、ロールオーバーするたびに
対象となるimgタグをhoverDomオブジェクトに入れてます。
2010/10/13追記
オブジェクトのキーにダブルクォートが抜けてたので足しました。
今日のお疲れ!BGM♪
バンドワゴン/毛皮のマリーズ
cookieをオブジェクトにぶちこむjavascript
を作ってみました。
var getCookie = function(){ var strCookie; //cookie文字列 var objCookie = {}; //cookieをkey・valueごとに格納用 var aryTmp; //汎用配列 var aryTmp2; //汎用配列 var aryTmp3; //汎用配列 var tmpKey; //key一時格納用 var tmpVal; //value一時格納用 strCookie = unescape(document.cookie); aryTmp = strCookie.split("; "); for(var i=0;i<aryTmp.length;i++){ //valueが単一の場合 if(aryTmp[i].indexOf("&") === -1){ aryTmp2 = aryTmp[i].split("="); tmpKey = aryTmp2[0]; tmpVal = aryTmp2[1]; }else{ //valueが複数の場合 tmpVal = {}; aryTmp2 = aryTmp[i].split("&"); for(j=0;j<aryTmp2.length;j++){ aryTmp3 = aryTmp2[j].split("="); //イコールが2つある場合は先頭をkeyとみなす if(aryTmp3.length === 3){ tmpKey = aryTmp3[0]; tmpVal[aryTmp3[1]] = aryTmp3[2]; }else if(aryTmp3.length === 2){ tmpVal[aryTmp3[0]] = aryTmp3[1]; } } } objCookie[tmpKey] = tmpVal; } return objCookie;
使い方はこんな感じ。
var test = getCookie(); test["key"]; //keyに対して値が一つしかない場合はこれでOK test["key"]["val1"] //keyに対して値が複数ある場合はこんな感じ
です。
今日のお疲れ!BGM♪
人間不信/毛皮のマリーズ
jqueryのonload処理タイミングの話
メモメモ。
▽window.onload
→画像など全てが読み込まれるまで実行されない
▽$(document).ready()
→DOM構築された時点(画像が読み込まれてない)で実行される
$(document).ready()ってDomContentLoaded使ってんのかしら。
今日のお疲れ!BGM♪
RUNNER/爆風スランプ
iphone用サイトメモその1
デコード後の GIF、PNG、TIFFといった画像は、2Mbytesまで
デコード後のJPEG画像は、32Mbytesまで
アニメーションGIFは、2Mbytesまで
HTML、CSS、JavaScriptといった各リソースファイルは、10Mbytesまで
JavaScriptの実行時間は、5秒まで
JavaScriptのアロケーションは、10Mbytesまで
同時に開けるドキュメントは、8つまで