css,javascript,actionscriptを中心に勉強したことをまとめるブログ

普段は、メインブラウザにChromeを使って、altのチェックにIEを使っていた（altの内容がツールチップで表示されるからね）んだけど、いちいちIEを使うのはめんどくさいので、Chromeでも確認できるようなブックマークレットを作った。

javascript:(function(){var img=document.getElementsByTagName("img");
for(var i=0;i<img.length;i++){img[i].title=img[i].alt;}alert("altcheck!");})();

単純に、altの中身をtitle属性値に追加してるだけですけど、これならどのブラウザでもツールチップで表示されるからね。
これで、ますますIEから遠ざかってしまう予感。

※表示の都合上改行してますが、使うときは改行とってください。

ここんところ、とりあえずjQueryやAjaxには手をつけずに、学んだ範囲でいろいろとコードを書いている。
今回は何にしようかと考え、昔の案件でどなたかが作ったテーブルをソートするjsがあったのでそれを作ってみることにした。
(more…)

ここ数ヶ月で勉強したことの復習をかねて、ページスクロールを作ってみた。
(more…)

イベントを扱う上で避けて通れない”this”ですが、いっつもつまづいていたので今日しっかりと教わった。
結論としては、

“this”は実行する場所によって指し示すものが変わる

ということらしい。基本的には”this”は実行する関数の親要素を指すことになるので、つまりは

“this”は実行する場所の親要素を指し示す

ということになろうか。
(more…)

addEventListener等でイベントを設定した際、イベントはその要素だけではなくて親要素や子要素にも伝わるらしい。
(more…)

以前勉強した、addEventListenerとかって、関数に引数って指定できないんですね。
つまりは、

function listener(hoge){
    alert(hoge);
}

function addevent(node,evt,func){
	if(node.addEventListener){
	node.addEventListener(evt,func,false);
	} else if(node.attachEvent){
	node.attachEvent("on"+evt,func);
	}
}

window.onload = function(){
    addevent(hoge,"click",listener(1));
};

っていう書き方はできないんですよね。
(more…)