Issue 146: click-Event not captured in FF3 & IE6 (FF2 is working)
Status:  Fixed
Owner: ----
Closed:  Jan 2009
Reported by fadattf@gmail.com, Jan 7, 2009
What steps will reproduce the problem?
1. Open a page in a modal window
2. Page contains full html file (jQuery & some Plugins loaded) AND an form
(calling itself in [the same] modal window) with an input field with an
clickEvent (just an alert) triggered via jQuery
3. on the first load the alert works fine. After sending the form, the
click-Event doesn't work.

What is the expected output? What do you see instead?
An alert is expected on clicking the input field.
No alert.

What version of the product are you using? On what operating system?
WinXP Pro, FF 3.0.5, IE6
jQuery 1.2.6
nyroModal 1.2.8

Please provide any additional information below.
In FF2 it seems to work.

The question is, why it is working on the first load but not on the second
one. I've  firebuged the site and the actual content of what is beeing
loaded is the same (but the additional GET-Variables).

Hope anyone has an idea.

nyroModal_click.zip
2.5 KB   Download
Jan 27, 2009
Project Member #1 nyro...@gmail.com
My guess is:
On the second load, the script binding the focus event is executed before the content
is already writen in the DOM, which means, it's binded to the first input (and not
the new one as excpeted !)

To fix that, in the next release you'll have the ability to indicate if the script
should be executed once the modal is shown by adding the rev="shown" attribute to
your script tag. Using that would solve this issue.
Status: Fixed
Feb 2, 2009
#2 fadattf@gmail.com
That would be great if that problem would be fixed with the next release.
As you've seen that problem is reproduce able with the attached example.
Feb 11, 2009
Project Member #3 nyro...@gmail.com
with the version 1.4.0 you know have the possibility to execute a script once the
modal is shown by adding rev="shown" on your script tags.
Feb 13, 2009
#4 fadattf@gmail.com
Great improvement.
But maybe you can tell me where exactly to put the rev="shown" in my code:

<script type="text/javascript" src="getting_some_scripts.js"></script>	


<form id="form_id" ...>
</form>

<script type="text/javascript">
                $("#...").doing_some_stuff();

		$("#form_id").submit(function(event) {
		        if ($("#form_id").valid()) {          // some valedating
		            $("#form_id").nyroModalManual();  // fire nyroModal
		        }
		        event.preventDefault();
		        return false;
		});

</script>