ページに複数のボタン(リンク)があり、それをクリックすることで同一ページ内のiframeの内容を変更させたいです。
色々なところを探した結果、
function Change()
{document.ifSample.location.href="xxx.html";}
と
<FORM><INPUT type="button" value="変更!1" onclick="Change()"></FORM>
の組み合わせで、単一ページの変更が出来るというのは判りました。
これを複数ページ用に改造するにはどのようにしたら良いでしょうか?
方法がありましたら教えてください。
No.3ベストアンサー
- 回答日時:
>>2 さん
おっと失礼しました(^^;;
質問文で出来ると書いてあったので
出来るという前提で書いてました。
<iframe name="ifSample" id="if" src="xxx.html">
</iframe>
とすると
function Change(){
if(document.getElementById){
//NN6,Mozilla,IE5用
document.getElementById('if').src = 'yyy.html';
} else if(document.all){
//IE4用
document.all(idName).src = 'yyy.html'
} else if(document.layers){
//NN4用
document.layers[idName].src = 'yyy.html'
}
}
という感じですかね。
#IE4やNN4の環境が無いので確認できていないですが
#document.getElementById('if').src = 'yyy.html'
#はできます。
#それ以前に、NN4ではiframe自体対応してないですね(^^;;
>> master-3rd さん
とりあえず、こちらを参照してください(^^;;
返答ありがとうございます。
しかし、私の小さな脳味噌ではどうもすべてを理解できないようです。orz
ボタンは複数個置きます。それぞれをクリックすると、それぞれのページが見えるという形です。
しかも、ボタンの数は今後も増える予定です。
上のスクリプト本体をどうこうするのではなく、ボタンの方で行き先を管理できないでしょうか?
再度お願いいたします。
No.2
- 回答日時:
iFrameでふつー、
function Change(){
document.ifSample.location.href="xxx.html";
}
は行かないんじゃないですか?
記憶が正しければ、IE5,IE6ではもちろんですが、
MacのWinでIE5+、Mozilla1.4 でも動かないでしょう。
たぶん、Safari 1.0 Opera 7.2もダメだと思った。
No.1
- 回答日時:
そこまでわかっていればあと一息です( ´∀`)
location.href="xxx.html"自体の意味はわかりますよね。
ifSampleという名前のiframeの中のロケーションを
xxx.htmlにするというものです。
では、複数変えたい時は?
という事です。
もうちょっとヒント
ifSampleをxxx.htmlに変えるには
document.ifSample.location.href="xxx.html"
ifSample2をyyy.htmlに変えるには
document.ifSample2.location.href="yyy.html"
ボタンが2つなら、それぞれを変更するfunctionを
呼べばいいわけです。
では、1つのボタンでするには?
これでわかりますかね?(´・ω・`)
またわからなかったら書いてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScript window.openで開く...
-
Latexに関する質問です。
-
FireFoxのjavascriptで自動でキ...
-
変更したstyleの値を変更前に戻...
-
ie操作 フレームのURLが...
-
Null またはオブジェクトではあ...
-
XMLでのAttributeを持ったNode...
-
時刻表示
-
iframe内のページ(複数)を変更
-
要素のリサイズをひろい、他の...
-
IE6だけの判定、IE7だけの判定...
-
iframeのソースを取得したい
-
IE11 javascriptについて
-
スマホでフォームにフォーカス...
-
webページ上のTabキーの動き
-
TEXTAREA内の改行位置をinnerHT...
-
背景ランダム
-
ポップアップメニューの作り方...
-
メニューを変えたい
-
mousewheelイベントについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScript window.openで開く...
-
文字を一文字ずつ表示
-
DOM要素を削除しても、イベント...
-
FireFoxのjavascriptで自動でキ...
-
javascriptの基本的なことだと...
-
このjavascriptのif文、条件式...
-
XMLでのAttributeを持ったNode...
-
Latexに関する質問です。
-
Null またはオブジェクトではあ...
-
VBAでIEのボタンを押してメッセ...
-
乗換案内 VBAで操作したい
-
javascriptのdocument.allにつ...
-
TexでΣの添え字の位置直し
-
ラジオボタンでreadonlyの切替え
-
showModalDialogで開いた画面を...
-
excle VBA とweb上の検索を利用...
-
LaTeX:数式を等号揃えにする方法
-
TEXTAREA内の改行位置をinnerHT...
-
ブラウザのウィンドウサイズに...
-
iframe内のページ(複数)を変更
おすすめ情報