Orbeon Forms community mailing list

Duplicate events in embedded mode.

Classic

List

Threaded

9 messages Options

klemm

Duplicate events in embedded mode.

We are using orbeon embedded in a web site. Each time the user loads and uses the form the events are fired the number of time the form has been loaded (example below).

This is having an undesired impact on the behaviour of the form. Im assuming this is caused by Javascript events never being unsubscribed because the page isn't reloaded.

How can I get orboen to clear down any client side data/events? Reloading the page is not possible as the web app is almost entirly Ajax.

Many Thanks,
Daniel

1st time for is used.
<xxforms:action>
<xxforms:event name="DOMFocusIn" source-control-id="nextStepDocumentButton"></xxforms:event>
<xxforms:event name="DOMActivate" source-control-id="nextStepDocumentButton"></xxforms:event>
</xxforms:action>

2nd time for is used.
<xxforms:action>
<xxforms:event name="DOMFocusIn" source-control-id="nextStepDocumentButton"></xxforms:event>
<xxforms:event name="DOMActivate" source-control-id="nextStepDocumentButton"></xxforms:event>
<xxforms:event name="DOMActivate" source-control-id="nextStepDocumentButton"></xxforms:event>
</xxforms:action>

3rd time for is used.
<xxforms:action>
<xxforms:event name="DOMFocusIn" source-control-id="nextStepDocumentButton"></xxforms:event>
<xxforms:event name="DOMActivate" source-control-id="nextStepDocumentButton"></xxforms:event>
<xxforms:event name="DOMActivate" source-control-id="nextStepDocumentButton"></xxforms:event>
<xxforms:event name="DOMActivate" source-control-id="nextStepDocumentButton"></xxforms:event>
</xxforms:action>
<xxforms:action>
<xxforms:event name="DOMFocusIn" source-control-id="nextStepDocumentButton"></xxforms:event>
<xxforms:event name="DOMActivate" source-control-id="nextStepDocumentButton"></xxforms:event>
<xxforms:event name="DOMActivate" source-control-id="nextStepDocumentButton"></xxforms:event>
<xxforms:event name="DOMActivate" source-control-id="nextStepDocumentButton"></xxforms:event>
</xxforms:action>

Tambet Matiisen

Re: Duplicate events in embedded mode.

Can you post the Javascript code, that you use for initializing Orbeon?
Does this happen in all browsers or just one?

Tambet

On 29.06.2011 13:48, klemm wrote:

> We are using orbeon embedded in a web site. Each time the user loads and uses
> the form the events are fired the number of time the form has been loaded
> (example below).
>
> This is having an undesired impact on the behaviour of the form. Im
> assuming this is caused by Javascript events never being unsubscribed
> because the page isn't reloaded.
>
> How can I get orboen to clear down any client side data/events? Reloading
> the page is not possible as the web app is almost entirly Ajax.
>
> Many Thanks,
> Daniel
>
> 1st time for is used.
> <xxforms:action>
> <xxforms:event name="DOMFocusIn"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> <xxforms:event name="DOMActivate"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> </xxforms:action>
>
> 2nd time for is used.
> <xxforms:action>
> <xxforms:event name="DOMFocusIn"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> <xxforms:event name="DOMActivate"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> <xxforms:event name="DOMActivate"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> </xxforms:action>
>
> 3rd time for is used.
> <xxforms:action>
> <xxforms:event name="DOMFocusIn"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> <xxforms:event name="DOMActivate"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> <xxforms:event name="DOMActivate"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> <xxforms:event name="DOMActivate"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> </xxforms:action>
> <xxforms:action>
> <xxforms:event name="DOMFocusIn"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> <xxforms:event name="DOMActivate"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> <xxforms:event name="DOMActivate"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> <xxforms:event name="DOMActivate"
> source-control-id="nextStepDocumentButton"></xxforms:event>
> </xxforms:action>
>
> --
> View this message in context: http://orbeon-forms-ops-users.24843.n4.nabble.com/Duplicate-events-in-embedded-mode-tp3632513p3632513.html
> Sent from the Orbeon Forms (ops-users) mailing list archive at Nabble.com.

--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

Erik Bruchez

Re: Duplicate events in embedded mode.

Administrator

In reply to this post by klemm

Daniel,

We have some code doing some unloading for the "Ajax portlet" mode,
which hasn't been tested recently:

https://github.com/orbeon/orbeon-forms/blob/master/src/resources-packaged/ops/javascript/orbeon/xforms/server/AjaxServer.js#L585

The idea was to do exactly that: remove listeners upon replacing the
page content.

