April 04, 2004

同步預覽迴響 part II (including 作者 迴響時間)

之前寫了一篇同步預覽迴響的作法,看到quawn的迴響後,粗心的我才發現原來迴響作者和時間也可以預覽 ^^\\\

於是決定自己試試改模版,by trial and error居然也被我試出來了 :)

至於為什麼要貼兩篇呢?主要的原因是第一篇是整理兩篇reference的結果,第二篇則加入我自己修改的部分,我想應該還有更neat的作法,因此第二篇僅供參考用。

  • 更改模版: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 />";
    }
    }
    }

    function ReloadNameDiv()
    {
    var NewName = document.getElementById("DynamicName").value;
    var DivElement = document.getElementById("NameDisplay");
    DivElement.innerHTML = NewName;
    }

    //-->
    </script>

    Step. 2
    在想要顯示同步預覽迴響處加入

    <span id="TextDisplay"></span><br/>
    <span class="comments-post">Posted by: <span id="NameDisplay"> </span> at  <$MTDate$> </span>
    注意:粗體字部分視個人網誌有所不同,請自行更改。
    注意:經由quawn的提醒:如何製作迴響同步預覽 ,得知<$MTDate$>標籤是網頁重建,或有人發表迴響的時間,而並非真正的迴響時間,因此我另外用javascript語法處理時間的問題,請見:同步預覽迴響時間,若不介意這點,也可以用<$MTDate$>這個簡短語法。

    Step. 3
    找到textarea這個標籤,將 id="text" 去掉 加入 id="DynamicText" onKeyUp="ReloadTextDiv();"
    所以這個標籤會變成像是:

    <textarea tabindex="4" name="text" rows="10" cols="50" id="DynamicText" onKeyUp="ReloadTextDiv(); ">

    注意:只有紅色部分更動,其餘部分維持原設定值即可。

    Step. 4
    找到label for="author"標籤,在下面的input標籤處,將 id="author" 去掉,加入id="DynamicName" onKeyUp="ReloadNameDiv();"所以這個標籤會變成像是:

    <label for="author">Name:</label><br /> <input tabindex="1" name="author" id="DynamicName"onKeyUp="ReloadNameDiv();" /><br /><br />

    注意:只有紅色部分更動,其餘部分維持原設定值即可。

    Step. 5
    儲存,重建檔案即完成

    若以上方法有錯誤或語意不清者,請指正,謝謝!

    reference:

  • Live comment preview update

  • Scriptygoddess
  • | blog使用手冊 | Posted by Terrie at 2004-04-04 12:42 AM * | Add to my Furl | Add to my del.icio.us | Add to my bookmark manager!

    Advertisement

    Trackback
    TrackBack URL for this entry:
    http://www.oui-blog.com/cgi-bin/mt/mt-ping.cgi/12222
    Sale of cymbalta. | Sale of cymbalta. |
    Sale of cymbalta.
    Tracked at July 24, 2007 04:20 AM
    Low cost cymbalta. | Low cost cymbalta. |
    Low cost cymbalta.
    Tracked at July 24, 2007 05:40 PM
    Percocet. | Percocet dependency. |
    Buy percocet online. Percocet. How do i get off percocet. Percocet with other drugs.
    Tracked at November 3, 2007 05:33 AM
    Xanax. | Xanax cocktail. |
    Xanax. Generic xanax 2 mg no prescription. No prescription xanax. Xanax side effects. Xanax lawsuits.
    Tracked at December 12, 2007 09:39 AM
    On This Day
    Comments

    Terrie:

    照你的方法做,成功了耶,真感謝!!

    [ 1 ] Posted by: 小黛 at 2004-04-28 05:37 PM [Reply]

    >>1 Hi 小黛,
    嘩!上了你的推薦閱讀欄,真是倍感榮幸

    [ 2 ] Posted by: Terrie at 2004-04-28 09:54 PM [Reply]

    >>2 Hi Terrie,

    [ 3 ] Posted by: 小黛 at 2004-04-29 01:09 PM [Reply]

    對了我想問: 留言後面的"[Reply] ",怎麼做的呀?

    [ 4 ] Posted by: 小黛 at 2004-04-29 02:32 PM [Reply]

    >>4 Hi 小黛,
    我是參考cathome01的一個很好的留言參照功能做的。
    還得下載某plugin,不過因為quawn已經幫「當我們blog在一起」裝好了,所以我直接從第二步驟開始。
    這個功能回應留言蠻方便的。

    [ 5 ] Posted by: Terrie at 2004-04-29 06:00 PM [Reply]
    Post a comment
    -


    -





    - required 資訊
    Remember personal info?



    -



    Posted by:

    -