Javascript Patchworker - ウィンドウ関連

ウィンドウ関連

ウィンドウ関連

JavaScript

掲示板

ウィンドウについて

　ページを開くと新しいウィンドウが出てくる、「Welcome!」とダイアログが表示される、様々なWEBページでよく見かけるデザインです。このページではそういった新しいウィンドウ/ダイアログやステータスバーに文字を流したり、メインとなる画面からちょっと外れた部分に関して、動的な変化をもたらすスクリプトを中心に扱っています。

　「ポップアップ広告」というものを見たことがあるでしょう。新しいウィンドウが出てきて表示するとっても邪魔な広告です。新しいウィンドウは、目立って便利な反面使いすぎると非常に不快感を与えます。この機能は使いようによっては非常に有益になりますが、反面邪魔だけのものにもなり得るということを覚えておいてください。

設置のアドバイス

　このページのスクリプトのほとんどはそれ単体で動き、スクリプト自体もそれほど複雑ではありません。 CSSと組み合わせていたドキュメント関連に比べ、難易度はずっと低いです。

　設定する項目はやや多めです。中・上級者向けの設定も多く、デフォルトの設定でかなり使いやすくなっているので、初心者はほとんど変更する必要はありません。

サンプルプログラム

　ページを開いたときに表示される、一般的なウィンドウオープンです。オプションはいろいろと用意しましたが、汎用性は低く、サムネイルなどには応用できません。
　サムネイルへ利用する場合はこちら　このスクリプトの詳細はこちら。

サンプルプログラム

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ウィンドウをオープン</title>
<script type="text/javascript">
<!--
//最小限の設定------------------------------------------
  var URL = "newwin1.html"; //新しいウィンドウのURL
  var width = 200; //ウィンドウの幅
  var height = 200; //ウィンドウの高さ
//------------------------------------------------------
//上級者向けカスタム設定--------------------------------
  var Wname = "newWin"; //新しいウィンドウの名前
  var Rable = 0; //リサイズの許可・不許可
  var Dbar = 0; //ディレクトリバーの表示・非表示
  var Lbar = 0; //ロケーションバーの表示・非表示
  var Mbar = 0; //メニューバーの表示・非表示
  var Scbar = 0; //スクロールバーの表示・非表示
  var Stbar = 0; //ステータスバーの表示・非表示
  var Tbar = 0; //ツールバーの表示・非表示
  var x = "auto"; //ウィンドウのX座標
  var y = "auto"; //ウィンドウのY座標
//------------------------------------------------------

function winopen(){
  options = "Resizable=" + Rable + ", directories=" + Dbar + ", location=" + Lbar + ", menubar=" + Mbar + ", scrollbars=" + Scbar + ", status=" + Stbar + ", toolbar=" + Tbar + ", width=" + width + ", height=" + height;
  if( x != "auto" ) options += ", left=" + x;
  if( y != "auto" ) options += ", top=" + y;
  window.open (URL, Wname, options);
}
window.onload = winopen;
//-->
</script>
</head>