2006/11/24

AJAX + DOM Based Blog Interface

突然下定決心將這邊的樣版又大改了一番,改的是核心。
現在沒開JavaScript瀏覽這邊應該是很有問題了,不再是「對您的瀏覽及貼文應無巨大影響」。
基本上這次修改將JavaScript外部檔案做個合併及修改,另外將頁面以DOM方式呈現,免重新整理。
這麼一來瀏覽器的歷史問題就會出現了,現在先這樣,還很多能修正。

預設是將所有討論串印出來。按下回應後會隱藏其他討論串只留需要的,
然後顯示出隱藏起來的回應表單,將隱藏的回應目標參數更改,以正常對應回應文章。
另外利用 XMLHttpRequest 要求 xxx.html 內的特定回應區塊,直接截過來輸出。
所以 xxx.html 直接看很難看,也很不方便 (沒有回應框)

當個實驗吧,未來的 Pixmicat!2 (暫定) 的 DOM 運用方式就從這裡開始思考了。

實作概念:

將每篇討論串作成DIV區塊,而每個區塊又留一個顯示回應的DIV區塊。
<div id="Thread001">
...
<div id="Res001"></div>
</div>

而按下[回應]時將其他id是Thread的隱藏起來,只剩下這篇,再讀取回應資料塞到Res001內。
當按下[回到版面]時將剛才隱藏的其他Thread再度顯示。
簡單說起來就是區塊改變內容和隱藏,利用DOM做的。

3 則留言:

  1. 先來第一砲實驗,今天終於考完萬惡會計學和Unix。
    多虧有商科基礎的ほのか可以問,不過重點好像是題目看不懂耶?XD

    回覆刪除
  2. 還真的咧……我從RSS直接連過來看文章,猛然不知道該怎麼留言? XD Blogger的後台改得到的話順便把RSS的部份改一改啦。

    回覆刪除
  3. 目前讀寫 Cookie 好像有點問題,我在猜可能是區塊隱藏所以無法填入?
    另外RSS是系統自動生成的我也無法改,只能將 xxx.html 頁面盡量恢復功能,現在改好了。

    瀏覽器歷史問題...這有難度啊,目前還沒研究。

    回覆刪除