【javascript】クリックするとプルダウンが出るメニューです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
を付けると一部ブラウザで動作しません。(macFirefoxなど)
解決方法を教えてください。よろしくお願いします。

flag = false;
function pulldownmenu()
{
if (flag) pdMENU.style.visibility = "hidden"; else pdMENU.style.visibility = "visible";
flag = !flag;
}

[HTML部分]
<a href="javaScript:pulldownmenu()">メニュー</a>
<div id="pdMENU">
<ul>
<li>メニュー01</li>
<li>メニュー02</li>
</ul>
</div>

回答の条件
  • 1人2回まで
  • 登録:2008/06/04 14:06:04
  • 終了:2008/06/11 14:10:02

回答(2件)

id:pahoo No.1

pahoo回答回数5960ベストアンサー獲得回数6332008/06/04 15:11:05

ポイント35pt

状況を確認させてください。

XHTML にしたら動かなくなったということですが、コンテンツの冒頭3行は下記のように指定されていますか?(下記は文字セットが日本語UTF-8の場合)

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
id:kentajoy

xml宣言も含めて記載しています。

doc宣言を消去するとFirefoxでも動きます。

2008/06/04 15:23:53
id:Mars No.2

Mars回答回数203ベストアンサー獲得回数202008/06/04 19:21:10

ポイント35pt

スクリプトそのものに汎用性が無いのが気になりますが、とりあえず動作させるだけなら1行追加すれば大丈夫です。

flag = false;
function pulldownmenu()
{
  var pdMENU = document.getElementById('pdMENU');//←この行追加
  if (flag) pdMENU.style.visibility = "hidden";
  else pdMENU.style.visibility = "visible";
  flag = !flag;
}

なお、古いブラウザ(Netscape4.xとか)では動かなくなりますが、問題ないレベルだと思います。

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

  • gcart **DOCTYPEを入れるとjavascriptのプルダウンメニューが動作しない macのfirefoxのみ? http://q.hatena.ne.jp/1212555962 var pdMENU = document.getElementById(’pdMENU’);//←この行追加 かなりの時間を浪費したorz
「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません