リンク元に引数を入力して、リンク先でページのインラインフレームのページが指し換わるjavascriptを実行させたいです。
実行させたいjavascriptは
function change(URL1,URL2) {
document.getElementById('contents1').innerHTML = '<iframe src="'+URL1+'" width="620" height="343" frameborder="0" scrolling="no" name="myFrame1" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>' ;
document.getElementById('contents2').innerHTML = '<iframe src="'+URL2+'" width="620" height="215" frameborder="0" scrolling="no" name="myFrame2" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>' ;
}
引数からURL1とURL2に代入したいです。
アドバイスよろしくおねがいいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
iframeにidをふってsrcを入れ替えるという手は選択肢にないですか?
この回答への補足
すいません、質問の仕方がわるかったです・・・
その方法でも問題ないのですが、リンク元でたとえば
index.html?URL1=www.yahoo.com&URL2=www.google.com
とあったときに、それぞれの引数をもってくる記述方法がわかりません。
サイトで調べてlocation.searchで?以下を取得するというところまではわかり、とりあえず記述してみましたが、実行されません。
javascript初心者なため、サイトからコピーしてきた記述ですが、以下のように記述しました。
window.onload=function(){
q = location.search.slice(1).split('&');
h = new Array();
for (var i=0 , c=q.length ; i < c ; i++) {
var s = q[i].split('=');
h[s[0]] = s[1];
}
return h;
var ar = get_t();
if (ar["q"] != undefined){
//ここ以下のインラインフレームの切り替えの記述は別な方法でも大丈夫です。
document.getElementById('contents1').innerHTML = '<iframe src="'+q+'" width="620" height="343" frameborder="0" scrolling="no" name="myFrame1" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>' ;
document.getElementById('contents2').innerHTML = '<iframe src="'+t+'" width="620" height="215" frameborder="0" scrolling="no" name="myFrame2" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>' ;
} }
ちなみに、既述したfunctionは、インラインフレームの含まれるページで何度もインラインフレームの中身がきりかわったときに、backspaceでインラインフレームの中身がもどるのではなく、ページ全体が前のページに戻る仕様にするためにつかっているものでした。
いい参考みつけました。
var arg = new Object;
var pair=location.search.substring(1).split('&');
for(i=0;pair[i];i++) {
var kv = pair[i].split('=');
arg[kv[0]]=kv[1];
}
var link1=arg["link1"];
var link2=arg["link2"];
これでできました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォームに入力された値により...
-
htmlの記述で link rel=styles...
-
画像ファイルをアップロードす...
-
画像が表示でnull; this.src
-
php select SQL文
-
jqueryスライドショーをストッ...
-
jQueryでシンプルドラッグドロ...
-
オンマウスで、画像切り替え+...
-
スタイルシートで画面を上下に...
-
変数内容をHTML内で表示する方法
-
タブ切り替えの初期表示について
-
複数の画像の中から複数の画像...
-
CSS <div>の入れ子が反映さ...
-
JQueryタブのアクティブ アン...
-
jquery ドロップダウンメニュー...
-
重複しないランダムリンクの表...
-
HTMLで条件分岐はできますか?
-
Ctrl+F(検索)の窓を出したいの...
-
bxsliderにて読み込み後に内容...
-
スクリプト
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
クリックして変更した画像を他...
-
日替わりで画像を変更したい
-
クリックするたびに画像を変える
-
C言語のポインタ表現
-
ランダム表示の画像位置
-
javascriptで複数の画像をラン...
-
1つの画像クリックで切替の方法
-
【初心者】UWSCでjavascriptで...
-
WSHでクリップボードにイメージ...
-
教えて下さい。ランダムにバナ...
-
Excel VBA マクロ 画像(...
-
クリックした自身の画像を別画...
-
onとoffを画像でチェンジ、チェ...
-
「戻る」「進む」ボタンで画像...
-
このページのように・・・した...
おすすめ情報