• ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • xruz
  • ベストアンサー率50% (72/143)
回答No.2

こんにちはyanbouさん、xruzです。 こんな感じでしょうか?(動作確認:Ie5.5sp2のみ) <html> <head> <title>プルダウンメニュー</title> <script language="javascript"> <!-- var isMenu = "hidden"; function onmenu(mnu,submenu,x,y) { document.all(submenu).style.visibility=isMenu=(isMenu=='hidden')?'visible':'hidden'; mnu.innerText=(isMenu=='hidden')?'+':'-'; document.all('div2').style.top=(document.all('menu1').innerText=='-')?116+18*3:116; } // --> </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> がんばってくださいね。

yanbou
質問者

お礼

xruzさん、ありがとうございました。 こんなのがほしかったです。 サンプルまで頂いてすいませんでした。 頑張ります!!(^-^)

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

回答No.1

始めまして、単刀直入に言うと出来ます。 但し、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"> <!-- function Menu (one, two) { if (one.style.display == 'none') { one.style.display=''; } else { one.style.display='none'; } } --> </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名">リスト1</A><BR> <LI><A HREF="表示させるhtmlのURL" target="Frame名">リスト2</A><BR> <LI><A HREF="表示させるhtmlのURL" target="Frame名">リスト3</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です。 宜しければ参考にして下さい。

yanbou
質問者

