株式会社ネーブルス 社長のブログ
株式会社ネーブルス 代表取締役 福田一成のブログです。アメーバブログはこちら
2010-01-09 HTML覚書（iframeの内容を変える）
iframeの内容をメニューをクリックする事により変更する。
（test1.htmlとtest2.htmlを用意しておく必要がある。）
<html>
<head>
<script language="javascript">
<!--//
function chpage(dispname) {
felem = document.getElementById('frames');
felem.src = dispname;
}
//-->
</script>
</head>
<body>
<a href="javascript:void(0)" onclick=chpage('test1.html')>test1</a><br>
<a href="javascript:void(0)" onclick=chpage('test2.html')>test2</a><br>
<IFRAME src="test1.html" name="naiyou" width="640" height="480" frameborder="0" scrolling="AUTO" id="frames">
</IFRAME>
</body>
</html>
これは、簡単なことで、
JAVASCRIPTによってiframeタグのsrcを変更しているだけです。
● 開発費用のオンライン見積り、お問い合わせはこちらから
システム開発費用の概算を、オンライン上でご提示いたします。（所要時間：3分／無料）
お問い合せする事なく、費用感をお確かめいただけます。お気軽にご利用ください。
↓↓↓
