ベストアンサー

ホームページビルダーVer６で、プルダウンメニューにしたい(ボタン押で移動＋フレーム内表示)

2005/11/14 13:58

質問させて頂きます。私はホームページビルダーVer.6を使っています。今日ページを作成していて、プルダウンメニュー(ボタンを押して移動のもの)を入れようと思い、色々なサイトを見て入れてみたのですが、何度やりなおしてもページにエラーが出てしまい、上手くいきません；フレーム名は絶対合っています。 ↓↓↓ページに入れてみたタグ <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> var url = "mode-menu.htm" ; function change(item){ 　　url = item.options[item.selectedIndex].value; } function disp(){ 　　top.itemhidari.location.href = url; } </SCRIPT> </HEAD> <BODY background="ib-topimg.jpg"> <FORM method="POST" name="myForm"><BR> <BR> <SELECT name="menu" onchange="change(this)"> <OPTION>ここから選んでね★ミ</OPTION> <OPTION value="mode-menu.htm">人物＋動物写真素材</OPTION> <OPTION value="item-menu.htm">Web用素材</OPTION> <OPTION value="photo-menu.htm">その他写真素材</OPTION> </SELECT><INPUT type="button" name="btn" value="GO!!" onClick="disp()"></FORM> </BODY> </HTML> どこが違っているのでしょうか；また、どのようにしたら良いのでしょうか。教えて下さい；時間が無いため、なるべく早く回答を頂けたらと思います。

raimu76
お礼率25% (1/4)

ホームページ作成ソフト
回答数3
ありがとう数0

みんなの回答 （3）
専門家の回答

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

ベストアンサー

めとろいと（@naktak）
ベストアンサー率36% (785/2139)

2005/11/14 16:21 回答No.3

フレームを利用されているという事でしたら、フレーム元の方でnameプロパティが抜けているのだと思います。 <html> <head> <frameset cols="20%,80%"> <frame src="b.html"> <frame src="a.html" name="itemhidari"> </frameset> </head> </html>

質問者

補足 2005/11/14 16:27

わわ！nameプロパティが、プルダウン側とフレーム側で違っていました！直してみたらきちんと表示することができました！本当に有難うございました！凄く嬉しいです＾＾

その他の回答 (2)

めとろいと（@naktak）
ベストアンサー率36% (785/2139)

2005/11/14 14:30 回答No.2

top.itemhidari.とありますが、フレームか何か利用されてはいるのですか？ top.itemhidari.これをなくせば動作すると思います。あと、面倒な事をしすぎている感じがします。（わざわざ値を保持するところが） <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> var url = "mode-menu.htm" ; function disp(){ value = document.forms['myForm'].menu.value; value != ""?location.href = value:location.href=url; } </SCRIPT> </HEAD> <BODY background="ib-topimg.jpg"> <FORM method="POST" name="myForm"><BR> <BR> <SELECT name="menu"> <OPTION>ここから選んでね★ミ</OPTION> <OPTION value="mode-menu.htm">人物＋動物写真素材</OPTION> <OPTION value="item-menu.htm">Web用素材</OPTION> <OPTION value="photo-menu.htm">その他写真素材</OPTION> </SELECT><INPUT type="button" name="btn" value="GO!!" onClick="disp()"></FORM> </BODY> </HTML> これでも良いかと。

質問者

補足 2005/11/14 14:53

申し訳ないです；フレーム使用　しています。重要な部分を書いていませんでした；

noname#17454

2005/11/14 14:27 回答No.1

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </center> <center><SELECT NAME="menu" SIZE=1 onChange="navi2(this)"> <OPTION VALUE="top">選択して下さい <OPTION VALUE="in.html">MENU <OPTION VALUE="ih.htm">る <OPTION VALUE="link.htm">す <OPTION VALUE="in.htm">窓 <OPTION VALUE="ma.htm">亀 <OPTION VALUE="m.htm">図 <OPTION VALUE="p.html">真 </SELECT> うちは　こんな感じですが

関連するQ&A

