jQuery その2

引き続き jQuery で作業中。

で、やっぱり IE のせいで躓く。
もう世の中から IE は消えればいいと思うよ。マジで。

jQuery でテキストノード取得するには element.text() で良いのに IE だけ取得できない。
なんでかと思って色々試してみた。

そもそも最初の対象が Title 要素だったのが悪かった。
IE 以外なら Title 要素のテキストも取得できたのに、IE は Title 要素を DOM ツリーに入れないらしい。
表示されない部分だから分からない訳でもないが…

jQuery

かなり使えるようになってきた。

いやはや便利便利（笑）

特に IE だと filter とか使わないと出来ない透過が1回書くだけで OK なのは非常に助かる。

ちなみに今のところプラグインは何も使ってない。

サンプルを1つ参考にさせてもらったが、思ったとおりの動作にならないからって色々いじってたら原型とどめてない（笑）

アコーディオンメニューを作りたかったのだが、

・サブカテゴリの有無で動作を変えたい

・サブカテゴリを選択中もカテゴリに選択中のアイコンを出したい

って事をやろうとしてたらそのままではどうにも。

久々の3時間コース

twitter でもつぶやいたけど、鬱をこじらせたのでカラオケへ。
鬱になった原因は例の件です（笑）
報告いらないから、な。
頼むわマジで（笑）

で、21時頃に大須のJOYJOYへ。
受付で2時間って言ったら「3時間でも料金一緒ですよ」って教えてくれたので3時間で。
気持ち早めに終われば終電にも間に合うのでギリギリまで歌ってきました。

最近ずっと2時間だったので3時間で満足度大です♪

さて、いつもの曲リスト。

10年ぶり

10年ぶりにWebの仕事。

クライアントさんがデザインセンスが良いから、そのデザインをHTMLにするだけ。

だけなんだが…

「これってこんなアニメーションできる？」
「flash 使わなくても出来るんだよね？」

今まで避けてきた jQuery を使わないと厳しそうな要求が色々（笑）

くそう、色々教えるんじゃなかった（笑）

折角なので自分のスキルアップも兼ねて勉強してみる。

HTML5 はまだよく解らんから HTML4.01 か XHTML1.0 で組んでみるか。

そういえば

例のお店の店長のブログにデカデカと写真が載ってて吹いた（笑）

人生で初めてネットに顔晒したのが他所様のブログて（笑）

そしてその写真を見た作家さんが「○○さんてあんなに格好良かったっけ？」と言っていたそうな。
それ、あなたの作品が格好良いだけですから（笑）

今日も無為に

2chコピペブログを読んで癒された。

ずっと読んでたら2時間も経ってた。

そんな日もあって良いよね（笑）

アイデアを実現する能力

そんなに無い（笑）

そんなに無いから必死に色々調べて、先人達の知恵を借りまくっていたらこんなになった。

だから俺が凄いんじゃない。

ふと

嫌われるのが怖い

↓

好かれるから嫌われるんだ

↓

好かれなければ良い

↓

人と会わなければ好かれない

↓

ひきこもり万歳！

とか普通に思ってしまう俺超ネガティブ（笑）

CSS怪現象の巻

float とか position とかを駆使してページ上部と下部にメニューを表示するレイアウトを組んでみてる。

のだが…怪現象多発（笑）

曰く、height:100%; にすると子要素のマージンを反映した高さになる。
float のせいだとは思うんだけど、子要素のマージンが親要素のマージンを上書きしてる？

曰く、body に border を設定すると予想通りのレイアウトになる。
上部メニューはマージンで位置調整して、下部は position:absolute; top:70%; （数値は適当）にしてレイアウトしたのだが、上部メニューが top:70%; の位置に来る。
親子関係とかならまだ理解できるけど、下部メニューは上部メニューから見て叔父だぞ？
で、状況確認するために *{border:1px solid black;} ってしたら予想通りの配置に。
原因究明のために色々なところに同じように border を設定したところ、body に設定するとちゃんと表示された。

ちなみに

例の人が出没した話を聞いた後で潰れました（笑）

は置いておくとして。

JavaScript 組んでたんだが、イベントとか属性値が全然セットできなくて困った。
getElementById でDOM オブジェクトは取得できてたっぽいんだけども…
ガラにもなくDocument Type 宣言を HTML5 にしたからなのか？
window.onload とか document.body.onload とかではダメっぽかった。

仕方ないので DOMContentLoaded 使ってセットしようとしたけどそれもダメ。

サンプル探して入れてみたらちゃんと動いた。
スペルミスでもしたかなぁ？
そろそろ JavaScript も統合開発環境で組まなきゃいかんか？