HTMLのIFLAMEへのＵＲＬ入力について

質問

現在ＨＴＭＬについて勉強しています。
iflameで作ったインラインフレームに親フレームにあるボタンを押したら指定URLが入力されるようにしたいのですが、
このＵＲＬをボタンを押すたびに予め指定された順番通りに変更していくようにしたいです。
とっかかりすら掴めていない状況なのですがどうかよろしくお願いします。

回答No.1

t_ohta · ベストアンサー

こんな感じでJavaScriptでiframeのsrcを順番に書き換えていけばいいのではないでしょうか。

<script>
var ifid = 0;
var ifurl = [
"http://www.yahoo.co.jp/",
"http://www.watch.impress.co.jp/",
"http://www.excite.co.jp/"
];
function ifchange() {
document.getElementById("iframe1").src = ifurl[ifid];
ifid++;
if (ifid >= ifurl.length) { ifid = 0; }
}
</script>
<button onclick="ifchange();">ぼたん</button>
<iframe id="iframe1" style="width:200px; height:100px;"></iframe>

お礼

わかりやすい回答ありがとうございました。