ツリーメニュー展開時にページも開きたい

[新着] Webテンプレートを仮オープンしました



0   名前: 暇人 : 2006/12/06(水) 22:41  ID:yfyziDVs
はじめまして。

【何をしたいのか】
ツリーを展開(というべきか)したとき同時にページを開けたらなと思っています。
(フレームのレイアウトをA|BとするとツリーがA、開きたいページの対象がBです)
具体的には
メニュー1をクリックして展開  ⇒ (内容1と内容2が現れる)と同時に右側のフレームのページ1が変わってページ2が開かれる。

■メニュー1|       | ⇒ ■メニュー1|       |
■メニュー2| ページ1 | ⇒ ┣内容1  | ページ2 |
        |       | ⇒ ┗内容2  |       |
        |       | ⇒ ■メニュー2|       |


【現在の状況】
■メニュー1の<A href=には詳しく後述しますが "javaScript:treeMenu('treeMenu1')"> が入っているため、
ページ2の<A href="は入れられないと思うのですが…いかんせんScriptが苦手で…どうやればいいのかわからない状態です。

【何をしてみたのか】
このサイトはもちろん、Scriptを配布しているサイトを調べたり、<A href=を複数入れられる方法も探しました。

【備考】
<HTML>
<HEAD>
<TITLE>RE REvolution MENU</TITLE>
</HEAD>
<SCRIPT language="JavaScript">
<!--
// ツリーメニュー
flag = false;
function treeMenu(tName) {
tMenu = document.all[tName].style;
if(tMenu.display == 'none') tMenu.display = "block";
else tMenu.display = "none";
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="black">
<A href="javaScript:treeMenu('treeMenu1')">■メニュー1</A><br>     ←この部分がメニューになります。
<DIV id="treeMenu1" style="display:none">
┣ <A href="http://www.yahoo.co.jp/">Yahoo!</A><BR>
┣ <A href="http://bb.yahoo.co.jp/">Yahoo! BB</A><BR>
┣ <A href="http://shopping.yahoo.co.jp/">Yahoo! Shopping</A><BR>
┗ <A href="http://auctions.yahoo.co.jp/">Yahoo! Auctions</A><BR>
</DIV> <A href="javaScript:treeMenu('treeMenu2')">■ Yahoo! Japan2</a><br>
<DIV id="treeMenu2" style="display:none">
┣ <A href="http://www.yahoo.co.jp/">Yahoo!</A><BR>
┣ <A href="http://bb.yahoo.co.jp/">Yahoo! BB</A><BR>
┣ <A href="http://shopping.yahoo.co.jp/">Yahoo! Shopping</A><BR>
┗ <A href="http://auctions.yahoo.co.jp/">Yahoo! Auctions</A><BR>
</DIV>

</BODY>
</HTML>


内容の部分がYahooになったりしていますが、コピーしてから変えていないだけなので気にしないでください。
あとメニュー1のリンクは画像にする予定です。
コピーさせていただいたサイトはHIMAJIN様です。ttp://himajin.moo.jp/

情報は以上です。意味不明な部分がありましたら申し訳ありません。よろしくお願いいたします。

1   名前: NullPo : 2006/12/06(水) 22:41  ID:1Bb3RL38
hrefに開くページのurlをいれて、onclickでscriptを動作すればいけるような気がしなくもない。

2   名前: 暇人 : 2006/12/06(水) 22:41  ID:zdxeiP77
レスありがとうございます。

<A href="javaScript:treeMenu('treeMenu1')">にもうひとつ入れる形でよいのですか?それもどうすれば・・・

ttp://www.tagindex.com/javascript/link/frame.html

↑はフレームで複数のフレームを同時に切り替えると言うものですが・・・ここにヒントがありそうな気がします。

僕も色々やってみますが何かわかりましたら教えてください。

よろしくおねがいします。

3   名前: Script41 : 2006/12/06(水) 22:41  [URL]  ID:A3n49R0s
こんな感じでしょうか?
http://homepage2.nifty.com/godakaz/laboratory/030311/frame.html

4   名前: 暇人 : 2006/12/06(水) 22:41  ID:/esCaQjd
はい!menu1 menu2 menu3をクリックしたと同時に右のページが変わる…ピッタリです。

ありがとうございます。

これはこのまま頂いてもよろしいでしょうか?

5   名前: 暇人 : 2006/12/06(水) 22:41  ID:/esCaQjd
NullPoさん

Script41さん

Script41さんが教えてくださったページをヒントに私が使っているscriptを書き換えたところ、しっかり目的の動作ができました。

ありがとうございます。良いサイトができそうです。

あと、scriptが入ったhtmlをブラウザで確認すると、毎回scriptがブロックされます。

「セキュリティ保護のため、このコンピュータにアクセスする可能性のあるスクリプトや
     activeXコントロールを実行しないようInternet Explorerで制限されています。・・・・・・・・・・」と。

scriptを公開されているサイトなどはブロックされません。

なにかscriptにブロックさせないように加工しているのでしょうか。

それともHPを公開したら解消されますでしょうか。

スレッドの名前とまったく関係ないものですがわざわざ新しく立てるのもどうかと思うので…

よろしくお願いいたします。

6   名前: m035 ◆Wpzr1YKOiq : 2006/12/06(水) 22:41  [URL]  ID:v4zBExhk
>>5
ローカルで実行しているからでしょう。
サーバにアップすれば大丈夫かと思います。

7   名前: 暇人 : 2006/12/06(水) 22:41  ID:/esCaQjd
m035さん

レスありがとうございます。

アップしてもこの状態が続いたらツリーにする意味がなくなってしますので…汗

ありがとうございました。

一覧へ戻る