2005 7月 28 | ちとGO!GO!

Home > 7月 28th, 2005

2005.07.28

ちとmovie

右サイドバーにある、つなビィで見れます♪
ちょっと分かりづらいかもですが
良かったら覗いてみてね～ :tyu

Posted at 08:33 | Category: Love chito, Movie | No Comments

コメントプレビュー

コメントプレビュー、設置してみた♪
導入させていただいたのは「やむやむ」さんの
コメント・プレビューです。
さえらさん　ありがとうございます！

以下覚書

個別エントリアーカイブのコメント記入のテキストエリア

＜p＞＜label for=”text”＞コメント:＜/label＞

　　　　　中略

＜textarea tabindex=”4″ id=”text” name=”text” rows=”10″ cols=”50″ onkeyup=”doCommentPreview()” onblur=”doCommentPreview()”＞＜/textarea＞
＜p＞
＜label for=”comment_preview”＞Comment Preview :＜/label＞
＜/p＞
＜div class=”comment” style=”background-color:#efefef; padding:1px 10px 10px;”＞
＜p＞＜div class=”entry_body” id=”comment_preview”＞ご利用のブラウザ、設定ではご利用になれません。＜/div＞

＜script type=”text/javascript”＞
＜!–
// コメントプレビュー機能のスクリプトです
function doCommentPreview(mode) {

// コメント入力テキストエリアのidを指定します
var textAreaId = ‘text’;

// プレビューを表示するタグのid属性
var previewAreaId = ‘comment_preview’;

// コメントプレビュー欄初期表示文字または、画像タグ
// コメントが何も入力されていない時に表示される文字になります
var initString = ‘ここにコメントのプレビューが表示されます。’;

if (!isDoCommentPreview()) return;

if (!getElementCommentPreview(textAreaId) || !getElementCommentPreview(previewAreaId)) {
return;
} else if (null != mode && mode == ‘init’) {
getElementCommentPreview(previewAreaId).innerHTML = initString;
return;
}

var s = getStringCommentPreview(textAreaId);
if (null == s || ” == s || ‘
‘ == s) {
s = initString;
}

if (getElementCommentPreview(previewAreaId)) {
getElementCommentPreview(previewAreaId).innerHTML = s;
}
}

function getStringCommentPreview(e) {
var s = ”;
s = getElementCommentPreview(e).value;
s = s.split(‘&’).join(‘&’);
s = s.split(‘< ').join('<');
s = s.split('>‘).join(‘>’);
s = s.split(‘\”).join(‘”‘);
s = s.split(‘\n’).join(‘＜br /＞’);
return s;
}

function getElementCommentPreview(e, f) {
var l = (document.layers) ? 1 : 0;
if(l) {
f=(f) ? f : self;
var a = f.document.layers;
if (a[e]) return a[e];
for (var w = 0; w < a.length;) {
return getElementCommentPreview(e, a[w++]);
}
}
if (document.all) return document.all[e];
return document.getElementById(e);
}

function isDoCommentPreview() {
var ua = navigator.userAgent;
var doNotAgentList = [
ua.indexOf('Opera/6') != -1,
ua.indexOf('Mac') != -1 && ua.indexOf('MSIE 5') != -1
]
for (var i = 0; i < doNotAgentList.length; i++) {
if (doNotAgentList[i]) return false;
}
return true;
}
doCommentPreview('init');
//--＞
＜/script＞
＜/p＞
＜/div＞

以前チャレンジした時は全然プレビューが表示されず
Σ(´Д`ノ)ノﾇｫﾜｯ!!ってな状態だったのー。

赤字の部分を追加するのを忘れてたのよね（苦笑）

青字はプレビューの背景色だから好きに変更する。

（＊ここでは＜＞は全角表示している。）

« Hide more

Posted at 12:00 | Category: Movable Type | No Comments