プログラムに関連する技術などを紹介します。自製品の宣伝もかねていますので、お気に召したらリンク踏んでやってください。
理由は後述します。
まずはHTMLのサンプルコードを。
下の囲みの中をメモ帳などに貼ってお試し下さい。
なおサンプルではeuc-jpになっていますが、適宜変更して下さい。
またiframeのソース(サブページ)は、適宜用意・変更をお願いします。
--------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Content-Style-Type" content="text/css">
<title>サンプル</title>
</head>
<BODY width="100%" height="100%" bgcolor="#d0d0ff">
<table width="100%" height="100%">
<tr height="5px"><td class="tp" /></tr>
<tr>
<td class="tp" width="50px" />
<td height="100%" bgcolor="#ffffff">
<iframe width="100%" height="100%" frameborder="0" src="sub.htm">サンプル</iframe>
</td>
<td class="tp" width="50px" />
</tr>
<tr height="5px"><td class="tp" /></tr>
</table>
</BODY>
</html>
--------
下記で確認をしました。
IE8
GoogleChrome(8.0.x/Windows)
Firefox(3.6.x/Windows)
Opera(11.x/Windows)
「iframe 高さ」で検索すると、javascriptのサンプルコードが
イヤというほど引っかかってきます。
さらに個々を見ると、IEとそのほかで動作切り替えとか、
Operaであーたら、safariでどーたらと、つまり機種(ブラウザ)
による依存がある様子。
当たり前ですが、JARISで動かないとか、超漢字で動かないとか、
手元にない環境で動かないことも考えられなくもありません。
また個人的に、javascriptには疎いです。
(↑時事ネタを放り込みつつ)
経験則的に。
明るくない環境を完成間際に放り込むと、客先でバグります。
なのでできるだけシンプルに済ませたいと考えました。
シンプルであれば、トラブルも少ないはずです。
コードを見ていただければわかると思いますが、仕掛けは
至って簡単。tableを併用して相対指定をしているだけです。
子が動的なページで親と通信するとかでなければ、これで
事足りると思います。
PHPなどと違いサーバ環境に左右されません。
javascriptのようにローカルの設定に左右されることも少ない
です。
フレーム非対応ブラウザであればNGですがその旨を表示でき、
中途半端に挙動が違うなどもありません。
まずはHTMLのサンプルコードを。
下の囲みの中をメモ帳などに貼ってお試し下さい。
なおサンプルではeuc-jpになっていますが、適宜変更して下さい。
またiframeのソース(サブページ)は、適宜用意・変更をお願いします。
--------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Content-Style-Type" content="text/css">
<title>サンプル</title>
</head>
<BODY width="100%" height="100%" bgcolor="#d0d0ff">
<table width="100%" height="100%">
<tr height="5px"><td class="tp" /></tr>
<tr>
<td class="tp" width="50px" />
<td height="100%" bgcolor="#ffffff">
<iframe width="100%" height="100%" frameborder="0" src="sub.htm">サンプル</iframe>
</td>
<td class="tp" width="50px" />
</tr>
<tr height="5px"><td class="tp" /></tr>
</table>
</BODY>
</html>
--------
下記で確認をしました。
IE8
GoogleChrome(8.0.x/Windows)
Firefox(3.6.x/Windows)
Opera(11.x/Windows)
「iframe 高さ」で検索すると、javascriptのサンプルコードが
イヤというほど引っかかってきます。
さらに個々を見ると、IEとそのほかで動作切り替えとか、
Operaであーたら、safariでどーたらと、つまり機種(ブラウザ)
による依存がある様子。
当たり前ですが、JARISで動かないとか、超漢字で動かないとか、
手元にない環境で動かないことも考えられなくもありません。
また個人的に、javascriptには疎いです。
(↑時事ネタを放り込みつつ)
経験則的に。
明るくない環境を完成間際に放り込むと、客先でバグります。
なのでできるだけシンプルに済ませたいと考えました。
シンプルであれば、トラブルも少ないはずです。
コードを見ていただければわかると思いますが、仕掛けは
至って簡単。tableを併用して相対指定をしているだけです。
子が動的なページで親と通信するとかでなければ、これで
事足りると思います。
PHPなどと違いサーバ環境に左右されません。
javascriptのようにローカルの設定に左右されることも少ない
です。
フレーム非対応ブラウザであればNGですがその旨を表示でき、
中途半端に挙動が違うなどもありません。
PR
Comment form
このリンク踏んで!
カウンタ
ブログ内検索
忍者アド
カレンダー
最新記事
(12/11)
(09/04)
(05/27)
(05/09)
(05/09)
カテゴリー
最新トラックバック
最新コメント
プロフィール
HN:
鍛冶屋の紅
性別:
男性
アクセス解析