views: 1336 times
Mobile:Gabbly, 就是讓你在哪裡都可以聊天的東西。官方網站上已經推出了各式各樣的周邊，像是 Firefox plugin, Wordpress Widget, Google Home Page Gabbly Widget 等等。在 TT 放這個 plugin 也只是我突發奇想而已，沒別的意思。順便研究一下 TT 到底可否藉由 plugin 來發送一些資料(使用 FORM, POST/GET)。
然而實際上是可行的，依照 DOM 的規則來說，INPUT 元件必須在 FORM 元件底下。雖然這說起來好像是理所當然，但是君不見目前網頁設計的原始碼，把 FORM 跟 INPUT, SELECT, TEXTAREA 爾等元件亂放的狀況，雖然現今的瀏覽器大部分都很人性化的，還是幫你把該送的資訊送出，但是一旦遇上 AJAX 爾等需要依據 DOM 來做元件控制時，弊病就出現了。
OK... 以上是廢話(誤)。
來談談 Gabbly 的 plugin。有使用過 Gabbly 的人都知道，可以利用 gabbly + url 的方式來達成目的。換句話說，你可以使用底下這個方式在我的網頁裡開啟聊天視窗。
但是萬一，我不想讓每個人都進來聊天呢？或者說我只想讓特定人士進入？沒錯，Gabbly 也想到了這個東西，就是 Private 功能，但是你需要將你打開的 Private發給你想要給的人，這樣也頗不方便的，所以這個 Plugin 就這樣誕生啦(誤)。
或許你會問，萬一有人用上面那個鏈結，直接開啟聊天室怎麼辦？嗯，這個問題當然也考慮進去了，這個 Plugin 一旦被啟用，用 gabbly 鏈結過來的都會被轉回 blog 首頁，所以是無法這樣打開聊天室的。雖然我不確定這樣的方式 private 是否夠強大，但是大概就是這樣(笑)。
底下來看看實際操作的圖示：
當 Plugin 啟動時，他是以 silderbar 的方式呈現，就從範本的側欄拖曳到你需要擺放的部份。
接者，在 SKIN 中插入你想要讓聊天視窗出現的地方，插入 [## _GabblyTalkWindow_ ##]
這是後端，Plugin 的顯示方式。
這是設定的畫面，先設定你需要幾個使用者，在幫使用者設定帳號密碼，帳號與密碼請用逗號(,)分隔，這是一定的規則囉，如果你有更好的方式，也請給我意見。
當你在前端頁面，填完帳號密碼，按下登入後，他會以隱藏的方式傳送資料。
傳送資料重新整理頁面後，你的聊天視窗就會出現在你指定的位置。
登入後，Silderbar 的顯示狀況如下，按下登出後，一樣是隱藏送出登出訊息，並重送頁面。
以上，就是這個 Plugin 大致上的狀況。Gabbly 還有一個是可以顯示線上有多少人在聊天的小工具，這個改天再加入了。現在放行的檔案以上面介紹的為主囉。
檔案請由此下載：
目前支援：繁體中文、簡體中文，TatterTools 1.x 版
ps. 想要進入聊天室的，可以使用 ID:test, PW:test 進來玩玩看。
然而實際上是可行的，依照 DOM 的規則來說，INPUT 元件必須在 FORM 元件底下。雖然這說起來好像是理所當然，但是君不見目前網頁設計的原始碼，把 FORM 跟 INPUT, SELECT, TEXTAREA 爾等元件亂放的狀況，雖然現今的瀏覽器大部分都很人性化的，還是幫你把該送的資訊送出，但是一旦遇上 AJAX 爾等需要依據 DOM 來做元件控制時，弊病就出現了。
OK... 以上是廢話(誤)。
來談談 Gabbly 的 plugin。有使用過 Gabbly 的人都知道，可以利用 gabbly + url 的方式來達成目的。換句話說，你可以使用底下這個方式在我的網頁裡開啟聊天視窗。
http://www.gabbly.com/http://hina.ushiisland.net/blog
但是萬一，我不想讓每個人都進來聊天呢？或者說我只想讓特定人士進入？沒錯，Gabbly 也想到了這個東西，就是 Private 功能，但是你需要將你打開的 Private發給你想要給的人，這樣也頗不方便的，所以這個 Plugin 就這樣誕生啦(誤)。
或許你會問，萬一有人用上面那個鏈結，直接開啟聊天室怎麼辦？嗯，這個問題當然也考慮進去了，這個 Plugin 一旦被啟用，用 gabbly 鏈結過來的都會被轉回 blog 首頁，所以是無法這樣打開聊天室的。雖然我不確定這樣的方式 private 是否夠強大，但是大概就是這樣(笑)。
底下來看看實際操作的圖示：
當 Plugin 啟動時，他是以 silderbar 的方式呈現，就從範本的側欄拖曳到你需要擺放的部份。
接者，在 SKIN 中插入你想要讓聊天視窗出現的地方，插入 [## _GabblyTalkWindow_ ##]
這是後端，Plugin 的顯示方式。
這是設定的畫面，先設定你需要幾個使用者，在幫使用者設定帳號密碼，帳號與密碼請用逗號(,)分隔，這是一定的規則囉，如果你有更好的方式，也請給我意見。
當你在前端頁面，填完帳號密碼，按下登入後，他會以隱藏的方式傳送資料。
傳送資料重新整理頁面後，你的聊天視窗就會出現在你指定的位置。
登入後，Silderbar 的顯示狀況如下，按下登出後，一樣是隱藏送出登出訊息，並重送頁面。
以上，就是這個 Plugin 大致上的狀況。Gabbly 還有一個是可以顯示線上有多少人在聊天的小工具，這個改天再加入了。現在放行的檔案以上面介紹的為主囉。
檔案請由此下載：
目前支援：繁體中文、簡體中文，TatterTools 1.x 版
CC_Gabbly.zipps. 想要進入聊天室的，可以使用 ID:test, PW:test 進來玩玩看。
Leave your greetings.
好像還滿有趣的！趕緊來去試試看！:P
2007/04/04 19:57 [ Permalink : Modify/Delete : Reply ]不過我看你的樣板，應該不太適合安插 gabbly 的風格 XD
2007/04/04 20:30 [ Permalink : Modify/Delete ]除非你破解他的 DOM (H)