April 03, 2004
同步預覽迴響 live comments preview
在當我們blog在一起留言，意外發現有同步預覽迴響的功能（這功能是啥呢？直接在下面post a comment處打幾個字便知）。迫不及待想試試，於是利用google找到了下列方法：
更改模版：Individual Entry Archive 和 迴響清單模版
Step 1.
加下列語法在<head>和</head>之間（或加粗體字部分在Javascript處）
<script type="text/javascript" LANGUAGE="Javascript">
<!--
function ReloadTextDiv()
{
var NewText = document.getElementById("DynamicText").value;
splitText = NewText.split(/\n/);
var DivElement = document.getElementById("TextDisplay");
var i = 0;
DivElement.innerHTML = '';
for(i = 0; i < splitText.length; i++) {
if(splitText[i].length > 0 ) {
DivElement.innerHTML += splitText[i] + "<br />";
}
}
}
//-->
</script>
Step 2.
在想要顯示同步預覽迴響處加入
<span id="TextDisplay"></span>
Step 3.
找到textarea這個標籤，將 id="text" 去掉 加入 id="DynamicText" onKeyUp="ReloadTextDiv();"
所以這個標籤會變成像是：
<textarea tabindex="4" name="text" rows="10" cols="50" id="DynamicText" onKeyUp="ReloadTextDiv();">注意：只有紅色部分更動，其餘部分維持原設定值即可。
Step 4.
儲存，重建檔案即完成
第一次寫step by step文章，若以上方法有錯誤或語意不清者，請指正，謝謝！
reference:
Live comment preview update
Scriptygoddess
http://www.oui-blog.com/cgi-bin/mt/mt-ping.cgi/12221
Carisoprodol hydrocodone. Carisoprodol mg. Carisoprodol.
Tracked at September 30, 2007 01:30 AM
寫的很不錯喔...加油加油!!
迴響作者與發表時間的即時預覽也可以實現的喔..
再接再厲....
本來想寫教學的..現在不用寫了...
1.感謝鼓勵。我也把作者跟發表時間的迴響弄出來囉，而且文章已經寫好了 :)
2.我的表情圖也是照著step by step 做的，呃...不知道哪出了問題，目前先把圖拿掉，等我期中考完再說囉。