2016-12-16 12 views
0

Я создал пользовательский элемент управления XBL, который содержит изображение и элемент карты (оба в пространстве имен xhtml) для определения областей, на которые можно щелкнуть. Мне удалось связать события щелчка, чтобы установить флажок, но это, похоже, работает только для одного цикла проверки/отмены.Создание пользовательского элемента управления XBL в Orbeon для карты изображений HTML5

Кроме того, когда я помещаю другой экземпляр XBL в форму, связанные события для каждого элемента управления не являются независимыми. например, щелкнув область на одном элементе управления, установите флажок на другом!

Я пытаюсь достичь чего-то вроде этого примера http://www.outsharked.com/imagemapster/default.aspx?demos.html, но используя изображение, чтобы отметить выбор вместо затенения.

Считаете ли вы, что это возможно реализовать как пользовательский элемент управления в Орбеоне?

В качестве альтернативы, метод интеграции вышеописанного плагина jaquery imagemapster тоже будет отличным. Я попытался, но он, похоже, не инициализируется правильно.

Заранее спасибо, Джейк.

ответ

0

Да, абсолютно, это возможно. На самом деле не должно быть никаких ограничений на то, что вы можете делать. См., В частности, JavaScript Companion Classes для интеграции JavaScript. Не стесняйтесь отправлять конкретные вопросы по отдельности,

+0

Спасибо, это хорошая новость! В настоящее время я использую jQuery для обработки событий в тегах области, которые используют пространство имен xhtml. Должен ли я отправлять их компоненту и обрабатывать их внутри себя как пользовательские события? – 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

Спасибо за эти примеры. Другая проблема, с которой я сталкиваюсь, - это привязка событий click к элементам xhtml в компоненте. Каков наилучший способ сделать это, чтобы привязка сохранялась независимой от другого экземпляра элемента управления? – jtb