login.hta

<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type"  content="application/xhtml+xml; charset=Shift_JIS" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="robots" content="noindex,nofollow"  />
<title>ログイン画面</title>
<meta name="author" content="web工房" />
<meta name="copyright" content="(C)2006 webstudio" />
<style type="text/css">
/*◆ページ全体*/
body{
    text-align:center;
    font-size:11pt; 
    color:#005b5b;
}

div#Page_Body{
    width:260px;
}

fieldset#fldLogin{
    margin:10px;
    padding-top:10px;
    padding-bottom:10px;
}

input#txtPW{
    height:20px;
    margin-top:10px;
    font-size:10pt; 
    text-align:center;
    background-color:transparent ;
}

div#divMessage{
    margin:10px;
    text-align:left;
    font-size:10pt; 
}
</style>
<script type="text/javascript">
<!--
//◆ログイン時の入力チェック(パスワードチェックは行わない)
//※パスワードが違うとメンテナンスルームファイルを表示できないだけ
function fnLogin(){
  if(document.FORM.txtPW.value==""){
      alert("  パスワードが入力されていません。パスワードを入力し[Login]ボタンをクリックして下さい。");
      document.FORM.txtPW.focus();
  }else{
      //document.FORM.txtPW.valueの内容を親ウィンドウに戻す
      window.returnValue=document.FORM.txtPW.value;
      window.close();
  }
}
//-->
</script>
</head>
<body onLoad="document.FORM.txtPW.focus()">
<!--◆ファイルの説明/ここから(運用時は削除して可)
【簡易ログインウィンドウ/javascript版】
js_login  v1.01(2006.10.07)

【web工房】
Copyright(C) 2006 web工房 All Rights Reserved
URL:http://www.webstudio.jp/

【記  事】
(1)簡易型ログインウィンドウ(javascriptのみで構成)
    ※ログインするファイル名をパスワードとして要求する(パスワードのチェックはしない)
    ※パスワードが違うと、ログインするファイルをオープンできない。
(2)本ウィンドウをオープンする場合はjavascriptでダイアログボックス(モーダルウィンドウ)を開く
    strLogin=window.showModalDialog(...)を用いる
(3)XHTML対応
(4)javascript/cssは外部ファイル化した方がすっきりする。
(5)拡張子は.htaとして保存する。

【更新履歴】
v1.01(2006.10.07)  公開用として新規作成

◇ファイルの説明/ここまで-->
<center>
<!--◆本文ページPage_Bodyレイアウト-->
<div id="Page_Body">

<form name="FORM">
<fieldset id="fldLogin">
<legend>Maintenance Room Login Window</legend>
Password：
<input type="password" id="txtPW" name="txtPW" size="14" />
</fieldset>
<input type="button" onclick="fnLogin()" value="Login" style="width:80px" /><input type="button" onclick="javascript:window.close();" value="Cancel" />
<div id="divMessage">
※パスワードを入力し、Loginボタンをクリックして下さい。
</div>
</form>

</div>
<!--◇本文ページPage_Bodyレイアウト-->

</center>
</body>
</html>