Utilizing JavaScript in Plone Without Knowing

This is an abstract from Utilize Available JavaScript in Plone without Knowing JavaScript by Chrissy Wainwright.

使用 Plone 預設操作介面時，有些 script 已經在默默運作，更棒的是，只要粗略了解程式碼運作的原理，不必精通 Javascript 的細節，就可以搭配 portal_skins/plone_ecmascript 裡的 .js 內容，將頁面調整成我們想要的效果。

編輯內容時，想要把內容拆開在不同的 tab 頁面顯示，不必重傳網頁內容，這樣的效果稱為 FormTabbing 技巧。

form_tabbing.js 檔案就是達成上述效果的工具，下列的程式碼示範它的運作方式：

<dl class="enableFormTabbing">
<dt id="fieldsetlegend-unique-id1">button one</dt>
<dt id="fieldsetlegend-unique-id2">button two</dt>
<dd id="fieldset-unique-id1">content one</dd>
<dd id="fieldset-unique-id2">content two</dd>
</dl>

範例中的兩個按鈕，分別由 <dt> 標籤語法所指定，按鈕的 id 要以 fieldsetlegend- 字樣開頭，按鈕所對應的內容，分別由 <dd> 標籤語法所指定，其 id 則要以 fieldset- 字樣開頭。同樣的道理，上述程式碼的原理，也可以用於 <form> 標籤裡：

<form class="enableFormTabbing">
<fieldset id="fieldset-[unique-id]">
<legend id="fieldsetlegend-[same-id-as-above]">Title</legend>
</fieldset>
</form>

除此之外，還有 table_sorter.js 和 collapsiblesections.js 的範例，有興趣就去試吧。