- ベストアンサー
プルダウンメニューのHPを右フレームへ表示したい
- プルダウンメニューのYahooをクリックすると左フレームにakkotyan.htmlが表示される問題
- プルダウンメニューのhouyhnhnmsをクリックしても反応しない問題
- クリックで動くプログラムと知恵袋 竹島問題は問題なく右フレームに表示される
- Campus2
- お礼率47% (226/475)
- JavaScript
- 回答数2
- ありがとう数10
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
・フレームは止めましょう。特に他サイトへのリンクには著作権の問題もあり使用すべきではありません。 ⇒フレーム( https://www.google.co.jp/search?q=%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%20%E5%95%8F%E9%A1%8C%20html ) 他サイトの場合は新規ウィンドウで開くように・・ ・ナビゲーションですからちゃんとナビゲーションとしてマークアップしましょう。 ・<br>は通常使いません。一つの段落でありながら改行が必要な場合 HTML4だと大住所と小住所の境界、HTML5だと詩のように改行自体がコンテンツであるとき 以外は使わない。行間はスタイルシートで制御しましょう。 ・javascriptはリンクには使わない javascriptはすべてのユーザーエージェントが利用できるわけじゃない。 「JavaScript・【中略】・などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。( https://support.google.com/webmasters/answer/35769?hl=ja#2 )」 単純に <div class="nav"><!-- class名などで文書構造を示す --> <ol> <li> <ol> <li><a href="https://www.google.com/images?hl=ja&q=Lilliput">リリパット</a></li> <li><a href="https://www.google.com/images?hl=ja&q=Brobdingnag">ブロブディンナグ</a></li> <li><a href="https://www.google.com/images?hl=ja&q=houyhnhnms">フウイヌム</a></li> </ol> </li> <li><a href="./pronagare.html">クリックで動くプログラム</a></li> <li><a href="./takesima.html">知恵袋 竹島問題</a></li> </ol> </div> とマークアップして、スタイルシートで下の階層だけプルダウンにすればよい。
お礼
ご回答誠にありがとうございます。 質問したことで、プルダウンメニューはフレーム式だと使用できないことが分かりました。 しかし、 フレーム式は現在やめようとは思っておりません。 質問したHPはイントラネットの業務で使用しています。 、リンクタグが常に左に見えているので HPを開いていても、電話等で質問が来た場合お目当てのタグが常に左に見えているので、直ぐに開いて 回答をすることができるので、私的にはとても使いやすいです。 しかし、プルダウン方式はあきれめて、別な方法を考えます。
関連するQ&A
- フレームを使ったプルダウンメニュー
フレームで「ヘッダー・左メニュー・右メインページ」というように３分割にし、左メニューに置いたプルダウンから項目を選ぶと右メインに表示される、という構造にしたいと思っています。 <HEAD>～</HEAD>内↓ <script language="JavaScript"> function jump(form) { var myindex=form.destination.selectedIndex window.open(form.destination.options[myindex].value, target="main"); } //--> </SCRIPT> プルダウン部分↓ <FORM NAME="form"> <SELECT NAME="destination"> <OPTION VALUE="a.html" SELECTED>あ</OPTION> <OPTION VALUE="k.html">か</OPTION> <OPTION VALUE="s.html">さ</OPTION> <OPTION VALUE="t.html">た</OPTION> <OPTION VALUE="n.html">な</OPTION> </SELECT> <INPUT TYPE="image" SRC="go.gif" onClick="jump(this.form)" BORDER="0"> </FORM> という様に記述した所、例えばプルダウンで「た」を選択した場合、右フレームにちゃんとt.htmlが表示されるのですが、左フレームのプルダウンの項目が「あ」に戻ってしまいます。「た」を選択した状態のまま残したいのですが。 ちなみにボタンに画像を使わず、<INPUT TYPE="button" ・・・・>にするとなぜか「た」選択の状態でちゃんと残ります。でも、できれば画像を使いたいのです。 うまいやり方をご存じの方は、教えていただけますか。おねがいします。
- ベストアンサー
- JavaScript
- フレームを使用した複数プルダウンメニュー
こんにちは。 よくある質問もみたのですが「複数のプルダウンメニュー」「フレームを使ったプルダウン」というのはあるのですが、 フレームを使用して左フレームに複数プルダウン、そこで選んだものを右フレームに表示させるというのが見つかりませんでした。 「複数のプルダウンメニュー」もつくれますし、「別フレームに表示させる」こともできるのですが、 プルダウンを増やしたとたんに動きません。 ネームを変えてもみたのですがうまくいきません。 フレームを二つつくって <FRAMESET cols="35%,65%"> <FRAME src="n_menu.htm" name="manu">←こっちにプルダウンメニュー <FRAME src="n_main.htm"name="main">←こっちに表示 目次のhtmファイルで <SCRIPT LANGUAGE="JavaScript"> function openPage() { var list = document.forms[0].urlList; parent.frames[1].location = list.options[list.selectedIndex].value; } </SCRIPT> </HEAD> <FORM> <SELECT NAME="urlList" onChange="openPage()"> <OPTION SELECTED VALUE="cover1.htm">朝の歌 <OPTION VALUE="1.htm">1番目のページ <OPTION VALUE="2.htm">2番目のページ <OPTION VALUE="3.htm">3番目のページ </SELECT> </FORM> #上記をコピペして増やしてみた↓ <FORM> <SELECT NAME="urlList2" onChange="openPage()"> <OPTION SELECTED VALUE="cover2.htm">夜の歌 <OPTION VALUE="4.htm">4番目のページ <OPTION VALUE="5.htm">5番目のページ <OPTION VALUE="6.htm">6番目のページ </SELECT> </FORM> これだと２本目が表示されません。 どうすればいいか教えていただけないでしょうか？
- ベストアンサー
- JavaScript
- プルダウンメニューのターゲット指定
タイトルどおりなのですが、プルダウンメニュー のリンク先を同ページ内のiframeにしたいのですが これはどうすればできるのでしょうか？ こちらに現在の状況を載せておきます。 <SCRIPT LANGUAGE="JavaScript"><!-- function Jump() { tu = document.f.elements['jumpto'].options[document.f.elements['jumpto'].selectedIndex].value if( tu != '-' ) { location.href = tu; } else { alert('移動先を選択して下さい。'); } } // --></SCRIPT> <FORM NAME="f"> <SELECT NAME="jumpto" onChange="Jump();">> <OPTION VALUE="-" SELECTED>移動先を選択</OPTION> <OPTION VALUE="menu1.htm" target="menu">Page1</OPTION> <OPTION VALUE="menu2.htm" target="menu">Page2</OPTION> </SELECT> </FORM> よろしくお願い致します。
- ベストアンサー
- JavaScript
- 【プルダウンメニュー】フレームの中のインラインフレームに、ターゲットを指定するには？
現状は【フレームA（ヘッダー1）】【フレームB（ヘッダー2）】【フレームC（メイン）】【フレームD（フッター）】の4分割のうえに、更にフレームCの中に【インラインフレーム】があります。 フレーム3の中にプルダウンメニューを設置し、インラインフレームに表示させたいのですが上手く動作しません。 ※ちなみに、「var target = "フレームA名";」で試してみると動作はするのですが…。 という事は「フレームの中のインラインフレーム」という点がネックなのでしょうか？ とあるソースを改良して使おうと思ったのですが、javascript素人につき行き詰まっています。どなたか回答いただけると嬉しいです。 <SCRIPT TYPE="text/javascript"> <!-- var target = "インラインフレーム名"; function jump(){ var url = document.form1.select.options[document.form1.select.selectedIndex].value; if(url != "" ){ if(target == 'top'){ top.location.href = url; } else if(target == 'blank'){ window.open(url, 'window_name'); } else if(target != ""){ eval('parent.' + target + '.location.href = url'); } else{ location.href = url; } } } // --> </SCRIPT> <FORM NAME="form1"> <SELECT NAME="select" onChange="jump()"> <option value="">お選びください <option value="Ahtml/arr">AAA <option value="B.html">BBB <option value="C.html">CCC <option value="D.html">DDD <option value="E.html">EEE </SELECT> </FORM>
- ベストアンサー
- JavaScript
- プルダウンメニューのHTMLタグ
プルダウンメニューを自分のホームページに取り入れたいのですが、 フレームで区切っているためにリンク先をどうやって設定すればいいか困っています。 ちなみに、プルダウンのタグはやはりこの質問サイトで見つけた 新しいページを開いてロードしたいのであれば、 <SELECT onChange="window.open(this.value,'_new'); return false ;"> <OPTION> <OPTION VALUE=http://www.goo.ne.jp/>goo <OPTION VALUE=http://www.google.co.jp/>google <OPTION VALUE=http://www.yahoo.co.jp/>yahoo </SELECT> というのを使おうと思っています。 新しいウィンドウではちゃんと開きました。 ターゲットをrightという名前に設定したいのですが、どうすればいいでしょうか？ とても困っています。。。 また、これだとプルダウンを開く前は文字のない状態なのですが、 文字を入れるにはどうしたらいいですか？例えば「選択してください」など。
- 締切済み
- HTML
- フレームのあるHPでプルダウンメニュー
上左右とフレームの切ってあるHPをビルダーで作っている者です。 似た感じの質問を過去ログから検索して読みましたが、質問させてください。 左フレームにプルダウンメニューを設置して、 プルダウンメニューをクリックすると 右メインページが切り替えれる様にしたいのです。 http://www.red.oit-net.jp/tatsuya/java/combobo2.htm←この様なプルダウンメニューを設置したいのですが、 フレーム切り替えのタグをどこをどういじっていいのかわかりません。 現在ローカルファイルで作成中で、フォルダに 上フレーム：flame1.htm（完成） 左フレーム：flame2.htm（←ここに設置したい） メインページ：1.htm 2.htm 3.htm 4.htm と入っている感じです。 左フレーム↓ <script language="JavaScript"><!-- function myGo(){ mySelect = document.myForm.myMenu.selectedIndex; location.href = document.myForm.myMenu.options[mySelect].value; } // --></script> <form name="myForm"> <select name="myMenu" onChange="myGo()"> <option value="1.htm" >第1章 <option value="2.htm" >第2章 <option value="3.htm" >第3章 <option value="4.htm" >第4章 </select> </form> どこをどう直したらいいのか、是非お教え下さい。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 複数のプルダウンメニューの設置（左右フレーム）
前回プルダウンメニューによる左右フレーム切り替えの質問をさせていただきました。 →http://oshiete1.goo.ne.jp/kotaeru.php3?q=1200405 申し訳ないですが、ここからまた新たに質問させてください。 上部(固定)、左フレーム(プルダウン設置)、右フレーム（メインページ）というページを作っています。 現在の状況はローカルのフォルダの中に ○上フレーム：flame1.htm（完成） ○左フレーム：flame2.htm（←ここに設置したい） ○右メインページ：1.htm 2.htm 3.htm（←１つ目プルダウン）4.htm 5.htm 6.htm（←２つ目のプルダウン） 7.htm 8.htm 9.htm（←３つ目のプルダウン） と入っている感じです。 <HEAD>～<HEAD>部分 <script language="JavaScript"><!-- function myGo(){ mySelect = document.myForm.myMenu.selectedIndex; parent.main.location.href = document.myForm.myMenu.options[mySelect].value; } // --></script> <BODY>～<BODY>部分 <form name="myForm"> <select name="myMenu" onChange="myGo()"> <option value="1.htm" >第1章 <option value="2.htm" >第2章 <option value="3.htm" >第3章 </select> </form> ↑上記でひとつのプルダウンは設置できるのですが、 ２つ目、３つ目のプルダウンの設置となると、 どこをどうしたらよいやらわかりません。 是非ご回答よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 複数のプルダウンメニューから指定フレームへ表示
質問内容を検索してhttp://omedeta.okweb.jp/kotaeru.php3?q=1205107 から抜粋させていただきました。 funfun31様、ご回答された方々、まこと申し訳ございません。 ありがとうございます。 現状、上部(固定)、左フレーム(プルダウン設置)、 右フレーム上（表のサンプル表示）、 右フレーム下（メインページ） というページの構成でfunfun31様とほとんど同じです。 上フレーム（完成） 左フレーム（↓のJavaScriptを設置） 右フレーム上（右フレーム下へ表示する表の見方） 右フレーム下（ここにプルダウンメニューで選択した内容表示） 左フレームの内容 <HTML> <HEAD> <script kanguage=Javascript"> <!-- function myGo(myPullDown) { var mySelect = myPullDown.selectedIndex; parent.右フレーム下ファイル名.location.href = myPullDown.options[mySelect].value; </script> <body background="壁紙"> <form name="myForm"> 題名１<br> <select name="myMenu1" onChange="myGo(this)"> <option selected>選択 <option value="01.htm">01 <option value="02.htm">02 <option value="03.htm">03 </select> <br> 題名２<br> <select name="myMenu2" onChange="myGo(this)"> <option selected>選択 <option value="04.htm">04 <option value="05.htm">05 <option value="06.htm">06 </select> </form> </body> </html> どこが間違っているのかがわかりません。 現状選択しても右フレーム下に反応がありません。 知識不足で単純な見落とし、または根本的な間違いがあるかも知れません。 無知でまこと申し訳ございませんが 是非ご回答よろしくお願いいたします。
- ベストアンサー
- JavaScript
- プルダウンメニューでフォームのターゲット先を変更したい。
プルダウンメニューでフォームのターゲット先を変更する方法をしえてもらえませんか？ 下記の様にすると_topを指定しても新しいウィンドウが開いてしまいます。 <FORM name="test2" action="http://hoge.cgi" target=yyy.value> <INPUT type="text" size="34" name="word"><SELECT name="search"> <OPTION value="yahoo" selected>Yahoo!Japan</OPTION> <OPTION value="google">google</OPTION> </SELECT> <SELECT name="yyy"> <OPTION selected>窓選択</OPTION> <OPTION value="_blank">別窓</OPTION> <OPTION value="_top">同窓</OPTION> </SELECT> <INPUT type="submit" value="検索"> </FORM>
- ベストアンサー
- JavaScript
- セレクトメニューで
セレクトメニューで フレームを使った、複数のセレクトメニューで 今の状態だと、上のセレクトメニューは問題ないのですが 下のセレクトメニューで選択すると、上のセレクトメニューの「更新」になるだけに なってしまいます。 要所の所だけ、記載しますので間違ってるところを教えてください。 <script type="text/javascript"> <!-- // 設定開始 var target = "right"; // 設定終了 function jump(){ var url = document.form1.select1.options[document.form1.select1.selectedIndex].value; if(url != "" ){ if(target == 'top'){ top.location.href = url; } else if(target == 'blank'){ window.open(url, 'window_name'); } else if(target != ""){ eval('parent.' + target + '.location.href = url'); } else{ location.href = url; } } } // --> </script> </head> <body> <TABLE border="0"> <TBODY> <TR> <TD><form action="#" name="form1"> <select name="select1" onChange="jump()"> <OPTION> メニュー</OPTION> </select> </form></TD> </TR> <TR> <TD><form action="#" name="form2"> <select name="select2" onChange="jump()"> <OPTION> メニュー</OPTION> </select> </form></TD>
- 締切済み
- JavaScript
- コロナワクチンの副反応による解熱剤としてアセトアミノフェンが推奨されています。
- しかし、イブプロフェンは使用しない方が良いとされています。
- 副反応が出た場合は医師に相談しましょう。
お礼
ご回答誠にありがとうございました。 ご回答くださった、以下のプログラムに修正したところ window.top.frames['contents'].location = url; 左フレームのプルダウンメニュータグのYahooをクリックすると なんと見事に右フレームにHPが現れました。 最初の他者様の回答で、絶望的とだと思い込んでいましたが、できたから、とてもよかったです。 セキュリティなどの問題ですが、 イントラネットなので、外部と回線自体が接続されていないので 攻撃など心配はないです。 セキュリティの問題は全くと言っていいほど 問題はございません。