ビルダー11を使用して作成しています。
プルダウンメニューとインラインフレームを使用してレイアウトをしています。
プルダウンメニューを選択するとインラインフレーム内が更新するように作成したいと思います。
更新ボタンとかは無しで、選択されたらすぐに反映されるような形にしたいと思っています。
色々調べて下記のように作成しました。
-------------------------------------------------------
<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');
}
elseif(target != ""){
eval('parent.' + target + '.location.href = url');
}
else{
location.href = url;
}
}
// -->
</SCRIPT>
<FORM NAME="form1">
<SELECT NAME="select" onChange="jump()">
<OPTION VALUE="">選択してください
<OPTION VALUE="a.html">その1
<OPTION VALUE="b.html">その2
</SELECT>
</FORM>
<IFRAME src="c.html" name="main">てすと</IFRAME>
--------------------------------------------------
が、プルダウンを選択するとフレーム内がページがみつかりませんと表示されます。
試しに、リンクの部分("a.html")を絶対パスにすると表示されました。
この部分を相対パスにすることはできないのでしょうか?
No.3ベストアンサー
- 回答日時:
<script language="JavaScript">
<!--
function jump(){
mySelect = document.form1.select.selectedIndex;
main.location.href = document.form1.select.options[mySelect].value;
}
// -->
</script>
main.location.href =
↑ターゲットを指定
<FORM NAME="form1">
<SELECT NAME="select" onChange="jump()">
<OPTION VALUE="">選択してください
<OPTION VALUE="a.html">その1
<OPTION VALUE="b.html">その2
</SELECT>
</FORM>
<IFRAME src="c.html" name="main">てすと</IFRAME>
No.2
- 回答日時:
プルダウンでは無いですが。
<script language="JavaScript">
<!--function changeIFrame(jumpURL)
{ myFrame.location.href = jumpURL;}
// --></script>
------------初期
<iframe src="home.htm" name="myFrame" width="760" height="455"></iframe>
-----------変更
<a href="javaScript:changeIFrame('/link.htm')">リ ン ク</a>
で動作します。
No.1
- 回答日時:
とりあえず。
。。function jump(){
top.location.href = a.html;
}
で試してみては。。。?
これで表示されるなら、
var url = document.form1.select.options[document.form1.select.selectedIndex].value;
でurlに「a.html」以外が入っているような気がしなくもないです。
まぁ
function jump(){
var url = document.form1.select.options[document.form1.select.selectedIndex].value;
if(url != "" ){
if(target == 'top'){
alert("これがURLです" + url);
top.location.href = url;
}
で確認した方が早いか。。。
ご回答ありがとうございます。
試してみました
"これがURLですa.html"と表示されました。
が、そのあと、ページを表示できませんとでました。
また試しに、「'parent.' + target + '.location.href = url'」この部分を見ましたが、
[Object]main のあとに、ビルダーの添付フォルダパスが表示されていました。
私の作り方がまずいのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
-
TARGET=_blankと、<a href="" o...
-
HTMLソースからURLだけを抜き出...
-
mailto:で項目追加の2件メー...
-
特定リファラからのアクセスを拒否
-
同意を求めて、次のページに進...
-
target="_blank"
-
リンクを選択すると現れる点線枠
-
mailto + 変数名
-
bodyにidをつける理由は何ですか?
-
呼出したjsファイル内で他jsフ...
-
プルダウンメニュー
-
bodyにwidth:100%をつける理由は?
-
javascriptとApacheの設定
-
Vbscriptで自分自身のウィンド...
-
getElementsByNameで要素が取得...
-
javascriptでalertの文字列をコ...
-
スマホ上で、左右スワイプで次...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
相対パスと絶対パスの速度
-
pythonのWebスクレイピングでfi...
-
ある一定時間操作していない場...
-
html メールリンクにて自動ファ...
-
POSTで<a hrefを送る方法について
-
chromeでの擬似クラス:focus に...
-
時間によってリンク先を変える...
-
HTMLソースからURLだけを抜き出...
-
フレームだけ閉じる方法ありま...
-
リンクに飛ばない・・・
-
エクスプローラ風階層構造のhtml
-
<a href>での背景色について。
-
同意を求めて、次のページに進...
-
mailto + 変数名
-
個別にハイパーリンクの色を指...
-
htmlのチェックボックスで動的...
-
ホームページ掲示板を作成中です。
-
下線(アンカー)の表示を特定...
-
lightwindowでPDFを表示させる...
おすすめ情報