フレームのこれってどうやるの？

解決済

質問者：yanbou
質問日時：2001/10/26 20:32
回答数：2件

はじめまして。
フレームのコンテンツ表示を下のURLのように
+や-を押して、パカッて開いたり閉じたりできないでしょうか？
http://www.jp.uo.com/
可能ならどこかサンプルなどサイトをご存知ではないでしょうか？
ぜひ教えて下さい。お願いします。

通報する

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

質問の本文を隠す

回答 (2件)

No.1

回答者： kaji_0131
回答日時：2001/10/29 11:43

始めまして、単刀直入に言うと出来ます。

但し、URLのページの＋や－は「Jpg」つまり絵なので、その絵を用意しなければ無理です。
文字のみでのと言うことでしたら、簡単に出来ます。
サンプルを乗せておきますので宜しければどうぞ。

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<META NAME="GENERATOR" CONTENT="Oracle JDeveloper">
<TITLE>タイトル</TITLE>
</HEAD>
<script language="JavaScript">

</script>
<BODY>
<DIV onClick="Menu(tree1, MENU1)">
<SPAN ID="MENU1" CLASS="title">
<a title="onMouseされた時の表示する文字" target="ContentsFrame">見せておく文字</a>
</SPAN>
</DIV>
<DIV ID="tree1" STYLE="display:none;">
<UL>
<LI><A HREF="表示させるhtmlのURL" target="Frame名">リスト１</A><BR>
<LI><A HREF="表示させるhtmlのURL" target="Frame名">リスト２</A><BR>
<LI><A HREF="表示させるhtmlのURL" target="Frame名">リスト３</A><BR>
</UL>
</DIV>
</BODY>
</HTML>

補足しますと、ツリー表示させたい下の部分をDIVタグでくくり
STYLE="display:none;"でディスプレイから見えないように隠しています。
DIVタグで文字をくくりonclikでjavaScriptに飛びツリー表示の下部部分を表示させるようにしています。
メニューを増加させる場合は
<SPAN ID="MENU1" CLASS="title">
のID="MENU1"をID="MENU2"と言うようにし
<DIV ID="tree1" STYLE="display:none;">の
ID="tree1"をID="tree2"等とし増やせばOKです。

宜しければ参考にして下さい。

- 0
- 件

通報する

この回答へのお礼

kaji_0131ありがとうございました。
増やし方も乗せてくださっていましたから
わかりやすかったので助かりました。
参考に作成をしてみます！！

通報する

お礼日時：2001/10/30 11:05

No.2ベストアンサー

回答者： xruz
回答日時：2001/10/29 11:46

こんにちはyanbouさん、xruzです。

こんな感じでしょうか？（動作確認：Ie5.5sp2のみ）

<html>
<head>
<title>プルダウンメニュー</title>
<script language="javascript">

</script>
</head>
<body bgcolor="azure" style="font-size:16px">
<div id='div1' style="position:absolute; left:10; top:100; width:200;">
<a id="menu1" href="#" onClick="onmenu(this,'menu11');return false">+</a>LINK1
<div id="menu11" style="position:absolute; left:-2; top:16; visibility:hidden;">
<tt>
├<a href="http://www.goo.ne.jp/" target='mainframes'>Goo Japan</a><br>
├<a href="http://www.msn.co.jp/" target='mainframes'>MSN Japan</a><br>
└<a href="http://www.ibm.co.jp/" target='mainframes'>IBM Japan</a><br>
</tt>
</div>
</div>
<div id='div2' style="position:absolute; left:10; top:116; width:200;">
<a id="menu2" href="#" onClick="onmenu(this,'menu21');return false">+</a>LINK2
<div id="menu21" style="position:absolute; left:-2; top:16; visibility:hidden;">
<tt>
├<a href="http://www.goo.ne.jp/" target='mainframes'>Goo Japan</a><br>
├<a href="http://www.msn.co.jp/" target='mainframes'>MSN Japan</a><br>
└<a href="http://www.ibm.co.jp/" target='mainframes'>IBM Japan</a><br>
</tt>
</div>
</div>
</body>
</html>

がんばってくださいね。