すべてのpipboxはPlone 3でload plone.app.jquerytoolsをサポートしています。Plone 4では、plone.app.jquerytoolsが組み込まれています。
plone.app.jquerytoolsは、簡単なAJAXポップアップのためのjQueryツールとPlone固有のサポートをロードします。そのサポートにより、AJAXポップアップをjQueryで選択可能なページコンポーネントに関連付けることができます。詳しくは、the PYPI pageを参照してください。
簡単な例:plone.app.imagingで提供されているプレビュースケールを使用して、コンテンツ領域の画像にライトボックススタイルのポップアップを設定するとします。 JSはこれを行うには次のとおりです。
jQuery(function($) {
$('img.image-right, img.image-left, img.image-inline')
.prepOverlay({
subtype: 'image',
urlmatch: '/image_.+$',
urlreplace: '/image_preview'
});
});
あなたはその後、portal_javascriptsのJSリソースに追加し、皮膚またはブラウザ層としてのjavascriptのリソースを登録することで、このコードをロードします。
コード:
- は「jQueryの」「$」の別名を持つページは、準備ができたときにロードするための機能を設定します。
- ビジュアルエディタで使用するスタイルを使用するページ内のすべてのイメージアイテムを選択します。
- plone.app.jquerytoolsからのprepOverlayルーチンを呼び出してオーバーレイと関連付けます。
- オーバーレイがイメージであることを指定します。つまり、読み込まれたイメージからサイズ情報を判断することができます。
- 画像URLを取得してプレビューに変換するための少しの正規表現のマッチングと置き換えを行いますか。
Pipboxはこれらを追加するportal_properties設定を提供しているので、私はほとんど混乱しませんでしたが、純粋なJSでそれらを行うのはさらに簡単です。 –