記事にパスワードをつけてみる（スクリプト）

★　記事にパスワードをつけてみる（もどきだよ）
（本当の秘密記事にはならないよ）



注意

①　スクリプトなので、スクリプトを無効にすると効果がないよ。
②　ページのソースは誰でも見れるので、ソースを見たら、記事内容がわかりますよ。
③　携帯では効果がないよ。（スクリプトなので）


◆　方法（パスワード abc　の例)

①　フリープラグインへ追記

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(function(){
art_pass="abc";
$(".pass_Article01").click(function(){
passw=window.prompt("記事のパスワードを入れて下さい","");
if(passw==art_pass){
$(this).next().fadeIn(1000);
$(this).css("display","none");
}else{
alert("パスワードが違います");
}
});});
</script>

②　記事部分

<div class="pass_Article01" style="cursor:pointer;">秘密記事を読む</div>
<div class="Article" style="display: none;">

秘密の記事部分

</div>

◆　説明

①　下記は、フリープラグインの最初に１つあればＯＫです

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>


②　記事部分は、記事を書いた後に、ＨＴＭＬを表示をクリックして、から
　　上記の形にしてください
　　新エディタで編集すると
　　<div class="Article" style="display: none;">　～ </div> が
　　消える異常があるので、新エディタは使わないで行ってください。
　　（ForeFoxの場合に異常が発生を確認）



③　スクリプトの　fadeIn(1000)　の 1000 は　1秒の意味です。
１秒間かけて表示します。
他にも表示方法はあります。

show(1000)
slideDown(1000)


◆　例・・・パスワード abc

秘密記事を読む

秘密の記事部分
秘密の記事部分
秘密の記事部分
秘密の記事部分
秘密の記事部分
秘密の記事部分
秘密の記事部分
秘密の記事部分