GRAM | Build Inter-Communication through Designing

普通の HTML サイトを構築中に「再生と一時停止」くらいの機能だけを持ったビデオプレイヤーを作成してとき、IE6でのみ再生されませんっとの謎仕様に遭遇しました。

っで、swfObjcet.js の宣言時に so.addParams(”allowScriptAccess”, “sameDomain”); を追加したら問題なく再生されました。
その他のモダンブラウザっと言われてるので問題なかったのですが、困ったちゃんです。
よくわからんのですが、IE6だけ外部ファイルのアクセスへのアプローチ(って言うのか??)的なのが違うのかな？？

あと、ちょこちょこ Flash で作ったパーツを使う場合、swfObject.js の so.addParams(”wmode”, “transparent”); を追加しないと CSS の z-index が無視される。(←多分Windows環境下で)

今更感がありますが、フルフラッシュサイトばかり作ってたのでは気付かない事色々知りました。
どーもです。

PHP が難しすぎてついてけません。
でも WordPress とかのブログツール(??っていうのかな)は PHP わかんないとどーしよーもないもので。。。

自分は基本的に ActionScript オーサリングとHTML/CSS コーディングしか言語知りません。
ググっても何言ってるかさっぱりわけわかめ。
脳ミソが５つくらいに感じてきた。
もーしんどいス。

でも、半日かけてやっと希望の動作に仕上がったのでよしとしよう、うん。

カテゴリを表示しているページに行くと、
その選択されているカテゴリが反応するってのです。

まず、最初に出てきたのは、
get_the_category() でフィルタ関数作ってごにょごにょ。
(↑ よくわからんけど、やったるわーって意気込んでた午後4時くらい)

全カテゴリを表示したいのに、一個しか出てこない。
もーこの時点で半分くらいあきらめる。
(↑ 打ち合わせから帰ってきた午後10時くらい)

一応もうちょっと試したものの、やっぱり無理と判明。
(↑ 日付変わったくらい)

Javascript でカテゴリの URL 取得してどーにかしてやろうかと思いつくも、ここまで PHP やったんだからっと思い直して再度ググリの旅へ。
(↑ 飯食いに行ってきた後)

んで、無理にカスタマイズは止めて、wordpress のデフォルトからある wp_list_categories() を使おうと決める。
そしたら、<li class=”cat-item cat-item-1″>って自動で出力されるのを知る。
(↑ 1時間くらい前)

こ、これは！っと思い、PHP で今いるカテゴリーをどーにか取得して CSS 適応することに成功。
ちなみに、こんなのです。

<?php
	$cat = get_the_category();
	$cat = $cat[0];
	$cat = $cat->cat_ID;
	if(is_home()) $cat = 1;
?>

<style type="text/css">
.city li.cat-item-<?php echo $cat; ?> a {
	color: #898989;
	}
</style>

ふー、何とかメドたちました。
とりあえず、データの入れ込み作業して、朝一打ち合わせなので一回帰って風呂入って着替えましょー
そーしましょー

でも、まーね、出来る男ってこーゆーのすぐ気付く訳でして、俺畜生みたいに半日も掛けない訳でして。。。
頑張れ、俺。

HTML&CSSの小話。

よく IE6 であれが出来ない、これが出来ない。
っとかが多いときに、「****.htc」ファイル使うと解決する時があるのですが、
これの格納場所が微妙に分からなかったので、メモ。
(csshover.htc とか iepngfix.htc とか、他にもいっぱいあるらしい)

普通CSSは、CSSの格納場所からの相対パスになるのだけれども、
htc ファイルを使用するときの behavior:url(); は表示されるHTMLファイルからの相対パスになるようです。

だから、
絶対パスで書けばいいんじゃないかって話っ！！

こーゆー感じ ↓

* html { behavior: url(http://www.brooklyn.jp/script/*****.htc); }

注 : 「* html」は IE6 だけに適用させる CSS HACK なので、書かなくても大丈夫です。

–
追記 : 09.01.10 – 13:51

今、これじゃ意味ないことに気付いた。
ほんとはこーしないとダメです ↓

* html body { behavior: url(http://www.brooklyn.jp/script/*****.htc); }
/* or you can apply to specific CLASS and ID */
* html .classs_sample { behavior: url(http://www.brooklyn.jp/script/*****.htc); }
* html #id_sample { behavior: url(http://www.brooklyn.jp/script/*****.htc); }