フレームを使用した複数プルダウンメニュー
こんにちは。よくある質問もみたのですが「複数のプルダウンメニュー」「フレームを使ったプルダウン」というのはあるのですが、フレームを使用して左フレームに複数プルダウン、そこで選んだものを右フレームに表示させるというのが見つかりませんでした。「複数のプルダウンメニュー」もつくれますし、「別フレームに表示させる」こともできるのですが、プルダウンを増やしたとたんに動きません。ネームを変えてもみたのですがうまくいきません。フレームを二つつくって <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
フレームのある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"></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
複数プルダウンでメニューを初期表示に戻したい
No.157334でleaz024さんに「複数プルダウンメニュー」について教えてもらったものですが、ひとつ、追加したいことがあるので教えてください。教えていただいたスクリプトは <script language="javascript">  </script> <FORM name="Link1"> <SELECT name="OP" onChange="A_Li()" size="1"> <OPTION Value="main.htm" SELECTED>ページを選んでください <option value="main.htm">ぺージ1</option> <OPTION Value="abc.htm">ページ2 <OPTION Value="def.htm">ページ3 </SELECT> <SELECT name="OP2" onChange="B_Li()" size="1"> <OPTION Value="aaa.htm" SELECTED>ページを選んでください <option value="bbb.htm">ぺージ1</option> <OPTION Value="ccc.htm">ページ2 <OPTION Value="ddd.htm">ページ3 </SELECT> です。例えば OP2のメニューをクリックしたあと OP3のメニューをクリックしたときにOP2のメニューが初期の表示メニューに戻したいのですが、どう変えればよいでしょうか。初心者なので本を見てみたのですがわかりませんでした。どうぞよろしくお願いいたします。
- ベストアンサー
- 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
プルダウンメニューリンクを新しいウインドウで表示させたい
ホームページビルダー11を使っています。プルダウンメニューからリンク先を「新しいウインドウ」で表示させるにはどのようにしたらよろしいのでしょうか。ご指導よろしくお願い致します <SCRIPT language="JavaScript">  </SCRIPT> <FORM name="quick" action="./"><SELECT name="url" onchange="quicklink(this.form.url.options[this.form.url.selectedIndex].value)" size="1" tabindex="1"> <OPTION selected>■ リンク先を選んでクリック ■ </OPTION> <OPTION value="index.htm">その１</OPTION> <OPTION value="index-2.htm">その２</OPTION> <OPTION value="index-3.htm">その３</OPTION> </SELECT>←関連リンク先</FORM> <TABLE width="100%" border="1" cellpadding="0" cellspacing="0" class="hpb-subh02">
- ベストアンサー
- ホームページ作成ソフト
フレームを使ったプルダウンメニュー
フレームで「ヘッダー・左メニュー・右メインページ」というように３分割にし、左メニューに置いたプルダウンから項目を選ぶと右メインに表示される、という構造にしたいと思っています。 <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
複数のプルダウンメニューの設置（左右フレーム）
前回プルダウンメニューによる左右フレーム切り替えの質問をさせていただきました。 →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"></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
ホームページでJavascriptを使ったプルダウンメニューによる画面切替え
ホームページでiframe内のページをプルダウンメニューを変更したいのですが、アンカーポイントでのプルダウンメニューのリンクではホームページを代える事は出来ないのですか？プルダウンメニューを行うとJavascriptエラーが起きて画面がリンク先になりません。 ○Javascriptの文 <SCRIPT language=JavaScript type=text/JavaScript>  </SCRIPT> ○iframeの文 <iframe src="report.html" name=if width="440" height="500" frameborder="0">iframeを使用しております。<br></iframe> ○プルダウンメニューの文 <FORM name=form1> <SELECT onchange="MM_jumpMenu('parent.frames[\'if\']',this,0)" name=menu1> <option value="report.html\#0008" selected>第８回目</option> <option value="report.html\#0007">第７回目</option> <option value="report.html#0006">第６回目</option> <option value="report.html#0005">第５回目</option> <option value="report.html#0004">第４回目</option> <option value="report.html#0003">第３回目</option> <option value="report.html#0002">第２回目</option> <option value="report.html#0001">第１回目</option> </select> </form> どこが悪いのか教えてください。分かる方いらっしゃいますか？教えてください、お願いいたします。
- 締切済み
- JavaScript
複数のプルダウンメニューの表示について
複数のプルダウンメニューについてですが、以前、こちらで教えてもらったことを応用したいのです。フォーームの中の「グループ1」と「グループ2」という大分類は文字の表示だけでリンクしないようにしたいのです。この状態だと、「グループ1」という名前もプルダウンの中に入ってしまって、ファイルがないので、リンクエラーの警告がでます。どこが間違っていて、どのように変えたらいいのでしょうか。よろしくお願い致します。 <script language="javascript">  </script> ---------------HTML------------ <FORM name="Link1"> <SELECT name="OP" onChange="A_Li()" size="1"> <OPTION Value="-" SELECTED>グールプ1</option> <option value="1.htm">あ</option> <OPTION Value="2.htm">い</option> <OPTION Value="3.htm">う</option> <OPTION Value="4.htm">え</option> <OPTION Value="5.htm">お</option> </SELECT> <SELECT name="OP2" onChange="B_Li()" size="1"> <OPTION Value="-" SELECTED>グールプ2</option> <option value="6.htm">か</option> <OPTION Value="7.htm">き </option> <OPTION Value="8.htm">く </option> </SELECT>
- ベストアンサー
- JavaScript
プルダウンメニューのvalue値が00のときアラートを表示したい
似たような記事が多くそれぞれの回答を試してみたのですが、うまくいかなかったため質問させていただきます。ただいまテキストBOXとプルダウンメニューで成り立つ入力フォームを作成しています。そこで、テキストはすべて入力した状態、プルダウンメニューを一番上以外のものを選択した状態でないと次の画面に遷移しないようにしたいのですが、プルダウンメニューの所だけうまくいきません。どうか回答よろしくお願いします。以下にソースをすべて載せておきます。 <html> <head> <title>test</title> <script language="JavaScript"></script> </head> <body> <form action="student_add1.php" name="forms" method="get" onSubmit="return check()"> 生徒番号：<select name="school"> <option value="00">==学校名==</option> <option value="01">桜中学校</option> <option value="02">紅葉中学校</option> <option value="03">青山中学校</option> <option value="04">高岡中学校</option> <option value="05">中野中学校</option> </select><input type="text" name="id" size="3"><br> 氏名：<input type="text" name="name" size="12"><br> 学年：<input type="text" name="grade" size="2"><br> 模試成績：<br><br>英語：<input type="text" name="english" size="3"> 数学：<input type="text" name="math" size="3"> 国語：<input type="text" name="japanese" size="3"> 理科：<input type="text" name="science" size="3"> 社会：<input type="text" name="society" size="3"><br> <input type="submit" value="送信"> <input type="reset" name="reset" value="リセット"> </form> </body> </html>
- ベストアンサー
- JavaScript

ホームページビルダーVer６で、プルダウンメニューにしたい(ボタン押で移動＋フレーム内表示)