インラインフレームへの別webページ表示

[新着] Webテンプレートを仮オープンしました



0   名前: なおき : 2007/05/28(月) 02:08  ID:MOUtAUzg sub-t1
とても初歩的な質問だと思います.

インラインフレームに指定した URL の web ページを表示したく,
次のような HTML ソースを書いてみました.

しかし,アラートでは指定 URL が設定されている旨表示されるのですが,
その後,元の URL のページがリロードされてしまっているようで,
指定した URL のページは表示されません.

基本的なことを間違っているかもしれませんが,
これを解決する方法をお教えいただけると幸いです.
<HTML>
<HEAD>
<script language="javascript">
<!--
function reloadtarget()
{
	var newurl = document.all.item("urldata").value;
	var target = document.all.item("targetpage");
	target.src = newurl;
         alert( newurl ); // デバッグ用
}
-->
</script>
</HEAD>
<BODY>
<FORM>
<INPUT size="50" type="text" id="urldata">
<INPUT type="submit" onclick="reloadtarget()" id="submitbutton" value="更新">
</FORM>
<IFRAME marginwidth="0" marginheight="0" width="300" height="300" src="http://www.yahoo.co.jp/" frameborder="1" id="targetpage">
</IFRAME>
</BODY>
</HTML>



<IFRAME> に onLoad を入れて関数を呼び出し,その時の src を表示してみると,
更新ボタンを押しても,指定 URL が表示されることはなく,元の URL が表示されてしまいます.

1   名前: 元帥 : 2007/05/28(月) 02:08  [URL]  ID:2ASYczqh sub-bK
document.allはIE専用なので(他の一部のブラウザでも使用可能かもしれませんが)、使用を避けた方が何かと無難です。
TAGindexを半年ROMっていれば、他の汎用的な手段を見つけられると思います。
取り敢えず、
document.forms[''].elements['']
を紹介しておきます。


ヤフーのページのURLが指定されているのは、投稿の際に取り敢えず記述しておいたのでしょうか?
それとも、実際にそのように記述しているのですか?
別ドメインなので、セキュリティ上、いじれないようになっています。



一覧へ戻る