とにかく生きろ。

------javascript部分-------------
function addMember(memberName)
{
　hyouteiMember = document.all[memberName].style;
　if(hyouteiMember.display == 'none') hyouteiMember.display = "block"; else hyouteiMember.display = "none";
}

------body部分----------------

<a href="#" onClick="addMember('atobe');return false;">情報を追加する</a><br />

<div id="atobe" style="display:none">

跡部のプロフィール追加処理

</div>

とまあ、こんなもんを書いていたんですわ。

クリックすると下に出てきて、もう一回クリックするとしまっちゃう、あら画期的な収納スペースみたいなjavaScriptです。
これが…IEでは動くのにFireFoxでは動かない！！！

何回やっても何回やってもFireFoxがいう事聞いてくれないよー
とか歌ってる場合ではなくて…
色々形変えてみたんですが、さっぱり分からない。

そもそもお手本にしたサイトに飛んでみて、そこをFireFoxで見てみたら……動くし！？

そこのソースをまるっと持ってきて、自分のtplに書いてみましたが…動かない！？

え、何で？？意味わかんない。

で、色々調べまして、どうやらjavaScript部分のdocument.all[memberName].styleここが駄目らしい。
これはIE独自の曖昧表現なんだそうな。
よく分からんがgetElementByIdを使うことにしました。
なので、javaScript部分は
hyouteiMember = document.all[memberName].style;
↓↓↓
hyouteiMember = document.getElementById(memberName).style;
と、こうなるわけですね。

これで動くようになりました。

……あれ？
じゃ、何でお手本のところは動いてたんだ？？

何だか疑問が残ったけど、とりあえずクリアー。


で、これ…
エラー起こしてもっかい画面読み込むと、また折りたたみの中に収納されちゃうんだなあー

body onLoadで呼び出してみたけど、そうすると、最初から何か表示されちゃってんだよなあー…

………どうしよ？



（追記：このブログにhtmlタグを表示するのにえらい苦労した…。何とかしてくれAutoPageさん…）