株式会社ネーブルス 社長のブログ

社長のブログ

株式会社ネーブルス 代表取締役 福田一成のブログです。アメーバブログはこちら

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分/無料)
お問い合せする事なく、費用感をお確かめいただけます。お気軽にご利用ください。
↓↓↓

システム開発費用のオンライン見積はこちら システム開発のご相談はお気軽にご連絡ください