Maybe this can be of help.

-Erik

On Wed, Jun 29, 2011 at 3:48 AM, klemm <[hidden email]> wrote:

klemm

RE: Duplicate events in embedded mode.

Many thanks for reply. It looks like this may help but I'm not sure how to take advantage of this.

We are running orbeon-3.9.0.201105152053-PE, do I need to upgrade to a newer version?

Thanks,

Daniel

From: Erik Bruchez [via Orbeon Forms (ops-users)] [mailto:[hidden email]]
Sent: Fri 01/07/2011 03:26
To: Daniel R. Klemm
Subject: Re: Duplicate events in embedded mode.

If you reply to this email, your message will be added to the discussion below:

http://orbeon-forms-ops-users.24843.n4.nabble.com/Duplicate-events-in-embedded-mode-tp3632513p3637321.html

To unsubscribe from Duplicate events in embedded mode., click here.

klemm

RE: Re: Duplicate events in embedded mode.

In reply to this post by Tambet Matiisen

Firefox works as described to increasing events for each time the form is loaded. IE is completely broke 2nd time round, throws 2 errors on Line 125 "object expected", "ORBEON.xforms.server.AjaxServer.Event" is null or not an object.

We are currently evaluating orbeon for a national public sector clinical application in the UK, this is big issue for us as it would render orbeon useless.

We have created an jQuery Extension to load the form like this:

jquery.orbeon.js:

(function($) {
var initOrbeon = function() {
if (typeof ORBEON != "undefined") {
if (!document.all) {
ORBEON.xforms.Init.document();
}
}
};
$.fn.loadForm = function(formName) {
this.load('/orbeon/app/' + formName + '?orbeon-embeddable=true', initOrbeon);
};

})(jQuery);

Html to use:

<div id="myFormPlaceHolder"></div>
<button onclick="$("#myFormPlaceHolder").loadForm("");">LoadForm</button>

________________________________

From: Tambet Matiisen [mailto:[hidden email]]
Sent: Thu 30/06/2011 17:59
To: [hidden email]
Subject: [ops-users] Re: Duplicate events in embedded mode.

Can you post the Javascript code, that you use for initializing Orbeon?
Does this happen in all browsers or just one?

Tambet

On 29.06.2011 13:48, klemm wrote:

winmail.dat (10K) Download Attachment

Tambet Matiisen

Re: RE: Re: Duplicate events in embedded mode.

Hi Daniel!

Can you work around the problem by reloading the page every time? We
also use AJAX portlet integration method in our application and while we
had some problems in IE, I see that our fixes are incorporated in your
code. We reload the page every time we show a form and so far no problems.

Tambet

On 1.07.2011 13:38, Daniel R. Klemm wrote:

>
> Firefox works as described to increasing events for each time the form is loaded. IE is completely broke 2nd time round, throws 2 errors on Line 125 "object expected", "ORBEON.xforms.server.AjaxServer.Event" is null or not an object.
>
> We are currently evaluating orbeon for a national public sector clinical application in the UK, this is big issue for us as it would render orbeon useless.
>
>
> We have created an jQuery Extension to load the form like this:
>
> jquery.orbeon.js:
>
> (function($) {
> var initOrbeon = function() {
> if (typeof ORBEON != "undefined") {
> if (!document.all) {
> ORBEON.xforms.Init.document();
> }
> }
> };
> $.fn.loadForm = function(formName) {
> this.load('/orbeon/app/' + formName + '?orbeon-embeddable=true', initOrbeon);
> };
>
> })(jQuery);
>
> Html to use:
>
> <div id="myFormPlaceHolder"></div>
> <button onclick="$("#myFormPlaceHolder").loadForm("");">LoadForm</button>
>
> ________________________________
>
> From: Tambet Matiisen [mailto:[hidden email]]
> Sent: Thu 30/06/2011 17:59
> To: [hidden email]
> Subject: [ops-users] Re: Duplicate events in embedded mode.
>
>
>
> Can you post the Javascript code, that you use for initializing Orbeon?
> Does this happen in all browsers or just one?
>
> Tambet
>
> On 29.06.2011 13:48, klemm wrote:
>> We are using orbeon embedded in a web site. Each time the user loads and uses
>> the form the events are fired the number of time the form has been loaded
>> (example below).
>>
>> This is having an undesired impact on the behaviour of the form. Im
>> assuming this is caused by Javascript events never being unsubscribed
>> because the page isn't reloaded.
>>
>> How can I get orboen to clear down any client side data/events? Reloading
>> the page is not possible as the web app is almost entirly Ajax.
>>
>> Many Thanks,
>> Daniel
>>
>> 1st time for is used.
>> <xxforms:action>
>> <xxforms:event name="DOMFocusIn"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> <xxforms:event name="DOMActivate"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> </xxforms:action>
>>
>> 2nd time for is used.
>> <xxforms:action>
>> <xxforms:event name="DOMFocusIn"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> <xxforms:event name="DOMActivate"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> <xxforms:event name="DOMActivate"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> </xxforms:action>
>>
>> 3rd time for is used.
>> <xxforms:action>
>> <xxforms:event name="DOMFocusIn"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> <xxforms:event name="DOMActivate"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> <xxforms:event name="DOMActivate"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> <xxforms:event name="DOMActivate"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> </xxforms:action>
>> <xxforms:action>
>> <xxforms:event name="DOMFocusIn"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> <xxforms:event name="DOMActivate"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> <xxforms:event name="DOMActivate"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> <xxforms:event name="DOMActivate"
>> source-control-id="nextStepDocumentButton"></xxforms:event>
>> </xxforms:action>
>>
>> --
>> View this message in context: http://orbeon-forms-ops-users.24843.n4.nabble.com/Duplicate-events-in-embedded-mode-tp3632513p3632513.html
>> Sent from the Orbeon Forms (ops-users) mailing list archive at Nabble.com.
>
>

