ポップアップで小窓を開くテクニック(2) 2009
8/14
金曜日

 一つ前の先程のJavaScriptの window.open() というメソッドで小窓となるウィンドウを生成できるテクニックをインターネットで見ていたら、便利なのを見つけた。画面サイズを取り込んで、小窓を画面の中央に表示するよう考えられていて、URL、ウィンドウ名、幅、高さを指定して使用出来るようにされているので、 これ一つあれば様々なサイズのウィンドウが開くことができる。 このhtmlに直書きする(外部ファイルに記述せず)JavaScriptもきちんと理解すれば、学習の導入部分としてはいいのかもしれない。 高さ・幅とも自分のスクリーンサイズが小窓より大きければ、ウィンドウスクリーンサイズから小窓のサイズを引いた1/2を小窓表示のロケーション(ポジション)にしているだけだね。 シンプルですね。 でも、完全パクリなので、人様の褌で・・・・・なのだけどね。 まっ、いいかな。

3 ポップアップで小窓を自動でセンタに表示

(サンプル:リサイズ可能を指定
</STYLE>の後、<BODY>の間に記述すればいい。

<script type="text/javascript"><!--
function m_win(url,windowname,width,height) {
var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no";
if (width) {
if (window.screen.width > width)
features+=", left="+(window.screen.width-width)/2;
else width=window.screen.width;
features+=", width="+width;
}
if (height) {
if (window.screen.height > height)
features+=", top="+(window.screen.height-height)/2;
else height=window.screen.height;
features+=", height="+height;
}
window.open(url,windowname,features);
}
// --></script>

<A href="https://iwasashougo.com/0811090017.JPG" onclick="m_win(this.href,null,754,576); return false;">ポップアップで小窓を自動でセンタに表示</A>
Copyright (C) 2009 Shougo Iwasa. All Rights Reserved.