お礼

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

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • フレーム別に更新

    indexから上フレームと下フレームに分けています。 上フレームにはメニュー、下フレームにはコンテンツです。 上フレームに下フレームだけを更新できるリンクを張りたいのですが方法はあるでしょうか? ただし<A href="http://下コンテンツへのURL" target="コンテンツ">は使えません。メニューフレームで選んだコンテンツが、下フレームに表示される為、下フレームの内容が毎回違います。 よって上フレームのリンクで下フレームだけを更新できるようにしたいんです。 詳しい方やご存知の方がいらっしゃいましたらご伝授お願いします。日本語がわかりにくくてごめんなさい。

  • サイトの英語版をなくしたい

    WordpressでWPMLを使い、sample.comと、Sample.com/jpというサイトを作りました。 sample.comが英語版で、Sample.com/jpが日本語版です。 このsample.comを削除し、Sample.com/jpをSample.comに移管し、Sample.com/jpの下にあるすべてのコンテンツを新しいURLにリダイレクトするにはどうしたらいいでしょうか?

    • 締切済み
    • PHP
  • フレームと横スクロールを使ったサイト

    こんにちは。質問お願いします。 今、http://youmos.com/reference/smooth_scroll.htmlのサイト様のような スクロールを使ったサイトを作りたいと思っています。 内容は、上下に分かれたフレームで 上はメニュー、下はコンテンツ、 メニューのボタンを押すと、下のコンテンツが横スクロールして 表示されるというものです。 検索したのですが、いまいちわかりませんでした。 HPについて詳しい方!回答をお待ちしております><

  • ホームページビルダー11で、フレーム表示のように作成する方法

    皆さんこんにちは、ホームページビルダー11でフレーム表示のような ページを作成する方法を探しています。 フレーム分割なしで、トップにサイト名のロゴ、左はコンテンツ、 右はコンテンツのページを表示するようにしたいのです。 そしてコンテンツが増えたら、一度に編集できるようにしたいのです。 以下のようなサイトを目指しています。 https://www.entrygear.com/list.asp?listtype=cat&cat=1 最初はフレーム分割をしないで、上にサイト名のロゴ、左にコンテンツ、右にコンテンツから選んだ ページが表示されるようにしていました。 表示されたページにも左にコンテンツ、上にはサイトのロゴが 来るようにしていました。 しかし編集のことを考えると、もしコンテンツを増やしたなら各ページを一つずつ編集しないと いけなくなり、とても手間がかかります。 やり方をご存知の方、ご指導下さい、宜しくお願いいたします。

  • フレームページに更にヤプースをフレームで組み込むには?

    ヤプースとは、ご存知かと思いますが、携帯から写真つきの日記を送って ブログのような日記を書くものです。 現在、HPリニュ中です。 上と下に分割したフレームページを作成中。 下に表示されるページは全体表示でなく、そこもフレームページにしています。 そこに(下のフレームに)ヤプースを組み込もうと思って、ヤプースのサイトから調べたタグを書いてみたのですが、今まで表示されていたページが表示されなくなってしまいました。 フレーム内に更にフレームを作成することは出来ないのでしょうか? 私の場合はヤプースが3つ目のフレームになります。 ちなみに組み込んだタグはコチラです↓ <IFRAME SRC="http://yapeus.com/users/あなたのユーザーID/" width=200 height=200 frameborder=0>~</IFRAME> つたない質問でわかりにくいかも知れませんが、よい回答お待ちしています。

  • フレームで困ってます。。助けてください。

    TOPページを(30%と70%の)フレームで 分割し、上の(30%)の方にいろいろなコンテンツを置き、そのコンテンツをクリックすると画面下のフレームに(リンク先が?)表示されるようにしたいのです。 それでコンテンツを5つほど並べてみたのですが(上のフレームに)、アップロードして自分のサイトを見に行くと、上のフレームが真っ白で、右側にスクロールバーが現れて、スクロールしなければコンテンツが 見れないようになってしまっています。 本当は、トップを開いたときに、右のスクロールバーが出ないようにして、コンテンツがちゃんと(スクロールしないでも)表示されるようにしたいんです。 今は、ホームページビルダー8とあわせて、HTMLで編集をしていますが、HTMLのほうは初心者なので、なるべくわかりやすくご教授願います。

    • ベストアンサー
    • HTML
  • フレームについて。

    フレームを使って、2ちゃんねるみたいなサイトを作っているのですが、 一つヘルプ等を何度も読んでも分からない所がありますので、 此方に質問させていただきます。 フレームの左側の小さい窓にラウンジなどのリンクを張っているのですが、 そのリンクを右側の大きい窓で開かせたいのですが如何すれば出来るのかわかりません。 ご存知の方はお力をお貸しして頂けませんか?よろしくお願いします。 URL:http://9ch.boo.jp/framepage10.html

  • 違うフレームのURLを取得したい

    いつもお世話になっております。 上下でフレームが分かれていて、上にメニュー、下に内容が表示されます。 下に表示されているURLによって、上のメニューのボタンの色をVBScriptのIF文を使って変えたいと思っています。 そこで、下のフレームに表示されているURLを上のフレームで取得したいのですが、どうしたら実現できるでしょうか。 JavaScriptでparent.下のフレーム名.location.hrefとすれば、URLを取得できることまでは調べたのですが、JavaScriptからASPに値を渡す方法が分かりませんでした。 ASPだけでURLを取得する方法か、JavaScriptで取得した値をASPに渡す方法のどちらかをご存知の方がいらっしゃったら教えてください! よろしくお願いいたします。

  • フレーム内に表示されているページのURLを取得して「進む」に割り当てることは可能でしょうか。

    現在ホームページを作成しているのですが、インラインフレームを一部使用して 作成しております。 インラインフレーム内に表示されるページが例えば、 contents1.html~contents100.html 以上のページを表示したいと思います。 その下に「戻る」と「進む」の画像を作成リンクを設定したいと考えております。 初期段階では「contents1.html」のページがインライン内に表示されているとします。 「進む」をクリックすると「contents2.html」が表示され、再び「進む」をクリックすると「contents3.html」が表示されるようにしたいと考えております。 フレーム内に表示されているページのURLを取得して「進む」に割り当てることは可能でしょうか。 「戻る」と「進む」はフレーム外に設定されております。 インラインフレーム内のページが変わると「進む」に設定されているリンク随時が変わるようにしたいのですが、ご教授頂けたら幸いで御座います。 よろしくお願いいたします

  • 固定フレームのついたフレームページにリンクするには?

    メモ帳でホームページを作っています。初心者です。 メニューページにはフレームを使わず、 コンテンツ用ページを二つのフレームを使って、上部に各コンテントファイル、下部にメニュー(各コンテント名を一覧表示)が表示されるようにしています。下部フレームは固定フレームにしたいと思っています。 メニューページで各コンテント名をクリックしたとき、 上部にそのコンテントファイル、下部に固定メニューファイルの表示されたフレームページへリンクさせたいのですが、この方法がわかりません。 初めは、フレームページにアドレスを付けてリンクすればいいのよねー、と試みたのですが、そうすると全てのフレームページ、つまり上部フレームにそれぞれのコンテンツファイルが表示され、下部にメニューファイルが表示されたフレームページのひとつひとつにアドレスをつけないと、リンクできないのでは?と疑問がわきました。 しかし、それではフレームページの固定メニューファイルの各コンテント名をクリックしたときに、上部フレームにはコンテンツファイルのみでなく、各コンテンツのフレームページが表示されてしまい、下部の固定フレームが増えていって(泣)変なことになってしまいますよね。 フレームページ間のリンクは、その固定フレームの各コンテント名のtargetを上部フレーム名にすればよいので問題ないのですが・・・。 メニューページもフレームページにすれば解決するでしょって感じですが^_^;、メニューページには各コンテント名が載せてあるのに下にも同じ項目を並べるのはくどい気がして、ちょっと・・・と思いまして。 ご存知の方よろしくお願いします!

    • ベストアンサー
    • CSS
プリンタ接続が頻繁に切れる
このQ&Aのポイント
  • 突然、PCからプリンタが見えなくなる。プリンタを再起動すると回復する。最近、頻度が上がっている。接続修復ツールではプリンタが接続されていない、との表示
  • お使いの環境はWindows10で、無線LAN接続しています。Wi-Fiルーターの機種名はNTT RS-500MIで、電話回線はひかり回線です。
  • 質問内容:MFC-J6583CDW6583CDWのプリンタ接続が頻繁に切れる問題について相談します。突然、PCからプリンタが見えなくなり、プリンタを再起動すると回復することがあります。最近、この問題が頻繁に発生しており、接続修復ツールではプリンタが接続されていないと表示されます。お使いの環境はWindows10で、無線LAN接続を使用しています。Wi-Fiルーターの機種名はNTT RS-500MIで、電話回線はひかり回線です。
回答を見る

専門家に質問してみよう