klemm

RE: Re: RE: Re: Duplicate events in embedded mode.

Hi,

Reloading would be a massive change to our application architecture and user journey, it its therefore not an option. We need a solution to run orbeon form within an ajax app. Given that Orbeon make lots of use of ajax it's self and is designed to run as a portlet I don't see that this is a big ask!

Regards,
Daniel

________________________________

From: Tambet Matiisen [mailto:[hidden email]]
Sent: Mon 04/07/2011 08:25
To: [hidden email]
Subject: [ops-users] Re: RE: Re: Duplicate events in embedded mode.

Hi Daniel!

Can you work around the problem by reloading the page every time? We
also use AJAX portlet integration method in our application and while we
had some problems in IE, I see that our fixes are incorporated in your
code. We reload the page every time we show a form and so far no problems.

Tambet

On 1.07.2011 13:38, Daniel R. Klemm wrote:

winmail.dat (11K) Download Attachment

klemm

Re: Duplicate events in embedded mode.

In reply to this post by Erik Bruchez

I'm managed to get this working in FireFox only. We have resorted to removing all the click events from the document. Like this: YAHOO.util.Event.removeListener(document, "click");

This doesn't work: YAHOO.util.Event.removeListener(document, "click", ORBEON.xforms.Events.click);

I think this is because "ORBEON.xforms.Events" is a new instance, and the events are subscribed to the old instance.

We still cannot get any form to load more than once in IE, we think this is a different issue that need yet more debuging or YUI and xforms.js.

One other anoying issue is the "loading" element is added to the document body so when we remove the portlet the styles are also removed so this is visible at the top of the page. A feature to unload a form would be very usfull it would clean up the events, objects and elements.

Daniel

Erik Bruchez

Re: Re: Duplicate events in embedded mode.

Administrator

Glad that you made progress!

As you have seen cleaning-up event handlers can be a bit tricky.

This feature used to work, so there is certainly a way to restore it,
but we have a lot on our plate(s)! So if you can help with makings
this feature progress that's great.

-Erik

On Tue, Jul 5, 2011 at 6:51 AM, klemm <[hidden email]> wrote:

> I'm managed to get this working in FireFox only. We have resorted to
> removing all the click events from the document. Like this:
> YAHOO.util.Event.removeListener(document, "click");
>
> This doesn't work: YAHOO.util.Event.removeListener(document, "click",
> ORBEON.xforms.Events.click);
>
> I think this is because "ORBEON.xforms.Events" is a new instance, and the
> events are subscribed to the old instance.
>
> We still cannot get any form to load more than once in IE, we think this is
> a different issue that need yet more debuging or YUI and xforms.js.
>
> One other anoying issue is the "loading" element is added to the document
> body so when we remove the portlet the styles are also removed so this is
> visible at the top of the page. A feature to unload a form would be very
> usfull it would clean up the events, objects and elements.
>
> Daniel
>
>
>
> --
> View this message in context: http://orbeon-forms-ops-users.24843.n4.nabble.com/Duplicate-events-in-embedded-mode-tp3632513p3646003.html
> Sent from the Orbeon Forms (ops-users) mailing list archive at Nabble.com.
>
>
> --
> You receive this message as a subscriber of the [hidden email] mailing list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws
>
>