人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javacsriptに関する質問です。以下のサイトを参考に、スクリプトを若干修正してエフェクトをかけましたが、firefox(IE6・IE7では動作確認済み)では動作しません。原因が分かる方いらっしゃいますでしょうか?
※firefoxのエラーコンソールを見ると、「test is not defined」と表示されます。

■参考サイト
http://www.openspc2.org/JavaScript/Ajax/Effect/script.aculo.us/002/index.html
http://www.openspc2.org/JavaScript/Ajax/Effect/script.aculo.us/009/index.html

■作成したxhtml
//スクリプト部分
<script type="text/javascript">
function exEffectAp(aa) {
new Effect.Appear($(aa));
}
function exEffectDr(bb) {
new Effect.DropOut($(bb));
}
</script>

//css
#test {
padding: 5px;
width: 200px;
height: 100px;
z-index: 99;
background: #ccc;
border: solid 3px #fff;
}

//xhtmlソース
<a harf="#" onclick="exEffectAp(test)">テスト</a>
<div id="test"><a href="#" onclick="exEffectDr(test)">閉じる</a></div>

●質問者: 雨の日
●カテゴリ:ウェブ制作 学習・教育
✍キーワード:AA background BB border CCC
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● t_shiono
●60ポイント ベストアンサー

はずしていたら、すみません。

単に、testという変数と解釈しているのではないでしょうか?

<a harf="#" onclick="exEffectAp('test')">テスト</a>

でどうでしょうか?

JavaScriptのブラウザ互換は悩むことが多いですよね。

◎質問者からの返答

まさにおっしゃられるとおりでした。

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