Mouse scroll wheel not sent to Flash Player

Flex / AIR , Flash Add comments

We've been working with Flare recently to visualize potential learner flows through elearning courses.  One of the cool features within flare is the ability to zoom in on a visualization via the mouse scrollwheel, similar to the browsers Ctrl-Scoll functionality to change font sizes.

Everything works fine in Flex, using the default html publishing templates, but we found that the scoll message was not being propigated through when using SWFObject.

I updated the code to the latest swfobject version (v 2.0), but still no love.  After trolling the web for a while, I discovered that there are a number of issues involving wmode="transparent".  By removing that attribute, everything started working.  Unfortunately, I am not sure whether the real issue was a combination of an older version of swfobject and the wmode bug, or whether simply turning off wmode in the older version would have fixed the problem.

Here's the syntax:

	<script type="text/javascript">
// <![CDATA[
var flashvars = {
config: "/files/simFlow/config.xml"
};
var params = {
//using wmode transparent causes mouse click wheel support to break
//wmode: "transparent"
};
var attributes = {
id: "simflow",
name: "simflow",
style: "width:100%; height:100%;"
};

var so = swfobject.embedSWF("someFlashFile.swf", "simFlow", "100%", "100%", "9.0.115", "/files/flexSupportFiles//swfobject2/expressInstall.swf", flashvars, params, attributes);
// ]]>
</script>
<div id="simFlow" style="width:100%; height:100%;">&nbsp;</div>

13 responses to “Mouse scroll wheel not sent to Flash Player”

  1. Cole Says:
    Hey. Great info. That was the exact problem i was having. Simply removed the wmode, which wasn't needed anyways, and it worked like a charm. Thanks!
  2. pawanamishra Says:
    Well this is very interesting indeed.Would love to read a little more of this. Great post. Thanks for the heads-up…This blog was very informative and knowledgeable
  3. Jonathan Pritchard Says:
    But how would we fix this issue without removing wmode="transparent"? My implementation doesnt use SWFObject but rather builds the <object> and <embed> tags in js before inserting them into a hook <div> element on the page.
  4. Scott Talsma Says:
    @Jonathon: I think you've hit the issue dead on; wmode simply cannot be set to transparent. So you JS would have to omit that attribute from the string being built.
  5. Edwin Says:
    Thanks for that. Had a problem with it and this helped me out.
  6. Fashion shoes Says:
    Very good article I find Here. It is very useful for me!
  7. Murthy Says:
    Hey,

    Thanks for your info.

    But how can we fix this issue without removing wmode="transparent"?

    I following issue is fixed by adding the wmode="transparent"

    I have drag and drop JS window.When we drag one window over another JS window, which contains flex/flash component.Then the over lay JS window is mess up with flash JS window.

    Please guide me.
  8. Murthy Says:
    Hey,

    Thanks for your info.

    But how can we fix this issue without removing wmode="transparent"?

    I following issue is fixed by adding the wmode="transparent"

    I have drag and drop JS window.When we drag one window over another JS window, which contains flex/flash component.Then the over lay JS window is mess up with flash JS window.

    Please guide me.
  9. Iphone Home Automation Says:
    The post is pretty interesting. I really never thought I could have a good read by this time until I found out this site. I am grateful for the information given. Thank you for being so generous enough to have shared your knowledge with us.
  10. no download slot machine games Says:
    It is really a nice post, it is always great reading such posts, this post is good in regards of both knowledge as well as information. Very fascinating read, thanks for sharing this post here.
  11. Corporate Law Says:
    thanks for sharing
  12. no fax payday loans Says:
    fhjjeyby http://paydayloansfci.com/ no fax payday loans 8]]] http://paydayloansfci.ca/ no fax pay day loan IfeXD http://paydayloansfci.co.uk/ short term loan YyAHDM
  13. Fitflops Singapore Says:
    Great and nice post thank you.

Leave a Reply





Powered by Mango Blog. Design and Icons by N.Design Studio