Blog | 蓋索林 Gasolin

prototype documentation

June 27, 2006 · One min read

using prototype.js http://www.sergiopereira.com/articles/prototype.js.html

chinese version is also available

IETF.org is IPv6 Enabled!

June 15, 2006 · One min read

Now, we can access www.ietf.org with IPv6 connection!

TurboGears AJAX 使用感想- 2

June 9, 2006 · 3 min read

補充一點心得:

如果你的網頁應用服務主要關注在 AJAX 應用，大部分動作都用 javascript 在客戶端完成，

只有 data 部分需要後端提供。那麼 TurboGears 是非常適用的選擇.

1. 可以先用一般 serverside 開發方式寫函式和建立網頁應用服務原型 (prototype),

來測試你的網頁應用服務該有的功能.

@expose (format = ".template.pages") #資料以樣版格式顯示 def method (self): .... return dict {data=data} 因為 TurboGears 中從傳入 serverside 的表單資料處理一致，

所以在 serverside 寫的 code 完全可以繼續使用，

不必為了支持 AJAX 重寫，很好的達到不重複自己 (DRY) 的效果.

2.import javascript library , 將資料改以 JSON 格式傳到網頁

from turbogears import mochikit ... @expose (format = ".template.pages") #資料以樣版格式顯示 @expose (format = "JSON") #資料以 JSON 格式顯示 def method (self): .... return dict {data=data, scripty = mochikit} #在網頁上

TurboGears 預先包好 mochikit, scriptaculous, plotkit 等 javascript 庫，

使用時可以用程式呼叫，預設可用 JSON 格式傳輸，

預設 mochikit 庫提供相應資料處理支援.

3. 在 client 端用 javascript 處理 DOM 物件.

因為在開發的第一步時已經能將所需的資料，傳輸內容等都處理好了，

能確信資料傳輸的正確性。所以開發 javascript 時，可以專注在網頁內資料處理的部分.

在這時遇到 bug 的話也可以很放心地將可能的問題點縮小到單純網頁內資料處理的範圍，

因而 AJAX 開發時最麻煩的交叉 debug 也變得更容易.

因此如果你的網頁應用服務主要關注在 AJAX 應用，那麼 TurboGears 是非常適合的選擇.

PlotKit & moo.fx Widget for TurboGears

June 2, 2006 · One min read

I've made PlotKit & moo.fx widget for TurboGears

moo.fx is a super-lite javascript effect library

PlotKit is a javascript svg web diagram plotting library

Both are available on CheeseShop, youcan easyinstall them by following commands:

$easy_install moofx

$easy_install plotkit

You can found them on TurboGears CogBin too.

enjoy!

TurboGears Widgets One Page List

May 24, 2006 · 2 min read

<table border="1" cellpadding="0" cellspacing="0" bordercolor="#E1E1E1">
  <tbody>
      <tr>
      <td colspan="4" nowrap="nowrap"><span class="style1">TurboGears Widgets </span></td>
    </tr>
    <tr>
      <td colspan="2" nowrap="nowrap" class="style1">Form Elements</td>
      <td colspan="2" nowrap="nowrap" class="style1">HTML Imports</td>
    </tr>
    <tr>
      <td> 1 </td>
      <td> Button </td>
      <td>1</td>
      <td>CSS Link </td>
    </tr>
    <tr>
      <td> 2 </td>
      <td> Calendar </td>
      <td>2</td>
      <td>CSS Source </td>
    </tr>
    <tr>
      <td> 3 </td>
      <td> Calendar with time </td>
      <td>3</td>
      <td>JS Link</td>
    </tr>
    <tr>
      <td> 4 </td>
      <td>CheckBox</td>
      <td>4</td>
      <td>JS Source </td>
    </tr>
    <tr>
      <td> 5 </td>
      <td> File Field </td>
      <td>5</td>
      <td>Localizable JS Link</td>
    </tr>
    <tr>
      <td> 6 </td>
      <td> Hidden Field </td>
      <td colspan="2" nowrap="nowrap" class="style1">Form Components</td>
    </tr>
    <tr>
      <td> 7 </td>
      <td> Image Button </td>
      <td>1</td>
      <td>CheckBox List </td>
    </tr>
    <tr>
      <td> 8 </td>
      <td> Label </td>
      <td>2</td>
      <td>FieldSet</td>
    </tr>
    <tr>
      <td> 9 </td>
      <td> Multiple Select Field </td>
      <td>3</td>
      <td>RadioButton List </td>
    </tr>
    <tr>
      <td> 10 </td>
      <td> Password Field </td>
      <td>4</td>
      <td>Repeating FieldSet</td>
    </tr>
    <tr>
      <td> 11 </td>
      <td> Reset Button </td>
      <td colspan="2" class="style1">Table / Form</td>
    </tr>
    <tr>
      <td> 12 </td>
      <td> Single Select Field </td>
      <td>1</td>
      <td>DataGrid</td>
    </tr>
    <tr>
      <td> 13 </td>
      <td> Submit Button </td>
      <td>2</td>
      <td>List Form </td>
    </tr>
    <tr>
      <td> 14 </td>
      <td> Text Area </td>
      <td>3</td>
      <td>Table Form</td>
    </tr>
    <tr>
      <td> 15 </td>
      <td> Text Field </td>
      <td colspan="2" class="style1">AJAX</td>
    </tr>
    <tr>
   <td colspan="2" class="style1">Form UI</td>
      <td>1</td>
      <td>AJAX Form</td>
    </tr>
    <tr>
            <td> 1</td>
      <td> Jump Menu</td>
      <td>2</td>
      <td>Ajax Grid</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Syntax Highlighter</td>
      <td>3</td>
      <td>Ajax remote function</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Tabber</td>
      <td>4</td>
      <td>Auto Complete</td>
    </tr>
    <tr>
      <td colspan="4">Find more widgets in [TurboGears Cogbin](http://www.turbogears.org/cogbin/)</td>
    </tr>
  </tbody>
</table>