<< livedoor球団名公募祭り | MAIN | livedoor Blogのヒドイ対応 >>

2004年10月01日

クッキーに投稿者情報を記憶～標準機能編

以前に投稿者情報をCookieに保存するJavaScriptを作りましたが、今回のBlogの日以降livedoor Blogの標準機能として提供されるようになりました。

しかし、HTMLテンプレートをいじっている人場合、この機能が自動的には追加されないんですねぇ。自前で書いてやらないとダメ。そこで、標準の投稿者情報記憶機能はHTMLテンプレートのどこをどう変えるのかと新しく追加された特殊タグについて書きます。本当はlivedoorオフィシャルでやって欲しいことですけどね。

以下の記述は個別記事用テンプレートが対象です。

head要素内

<head>～</head>の中に以下のJavaScriptコードを追加します。</head>の真上に書くと良いかも。

// Copyright (c) 1996-1997 Athenia Associates.
// http://www.webreference.com/js/
// License is granted if and only if this entire
// copyright notice is included. By Tomer Shiran.

function setCookie (name, value, expires, path, domain, secure) {
    var curCookie = name + "=" + escape(value) + (expires ? "; expires=" + expires.toGMTString() : "") + (path ? "; path=" + path : "") + (domain ? "; domain=" + domain : "") + (secure ? "secure" : "");
    document.cookie = curCookie;
}

function getCookie (name) {
    var prefix = name + '=';
    var c = document.cookie;
    var nullstring = '';
    var cookieStartIndex = c.indexOf(prefix);
    if (cookieStartIndex == -1)
        return nullstring;
    var cookieEndIndex = c.indexOf(";", cookieStartIndex + prefix.length);
    if (cookieEndIndex == -1)
        cookieEndIndex = c.length;
    return unescape(c.substring(cookieStartIndex + prefix.length, cookieEndIndex));
}

function deleteCookie (name, path, domain) {
    if (getCookie(name))
        document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
}

function fixDate (date) {
    var base = new Date(0);
    var skew = base.getTime();
    if (skew > 0)
        date.setTime(date.getTime() - skew);
}

function setCommentAuthor(f) {
    if(!f.bake.checked) {
         deleteCookie("author", PATH, HOST);
         deleteCookie("email", PATH, HOST);
         deleteCookie("url", PATH, HOST);
         return true;
    }
    var now = new Date();
    fixDate(now);
    now.setTime(now.getTime() + 30 * 24 * 60 * 60 * 1000);
    if(f.author != undefined)
        setCookie("author", f.author.value, now, PATH, HOST, '');
    if(f.email != undefined)
        setCookie("email", f.email.value, now, PATH, HOST, '');
    if(f.url != undefined)
        setCookie("url", f.url.value, now, PATH, HOST, '');
}

function removeCommentAuthor(f) {
    deleteCookie("author", PATH, HOST);
    deleteCookie("email", PATH, HOST);
    deleteCookie("url", PATH, HOST);
    f.author.value = '';
    f.email.value = '';
    f.url.value = '';
}

-->
</script>

クッキー保存用JavaScriptの有名どころを一部改変したものですね(変数名からmtうんたらという部分が消えている)。私のクッキー保存用コードのもとでもあります。それにしても長い。こういうのは外出しにしてほしいなぁ。

body直下

body直下に以下の内容を記述します。コメントでID認証を行うときに、livedoor IDを投稿者名とするための処理です。

コメント記述部分

コメント記述分はかなり大きく変わっています。コメント認証機能部の追加、form要素にname属性とonsubmitイベントが追加。そして、コメント確認機能の削除(消すなよ……)。

記述する所は</IfArticleCommentCount>の下です。

<IfArticleAllowComment>
                <$CommentPostError$>
<IfCommentNeedAuth>
<script language="JavaScript">

