javascriptの簡易パスワード認証について

質問

javascriptでのパスワード簡易認証で、

次のようなスクリプトをネットからコピペしてホームページに使用しようとしました。

<script type="text/javascript">
function gate(){
// ▼ユーザの入力を求める
var UserInput = prompt("パスワードを入力して下さい:","");
// ▼入力内容をチェック
if( /W+/g.test(UserInput) ) {
// ▼半角英数字以外の文字が存在したらエラー
alert("半角英数字のみを入力して下さい。");
}
// ▼キャンセルをチェック
else if( UserInput != null ) {
// ▼入力内容からファイル名を生成して移動
location.href = UserInput + ".html";
}
}
</script>

しかし、上記のようにすると、パスを入力後に生成されるダイアログはデザインが質素で、がっかりしています。　「ぱすワードを入力してください」のダイアログボックスのデザインを良くするには、上記のプログラムをどう修正すればよいでしょうか？　

そして、このダイアログは何故か、画面上部に表示されてしまいます。画面中央に表示するには、上記のjavascriptをどうすればよいでしょうか？

せめて、「javascrptで可能か否か」だけでも教えていただければ幸いです。

回答No.2

celtis · ベストアンサー

ダイアログボックスのデザインを変更するならSweetAlertがお薦めです。
下記サイトにわかりやすいデモページがあるので参考にしてください。
http://co.bsnws.net/article/1

お礼

こんにちは、ご回答有難うございます。

sweetalert、まさかこのような便利な、美しいものがあるとは驚いています。
まさに、当方が探し求めていたものです。
しかもこれ、画像を表示させることもできるようですね。
探し求めていた貴重な情報を戴き、本当にうれしいです！

ご丁寧にリンクまでお張りいただき、誠にありがとうございました。

回答No.1

wormhole

そのダイアログはブラウザが出しているものなのでブラウザが変われば変わります。
位置指定などはできなかったと思います。

デザインや位置を指定したいのでしたらjavascriptのprompt関数は使わないで、htmlで入力用のフォームを作って行うことになるかと思います。

お礼

早速のご回答、誠にありがとうございます。
非常に勉強になっております。

なるほど、そういう手があるんですね。