Hi,
I have a simple web page which is composed of a flash audio player
(jwmp3player) and a form with a textarea box. I have noticed some
very odd behaviour which I cannot puzzle out.
If I click on the flash mp3 player to play an audio file, then try to
click on the textarea and type in some text, I am unable to enter
anything. I can move the cursor around the textarea but the keyboard
focus will not change, as it appears to be stuck on the flash
player.
If I click somewhere else on the page, and then click again on the
textarea, I am then able to enter text. I've repeated this many times
and in different variations and the result is always the same.
I also tried adding an onClick="this.focus();" attribute to the
textarea tag, but this had no effect. For kicks, I then added an
onClick="this.select();" attribute to make sure that the mouse focus
really was being drawn away from the flash player, and this worked as
expected, highlighting any default text, however the only way I am
able to shift the keyboard focus is still to click once on some part
of the page other than the textarea or the flash player.
Any ideas as to what might be causing this bizarre behaviour would be
incredibly helpful as I am pretty much at a loss at this point.
Thanks.