</script>
</IfCommentNeedAuth>
		<table cellpadding="5" cellspacing="0" border="0" class="form">
		<form action="<$ArticleCommentUrl$>#errors" method="POST" name="comment_form" onSubmit="javacript:setCommentAuthor(this);">
		<tr>
		<td><label for="author">名前: </label></td>
		<td><label for="email"><IfCommentNeedAuth><script language="JavaScript"></script><Else><input id="author" name="author"></IfCommentNeedAuth></label></td>
		</tr>
		<tr>
		<td valign="top"><label for="email">メール: </label></td>
		<td><input id="email" name="email"></td>
		</tr>
		<tr>
		<td valign="top"><label for="url">URL: </label></td>
		<td><input id="url" name="url"></td>
		</tr>
		<tr>
		<td><label for="text">情報を記憶: </label></td>
		<td><input id="bake" type="checkbox" name="cookie" style="padding:0;margin:0px;"></td>
		</tr>
		<tr>
		<td valign="top"><label for="text">コメント: </label></td>
		<td><textarea id="text" name="body" rows="10" cols="50"></textarea></td>
		</tr>		
		<tr>
		<td> </td>
		<td><input type="submit" value="　書込　"></td>
		</tr>
		</form>
		</table>

</IfArticleAllowComment>

情報を記憶のラベルをクリックするとコメント投稿欄にフォーカスが移る。チェックボックスにチェックが入って欲しいところなんだけど……。

<td><label for="bake">情報を記憶: </label></td>と書き換えたほうが良いかも。

フッター部分

クッキーの投稿者情報をコメント欄に反映させる部分です。標準では</body>の真上に書かれていますが、コメント記述部より下ならどこでも良いです。

コードの追加部分は以上です。JavaScript部のサイズが大きいですね。外だしにして欲しかった。

新規追加特殊タグ

新しく追加された特殊タグの一覧です。

<$BlogDomain$>: Blogのドメイン名。無料版ユーザーはblog.livedoor.jpが、有料版ユーザーでbizドメイン使用の場合は○○○.livedoor.bizが、独自ドメインマッピングの場合は独自ドメインが返ります。
<$BlogCookiePath$>: Blogのパス名。無料版ユーザーは/(livedoor ID)が、有料版ユーザーでドメイン使用の場合は/が返ります。
<$BlogCookiePath$>: Blogのパス名。無料版ユーザーは/(livedoor ID)が、有料版ユーザーでドメイン使用の場合は/が返ります。
<$BlogAuthJsUrl$>: コメント投稿者名をlivedoor IDに変換するJavaScriptのURL。login_js.cgi。
<$CommentPostError$>: 元からあった特殊タグ。以前はコメント投稿ページのテンプレートにのみ記述されていたが、コメント投稿ページのテンプレートがなくなってしまったため、個別記事テンプレートに記述されるようになった。
<IfCommentNeedAuth>～</IfCommentNeedAuth>: この特殊タグで囲まれた部分はコメント欄でlivedoor IDを用いた認証をした場合にのみ表示される。

HTMLテンプレートをカスタマイズしている方はお役立てください。

関連用語

Posted by jigokuhen00 at 07:30
Permalink|Comments(15) │TrackBack(7) │Technique
この記事をはてなブックマークに登録 | BlogPeople Tags に登録 | MyClipに登録!!
Edit

この記事へのトラックバックURL

この記事へのトラックバック

先日の「ブログの日」による機能追加によって、コメントフォーム部分のHTMLテンプレートの記述が変更されました。この変更は、既にHTMLテンプレートを改変している人には反映されないことになっていて、手作業で修正しなければなりません。地獄変00さんの下記の記事に修.

livedoorコメントフォームの怪しい動作【パンパでガウチョ】at 2004年10月02日 06:35

なんかチェックボックスが気になって･･･。「name="cookie"」って「name="bake"」だよね。もしくは、「document.comment_form.bake.checked」が「document.comment_form.cookie.checked」かな

ミニカスタマイズ標準編　１【弱小エンジニアの小言】at 2004年10月02日 22:18

なにやら今回のBlogの日の追加機能として、「投稿者情報をクッキーに記憶させる」機能が標準で追加されたようだ。 ...

[livedoor Blog] クッキーに投稿者情報を記憶【rakugaki.blog】at 2004年10月04日 16:07

参考にさせていただきました！ありがとー☆

