Is it possible to disable mousewheel scrolling on my webpage while the cursor is over my flex application?
My flex application is a map that allows user to zoom in and out using the mousewheel; however, when I put my flex app onto my webpage, the scrollwheel causes the page to scroll instead of zooming in and out.[code]...
I'm pretty familiar with Actionscript, and this one has me completely stumped. What I'm trying to do is to prevent people from scrolling a TextArea with their mouse wheel, as the TextArea is inside of a ScrollPane, and at the moment scrolling one will scroll the other (double scrolling). Initially I tried[code]...
View 1 RepliesI have a spark List with an item renderer and a tile layout. If I scroll by clicking with the mouse on the scroll bar and trying to scroll with the mouse wheel after that, there is a problem: The interval of the scrolling is oversized, instead of scrolling one item down (or up) the List scrolls 4 items down (or up).
[Code]...
I have an Application displaying a spark.List. Every item of my list must be visible (no vertical scroll).
I need my Application to be scrollable in a web browser, so I've add a Scroller containing all my components. When the browser window is too small to contain all my application, scrollBar appears.
My application looks like that :
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" >
[Code]....
When I scroll with my mouse cursor outside of the List, everythink works fine. When I scroll with my mouse cursor over the List, nothing happends.
It looks like the mousewheel event is stopped by the List, even if the List does not have a scrollbar.
I would like to make a panarama viewer that scrolls the image left on mouse wheel up and right on mouse wheel down.my image instance is bg_mc
View 10 RepliesI am trying to manipulate the following code so I can use the mouse wheel with the scroller. I am not sure how to link the two. The scroll bar works fine, I was just wondering if there is a small bit of code that will allow me to do this.
[Code].....
I found this wonderful little game on Newgrounds which somehow allows the user to scroll the mouse wheel without scrolling the HTML page.URL...Does anyone know how they've done this? I know its not a javascript solution because while the game is loading, you can scroll up and down the HTML page (even if your mouse focus is set to the SWF). But as soon as the game starts and initiates, the mouse wheel only affects the SWF and not the HTML.
View 1 Repliesim working on a website with a fullscreen toggle feature.On one of the page i got a textfield that gets all the text from an external xml file.I created a custom scrollbar that will allow scrolling for the textfield.Im looking for a way to disable to option of mouse wheel scrolling.When i publish the movie and use the html file it doesnt allow mouse scrolling but when i go to full screen and i try to scroll using the mouse wheel the textbox is scrolling, the problem is that my custom scrollbar isn't. is there a way to make sure that the scrolling will be disabled at all time ?
View 2 RepliesHow can I tell when I have reached the bottom of the dynamic text(agreeText) when using the mouse wheel. I have a scroll bar(scroller) and to know when I get to the bottom I use the follow...
ActionScript Code:
scroller.addEventListener('scroll', evokeAgreement);
function evokeAgreement(evt){
if(scroller.scrollPosition > 164)
....
I have been trying to find a way to make my flash slider bar work with the mouse wheel, but can't find how to integrate with the code I already have.
ActionScript Code:
scrolling = function () {
var scrollHeight:Number = scrollTrack._height;
var contentHeight:Number = contentMain._height;
var scrollFaceHeight:Number = scrollFace._height;
var maskHeight:Number = maskedView._height;
[Code] .....
I download .fla with working scrolling script and optimized it under my project.All would be good, but theres no mouse wheel support. I'm trying to get it, but i can't.
My code:
ActionScript Code:
scrolling = function () {
var scrollHeight:Number = scrollTrack._height;
var contentHeight:Number = contentMain._height;
[code]....
Essentially, I have flash content that scrolls on mouse wheel. It works fine, unless there is other content in the browser such that the browser's scrollbar is enabled - when that is the case, both the browser window AND my SWF scroll on mouse wheel. Is there any way to correct this behavior?
Similar question asked here:
disable mouse wheel scrolling while cursor over flex app?
which references the solution blogged about here:
[URL]
But the solution does not work on all browsers! While it works on some Windows browsers, it doesn't work at all on Mac OS X - it registers mouse wheel events in Firefox, but they are not getting fired at all in Chrome and Safari.
Now I know that (per the official Adobe InteractiveObject docs) mouse wheel is supposedly only supported on Windows systems, but the event is still fired by default on Mac OS X. Is this simultaneous scroll bug the reason it is not supported?
Edit: adding more info on above solution...
Note that the above solution basically uses ExternalInterface to send the following JavaScript to the "eval" function:
var browserScrolling;
function allowBrowserScroll(value) {
browserScrolling = value;
[Code]....
I am experiencing no scrolling below a certain scroll velocity on both mouse and trackpad on my Macbook in Safari 4.I have the mouse wheel events working on my mac through the javascript bridge from http:[url]..... I also have normalized the delta in my actionscript to be -2 if below 0, and +2 if above 0. Testing the delta on the javascript side, the mouse wheel at the slowest I can scroll it reads well above or below 0, and the trackpad reads around .025 to -.025... so I'm wondering why is it that Safari doesn't see this until higher speeds?Scrolling works, I just have to give the wheel some speed before it kicks in. It works perfectly in Firefox.
View 0 RepliesI know this is simple but I dont know how to do it. code so that when you scroll the mouse wheel up and down, the number in a dynamic text box will also go up and down relevant to which direction you scroll the wheel on the mouse.
View 0 RepliesI searched for this a lot, but I couldn't find a solution for this 'bug' as it's called here:click on first flash, and use mouse wheel, then click on second flash and use mouse wheel again. Now You know perfectly what 'bug' I mean.The thing is, I believe this bug can be solved WITHOUT externalinterface. This chat is made with AS 3:pen 'codebox', hold ENTER to make a hundred of lines or so, and then test your mouse wheel.It doesn't use any externalinterface technique (both obviously as it's Kongregate, and confirmed by author), just mx.component.textArea that itself implements the scrolling nicely.I couldn't achieve that with even.preventDefault or stopPropagation.
View 1 RepliesI have researched the infamous 'Flash hogging keyboard focus' issue, but I believe our issue may involve a workaround that someone else has already come across. I've tried the various solutions I've found on stackoverflow and other sites, which I summarize below.We have a web app, and a particular interface loads several divs that we are using as "tabs". When a user clicks one of the tabs, we hide the current div and un-hide the new one. Our main tab (which is loaded when the page loads) embeds a document from Scribd, which is loaded as a Flash movie. When a user clicks on the Flash movie, they scroll with the mouse/keyboard like normal, and when they click outside of the document control returns as expected.When they navigate to another tab and then return to the original tab and click on the embedded Flash to navigate within it, the embedded Flash steals control of the mouse scroll and won't let it go. The user can click in this document and scroll with the arrow keys and then click out of the document and scroll the parent window with the arrow keys, but mouse scrolling is still bound to the embedded Flash movie. The only remedy is a hard page refresh.[code]This doesn't work -- I can confirm that the element is removed from the DOM, but when it is returned to the DOM it hogs mouse scrolling when clicked just like before.I also tried a similar solution, but instead of removing the element I called [code]
View 1 RepliesBasically I have a scrolling bar with thumbs of images that you can click and view. The bar scrolls depending on where the mouse is located along the X plane. Basically, the greater the value of X, the faster the bar scrolls to a certain extent. I am trying to figure out a way that if the Y value of the mouse cursor reaches a certain point, the scrolling stops. Like if the mouse is scrolling off the bar of images itself, the scrolling stops. As it stands the scrolling is only controlled based on where the mouse is located along the X plane and it has nothing to do with the Y value. I would like to be able to stop the bar with a certain Y value. Make sense? I Hope So :P
[Code]...
I have a flash element on my page that you interact with by using the middle mouse scroll wheel. The page is long. So when scrolling with the mouse wheel it interacts with the Flash element AND scrolls the browser window.
Is there a way to disable browser scrolling while the Flash element is active?
I am using a flash swf from the website[url]...where it allows me to upload images via an xml file to the flash movie. However the flash movie is changing the mouse cursor to hand-cursor when passing the mouse on it, and also it is allowing users to click on the movie, while I wanted to leave the mouse cursor to remain as an arrow, and prevent users from clicking on it, I tried the following code, whereby I used another flash movie to call the dewslider swf, but in IE it is not working, although in firefox it is ok..[code]...
View 4 Replieshow to change the cursor when move over a chart in flex i have tried useHandCursor="true" but it's not working in charts.....and it should show values also....
View 2 RepliesIf a SWF file or even a component within it has scrollbars, wouldn't it make sense that if the user is hovered over that area (it's in focus) and uses the mouse wheel, that this movement would automatically translate to the scrollbar moving.Any ideas how this is done, the events or classes used for this? I'm open to outside components or classes too. I haven't started yet, but I'll do an item renderer because it's easy to give it scrollbar.
View 1 RepliesI am using a scroller in my flex application. I have added mouse wheel property in the scroller. It works fine when I run the application directly.But mouse wheel property doesn't work when I embed my swf onto php...
View 1 RepliesI have a custom class that extends List which I am using as a container. However, the scroll speed is too fast on the mouse wheel, as in it scrolls loads even if you only move the wheel a tiny bit. I tried adding an event listener to my list for MouseEvent.MOUSE_WHEEL and setting the value of event.delta but this has had no effect. Does anyone know how I can make it slower?
[Code]...
I have a component extending a Spark List, and when I scroll using the mouse wheel it scrolls too much in one go. I have tried looking for the handler that deals with mouse wheel scrolling in the List class and VerticalLayout class to override but I cannot find it.
View 1 RepliesHere is a snip from within my code:
[Code]...
The 'recommendations' dataProvider is an ArrayCollection of String, which are generally sentences about as long as this one. By setting the variableRowHeight and wordWrap properties as shown, if a sentence is too long to fit on a single line, everything works fine- the row expands and the messages show on two lines, or occasionally three.
The space allocated for this panel within the entire canvas means if the total text size of 'recommendations' exceeds six lines, I need for the entire list scroll. This is also working just fine. The trouble is when using the mouse wheel to do the scrolling- Flex scrolls both the entire list and the single item where the mouse is hovering. Often this results in only the second half of a sentence being visible. Non-programmer friends I have asked to look at this noticed this, and tell me it as a problem. If a user does not notice the dual scrolling, and sees only a fragment of a sentence, it will be perceived as an error in the application.
[Code]....
In Mac OS X, Safari 4.0.2 browser, the text field contents are scrollable. How to stop this scrolling property of text field?
I have explicitly mentioned its wi
So I have that panel or any other mxml component. I want somehow to rotate it around like a wheel of a car with which you drive it... loke a Racing wheel... sow like when mousebutton is down it captures pont of component... when you move mouse component rotates (not moves) according to new mouse position... How to rotate MXML component round its center like a wheel respectfully to mouse?
View 2 Repliesi recently doing a custom scroll bar with mouse wheel,i succes to make it scroll and wheel in internet explorer, but when it come to firefox, it can't wheel but can scroll. I wonder how can i solve this problem.Here is the script ( it actually the tutorial from kirupa, i remember some people have post it before, but i wonder he/she can wheel in firefox.)
scrolling = function () {
var scrollHeight:Number = scrollTrack._height;
var contentHeight:Number = contentMain._height;[code]....
Within my application I'm using a Scroller component. I can't seem to figure out which event I should set up a listener on in order to know when content is scrolled. I tried Event.CHANGE on Scroller.verticalScrollBar property but apparently that event doesn't fire when the user scrolls with a mouse wheel or arrow keys.
View 1 RepliesI have a map application that when I use the mouse wheel the map will scale up or scale down. The next thing I want to do is to focus on the mouse pointer while zooming on the part of the map.
I have this code...
function focusMousePosition(){ onMouseMove = function (){ Stage.width = _root._xmouse; Stage.height = _root._ymouse; updateAfterEvent(); }}
var mouseWheelListener = new Object();var wheelNum:Number;
mouseWheelListener.onMouseWheel = function(wheelNum){ focusMousePosition(); if (wheelNum > 0){ map._xscale *= 0.9; map._yscale *= 0.9; }else{ map._xscale *= 1.1; map._yscale *= 1.1; }}Mouse.addListener(mouseWheelListener);