2016-12-16 15 views
0

クリック可能な領域を定義するためにイメージとマップ要素(両方ともxhtml名前空間内)を含むカスタムXBLコントロールを作成しました。私はチェックボックスを設定するためにクリックイベントをリンクすることができましたが、これは1つのチェック/サイクルのチェックを外すためにのみ動作するようです。OrbeonでカスタムXBLコントロールを作成してHTML5イメージマップを作成する

また、フォームにXBLの別のインスタンスを配置すると、各コントロールのバインドされたイベントは独立していません。たとえば、あるコントロールの領域をクリックすると、もう一方のコントロールにチェックボックスが設定されます。

http://www.outsharked.com/imagemapster/default.aspx?demos.htmlのようなものを実現しようとしていますが、シェーディングの代わりに画像に画像を使用しています。

Orbeonでカスタムコントロールとして実装することは可能でしょうか?

また、上記のimagemapster jqueryプラグインを統合する方法も優れています。私は試しましたが、正しく初期化されていないようです。

Jakeさん、ありがとうございます。

答えて

0

はい、これは可能です。あなたができることには何の制限もないはずです。 JavaScriptの統合については、特にJavaScript Companion Classesを参照してください。個別具体的な質問を投稿してお気軽に、

+0

ありがとう、それは良いニュースです!現在、私はxhtml名前空間を使用するエリアタグのイベントを処理するためにjQueryを使用しています。これらをコンポーネントにディスパッチし、これらをカスタムイベントとして内部的に処理する必要がありますか? – jtb

+0

XForms側でこれらのイベントを処理する必要がある場合は、イベントをコンポーネントにディスパッチできます。これらのイベントがクライアント側でのみ必要な場合は、XForms側に送信する必要はありません。おそらく、いくつかの例が役に立つでしょう。['code-mirror.js'](https://github.com/orbeon/orbeon-forms/blob/4d0caecc7e3892f3eb0a358d6f6e4e093b790418/src/main/assets/xbl/orbeon/code-mirror/code) -mirror.js)または['tabbable.js'](https://github.com/orbeon/orbeon-forms/blob/4d0caecc7e3892f3eb0a358d6f6e4e093b790418/src/main/assets/xbl/orbeon/tabbable/tabbable.js)をクリックします。 – ebruchez

+0

これらの例をありがとう。私が抱えているもう一つの問題はコンポーネント内のxhtml要素へのクリックイベントをバインドすることです。バインドがコントロールの別のインスタンスから独立して保持されるように、これを行う最善の方法は何ですか? – jtb

関連する問題