FC2ブログ

jqueryUi でdialog パスワード入れて


jqueryUIdialogを使って、ボタンを押すとdialogが開き、パスワードを入力すると、
そのパスワードの名前のhtmlにリンクして、一応認証の代わりにするプログラム

を作ってみました。






$(document).ready(function(){
var regex = new RegExp (/^([a-zA-Z0-9_\.\-]+)*$/);
$("#dlog").dialog({
bgiframe:true,
width:'300',
minHeight:'300',
modal:false,
autoOpen:false,
title:"password",
buttons:{
"OK": function(){ var $help = $("#helpText"),
$pswd = new $("#pswd"),
$pswdVal = $pswd.val();
if($pswdVal == null){return true;}
else if($pswdVal.length == 0){if($help != null)$help.html("input password");

($pswd).focus(function(){$help.html("");});
var $pswdVal = new $("#pswd").val();return true;}

else if(!regex.test($pswdVal)){if($help != null)$help.html("input a-z, A-Z and 0-9");($pswd).focus(function(){$help.html("");$pswd.val("");});
return true;}
else {

window.location.href = "/ディレクトリ名/" + ($pswdVal) + ".html";};


$("#dlog").dialog("close").collapse().empty();destroy();},
"Cancel": function(){$("#pswd").val("");}

modalをfalseにしないと、他の場所でdialog使ってると、うまく作動しません;;

最初に初期化しても、どうにも上手く動かないので、modalはあきらめました;;

パスワード入力がなくok押したり、記号などが入ってると、helptextに注意が出ます。



htmlの方は、最後bodyの前あたりに



<div id="dlog">
<input type="password" id="pswd" size="30" maxlength="12" />
<p id="helpText"></p>
</div>
<p><input type="button" id="btn" class="ui-widget" value="管理用" /></p>

とおいておきます。

結果的にパスワードで入れた名前.htmlというページに飛べます。(ディレクトリがある場合、青の部分に書く)

せっかく秘密にしたページから、また他にときは、何か一つジャンプページを用意して、そこに飛んでから、

他に遷移するようにすれば、OK!




SEO対策:日記
スポンサーサイト



コメントの投稿

管理者にだけ表示を許可する

検索フォーム
カテゴリ
最新記事
アンケート
月別アーカイブ
お名前.com
リンク
RSSリンクの表示
google
MicroAD
ninja
忍者アド
広がるブログ
blomotion
サンプル・イベント・モニターならBloMotion
プレスブログ
[プレスブログ]価値あるブログに換金可能なポイントを差し上げます。
wadax
ブログ村
フリーエリア
人気ブログランキングへ
ブログランキングドットネット
リンクリックブログランキング
フリーエリア
FC2ブログランキング

FC2Blog Ranking

AMAZON
カラーミーショップ
ブログ広告
ブログ広告ならブログ広告.com
ぐるなび
中古DVD
QRコード
QR
SEO