Personal tools

[14]折りたためる(collapsible)フィールドセット

手軽に「折りたためる領域」を表示する方法について

Plone 2.1に同梱されているJavaScriptはHTMLドキュメントの中から特定の「マーカー」を判別して(たいていはCSSのクラスやIDをマーカの判別に利用します),機能を付け加えます。たとえば,外部サイトへのリンクに表示される「地球アイコン」はJavaScriptを使って表示しています。

RichDocumentは「折りたためるフィールドセット(collapsible field-set)」の機能を使っています。この機能は,Plone 2.1の「履歴」のために作られたもので,RichDocumentでは「attachments manager」ウィジェットに利用しています。使い方はとても簡単です:

  <dl id="image-controls" class="collapsible inline collapsedOnLoad">
    <dt class="collapsibleHeader">Title</dt>
    <dd class="collapsibleContent">
    
        ....
    
    </dd>
  </dl>

"collapsible" というクラスがあると,「折りたたみ機能」が有効になります。"inline" はフィールドセットがブロック要素でないことを表しています。"collapsedOnLoad" があると,領域がページのロード時に折りたたまれた状態になり,ユーザが操作すると展開されます。

より詳しいことは widget_imagesmanager または widget_attachmentsmanager を見て下さい。


以下のURLにあるHow Toの翻訳です。

http://plone.org/documentation/tutorial/richdocument/collapsible-field-sets

You are here: Home Zope Developers Camp Zope Developers Camp 2005 Summer プログラム RichDocument How Toの翻訳 [14]折りたためる(collapsible)フィールドセット
Navigation
Log in


Forgot your password?
 

Powered by Plone, the Open Source Content Management System