投稿者情報を記憶するぜぃ！【人生は上々だ！？】at 2004年10月09日 14:24

livedoorブログで、「情報を記憶」の機能が標準機能になっていた。しかし！テンプレートをHTMLで修正した人は、搭載されていない。。。うちも、そう。 ...

「情報を記憶」を装備！【たこ焼き市場】at 2004年10月26日 10:18

ブログの日に、コメント欄に名前などを記憶させることができるチェックが付きましたが、HTMLテンプレートをカスタマイズしている場合は自分で追加してあげないといけないようなのでやってみます。

Blogのコメント欄を修正してみる【渡る世間は○○ダ！！】at 2004年11月23日 22:17

こちらの記事を参考に取り入れました。ありがとうございました。

お知らせ&カスタマイズ#15　ひさびさカスタマイズ【きになるブログ】at 2005年01月24日 20:12

この記事へのコメント

いつも参考にさせて頂いてます。
早速使わせてもらいました。
とっても細かく説明してあるので、書かれてある通りにやったらすぐできました～。

Posted by hiroxhiro at 2004年10月01日 23:03

コメント入力後は情報記憶されてるんですが、しばらく経って見るとチェックが外れて情報が消えているんです・・・。
なぜでしょう？？？

Posted by ピースケ at 2004年10月17日 00:11

<a href=http://www.bigmovies.com/fmm4/bcmm21-57xrbvec.htm>galleries adult</a>

Posted by galleries-adult at 2004年10月26日 08:00

Thanks, it was very interesting

Posted by browser-asl1560 at 2005年03月05日 16:52

こんにちは
いつも参考にさせていただいています＾＾
「投稿者情報の記憶」なのですが、当初ライブドアにはこの機能がなかったので、
地獄変さんをはじめ、他のサイトも参考にしながら、「投稿者情報のクッキーを記憶」ボタンをつけました。
しかし、私の設定が悪かったのか、
コメント投稿ページを開くと、このクッキー情報のボタンが出るまで（ページを開くのに）に5秒以上かかるのです。
昨年9月（？）のブログの日に標準機能として備わりましたが、
ｈｔｍｌをいじってる私は反映されないので、
こちらのページを参考にやってみたのですが、
どうしても以前設定した
「クッキーに投稿者情報を記憶（チェックをはずすと消去）」の
ボタンが消えません。
どうしたら消すことができるのでしょう？

Posted by ルカ at 2005年03月09日 11:31

Thanks, it was very interesting

-----------------------------

drug tests avoidance stinks, no more drug tests cheats, shut down drug tests lie.

Posted by t-p-b-Fight-against-alcohols-and-drugs-detox at 2005年11月11日 06:10

）のブログの日に標準機能として備わりましたが、
ｈｔｍｌをいじってる私は反映されないので、
こちらのページを参考にやってみた

Posted by nike air max 2009 at 2011年08月18日 11:23

ファンデ�`ション

Posted by メイク弌麗 at 2011年08月28日 20:13

ってる私は反映されないので、
こちらのページを参考にやってみた

Posted by cheap air jordan at 2011年10月14日 15:20

「投稿者情報の記憶」なのですが、当初ライブドアにはこの機能がなかったので、

Posted by sdfds at 2012年03月17日 14:57

（ページを開くのに）に5秒以上かかるのです。
昨年9月（？）のブログの日に標準機能として備わりましたが、Major thankies for the article.Thanks Again. Much obliged.

Posted by replica watches at 2013年01月13日 23:44

情報を記憶

Posted by Week events 2013 at 2013年02月20日 23:42

「クッキーに投稿者情報を記憶（チェックをはずすと消去）」の
ボタンが消えません。
どうしたら消すことができるのでしょう？

Posted by mcitp at 2013年05月06日 13:25

クッキーに投稿者情報を記憶～標準機能編:地獄変00

Posted by tiffany 店舗 at 2013年07月20日 16:56

たしか運営としては今のイベントを６月中くらいにやりたいような事を昔言ってたんやで
それが猫空襲で伸びに伸びて今の日程に・・・

Posted by obey snapbacks at 2013年08月24日 10:55

コメントフォーム