プルダウンメニューの作り方（リンク要）

解決済

質問者：kotamagokotama
質問日時：2006/01/10 13:06
回答数：3件

JavaScriptは全くの初心者です。
以前、ここの質問にもあったのですが、

http://oshiete1.goo.ne.jp/kotaeru.php3?q=157985

この方と同じものを作りたいのですが、この方が参考URLに指定しているものも、ブリヂストン美術館
http://www.bridgestone-museum.gr.jp/
も、ネットスケープでもきちんと表示されているのに、その他HP上で公開されているJavaScriptサンプルはどうしてもネットスケープで表示されないのです。Flashは使えないので、JavaScriptできちんと表示できるサンプルをご存じの方、教えて下さい。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： BLUEPIXY
回答日時：2006/01/11 19:10

>動かない時はそのまま下に表示するにはどうしたらよろしいでしょうか？

１つは、
デフォルトの表示を＋（閉じた状態）でなく－（開いた状態に）することですね。
こちらの方法であれば、スクリプトをオフにしている人でも表示できますしね。
ＣＳＳの display:none; を display:block;
に変えてボタンのvalue="－" にするぐらいでいいと思います。
もう一つは、
if(!document.getElementById){
location.href="noscript.html";
}
とか適用できるバージョンを調べて、
location.hrefでスクリプトを使わないページに飛ばすとかですかね。

- 0
- 件

通報する

この回答へのお礼

早速の回答ありがとうございます。

>デフォルトの表示を＋（閉じた状態）でなく－（開いた状態に）することですね。

どうも上手くいかなかったので、__;

>if(!document.getElementById){
location.href="noscript.html";
}
こちらで作成させていただくことにしました。
これは、<script></script>で囲めばよろしいんですよね。（一応これで動いたのですが）
とくに、バージョン指定とかはしなくても大丈夫なのでしょうか？

JavaScriptもきちんと勉強しなければならないとつくづく思い知らされました。
この度は本当にご親切にありがとうございました。

通報する

お礼日時：2006/01/12 00:06

No.3

回答者： BLUEPIXY
回答日時：2006/01/12 00:29

>これは、<script></script>で囲めばよろしいんですよね。

（一応これで動いたのですが）
そうですね。
別に書いてもいいですが、
＃１のスクリプトと一緒にfunctionの前に書いてもいいです。

>とくに、バージョン指定とかはしなくても大丈夫なのでしょうか？
そうですね。
＃１スクリプトはＤＯＭ(Document Object Model)をスクリプトから扱えることが前提となっております。
document.getElementById が定義されている（使用できる）ということは、ＤＯＭ対応していると考えていいと思われるので、これでいいと思います。
もしそれで問題（ブラウザ間やバージョンの差異とか）があれば、ブラウザやブラウザのバージョンをチェックすることになると思いますが。

- 0
- 件

通報する

この回答へのお礼

何度もすみません。
これで先に進めそうです。
本当にありがとうございました。

通報する

お礼日時：2006/01/12 12:00

No.1

回答者： BLUEPIXY
回答日時：2006/01/11 13:49

サンプルを作ってみましたが、こんな感じでどうでしょう？

ネットスケープが現在使えないので、未確認ですが、ＩＥ６＆Firefox1.5で動作を確認しています。
----------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>サンプル</title>
<style>

</style>
<script type="text/javascript">

</script>
</head>
<body>
<div><input type="button" value="＋" onClick="changeFold(this)">メニュー１<div class="inside">
もろもろ<br />
<a href="index.html">トップ</a><br />
<a href="sub.html">サブ</a><br />
</div>
</div>

<div><input type="button" value="＋" onClick="changeFold(this)">メニュー２<div class="inside">
また別のもろもろ<br />
<a href="index2.html">トップ２</a><br />
<a href="sub2.html">サブ２</a><br />
</div>
</div>
</body>
</html>
----------------------------------------------------------------
使用のルール
<塊:div><ボタン>ボタンの横の文章<非表示:div>
非表示になっている中身のＨＴＭＬ
</非表示:div>
</塊:div>
のようなパターンになっていること
<塊:div><ボタン>ボタンの横の文章<非表示:div>
の部分は、改行しないこと。(ＩＥとFirefoxで解釈が異なるので)

この回答への補足

わざわざ書いて下さってありがとうございます。（なんとお礼を申し上げていいやら…）

当方の作業環境
MacOS　9.2.1
Internet Explorer 5.0(5.1は今未確認です）
Netscape 7.0

MacOS　9.2.2
Internet Explorer 5.0
で作業確認ができましたが、

MacOS9.2.2のNetscape 4.7で確認ができませんでした。（リンク先が出てこないのです。）
そこで、ご迷惑ついでに、動かない時はそのまま下に表示するにはどうしたらよろしいでしょうか？
どこかでその仕方を見かけたのですが、今探してもどうしても見つからなくて…。＞＜

補足日時：2006/01/11 17:08

通報する