How do I make somthing visible when the mouse moves across a button?
How do I show a PropertyGrid instead of a context menu, so when the user clicks somewhere else, it will hide (like a context menu)? ...
mouseover
Conflict with IE and JQuery mouseover and mouseout events
I have an animation that works PERFECTLY in firefox, and is completely broken in IE. By default I set the opacity of a button to .4, so its partially invisible. Then, when you move over a certain area, the button is supposed to return to normal full color. As I said, it works great in ff, but in ie, when you mouseover IT DISAPPEARS!! Not...
Disable onmouseover/onmouseout on iPad
Hello developers, Is there any was how to disable mouseover/out events on the iPad? My problem is that we are using mouseover/out events to display some tooltips on the web and onclick event to display detail. Unfortunately this means that on the iPad you have to tap twice. Is there any global option or something like that? Thanks in...
Determining Element Below event.target in js
I'm attempting to determine the tile that the mouse is currently hovering over in an OpenLayers map. The code that currently is written - that uses a standard Hover handler and simply sends back the event - works in Chrome but fails in Firefox, because an SVG element comes in between the tile and the mouse. I'm sure that something simila...
Change the color a Gpolygon with mouse event
I try change the color to one Gpolygon with a mouseover event map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(-39.875696,-72.624207), 9); pLat = 0.2; pLon = 0.2; p1Lat = -40; p1Lon = -73; p1Coor = [ new GLatLng(p1Lat, p1Lon - pLon), new GLatLng(p1Lat + pLat, p1Lon)...
Mouseover submenu broke
Hi! I had a mouseover submenu working very nicely on my site (so nicely in fact that it was working exactly right in Chrome, IE 7 & 8, and FF), but now it's broken somehow and I can't see the problem. Here's the CSS: .MainMenu { width: 90% !important; min-width: 800px; height: 42px !important; padding: 0 0 0 10%; o...
How do I create a content area (image gallery) that scrolls on mouseOver
Hi folks, I was looking to create an image gallery in my blog. However, I was wondering how possible it would be for the gallery to scroll through my images on mouseOver. Basically, when the user moves his/her mouse up or down the image gallery, the images scroll up or down accordingly. I have seen a few examples where it has been done...
Cursors.Hand does not display the Link Select cursor
I have the following code in my project to change mouse cursor when the user is hovering over a custom button: protected override void OnMouseEnter(EventArgs e) { this.Cursor = Cursors.Hand; base.OnMouseEnter(e); } protected override void OnMouseLeave(EventArgs e) { this.Cursor = Cursors.Default; base.OnMouseLeave(e); }...
jQuery / JavaScript - Trigger hover on a element when mouse over on another element
Is this possible? My HTML looks like this: <ul> <li> <a> link </a> </li> <li> <a> link </a> </li> <li> <a> link </a> <ul> <li> <a> sub-link </a> </li> <li> <a> sub-link </a> </li> <li> <a> sub-link </a> </li> </ul> </li> </ul> Basically I want to trigger the hover CSS rule on the parent menu ...
jquery live() with mouseover not working
HI there This is my code $('.fc-event').live("mouseover",function(){ if (!$(this).data("init")) { $(this).data("init", true); $(this).draggable({ appendTo: 'body', ...
change state when hover on another spark element
How to set a hover state (upSkin) when hover on another element? This example is not working on spark: http://stackoverflow.com/questions/3364244?tab=oldest#tab-top Would like to do something like this: <s:Button id="but1"/> <s:Button label="change" mouseOver="button2_mouseOverHandler(event)"/> protected function button2_mouseOverHand...
How to create interactive chart with Rebol
I have this code to create a candlestick chart in rebol. Now I'd like to use over feel http://www.rebol.com/how-to/feel.html#section-6 to show info on each candlestick but my box is drawn with draw dialect and it doesn't seem to accept event ? plot: [ pen green line 5x404 5x440 pen gold fill-pen 0.255.0 box 3x424 7x418 line 10x396 1...
image-map associated with more than one image
Let's say there are several identical images on the page, all associated with the same map: <img id="img1" usemap="#my-map" .... > <img id="img2" usemap="#my-map" .... > <img id="img3" usemap="#my-map" .... > <map name="my-map"> <area .... coords=... class="foo"> <area .... coords=... class="bar"> </map> There is a mouseover ev...
html hover behavior in flex
I've some flex structure: <s:BorderContainer id="addFunctionBarContainer" width="100%" height="50" mouseOver="addFunctionBar_hover(event)"> <s:Button id="addFunctionBarButton" width="20" height="20" click="addFunctionBar_clickHandler(event)" skinClass="skins.AddButtonSkin"/> </s:BorderContainer> How to write the func...
Mouse positioned over image when page loads doesn't fire onmouseover event
I'm curious about if it's possible to make an onmouseover event fire when page loads with the mouse over the image in question? I don't want to move the mouse anything (hence using mousemove won't solve anything). I have checked these earlier posts: http://stackoverflow.com/questions/2903068/jquery-trigger-mouseover-function-when-page-...
Display different images on different locations of one major image with mouseover
I have one major image that I have mapped so as to have many different hotspots that link to other images. What I want to do is to have thumbnails of those images popup when the user goes over the hotspots with the mouse. How can I do that? Help is greately appreciated. Keep in mind I am new to HTML and barely know javascript...is there ...
I'm trying to change an Image's src attribute when the mouse hovers above it. Is there a reason why this JQuery code shouldn't work?
$('.icon1').mouseover(function(){ $(this).find('img').attr('src', 'recursos/botban/maq1.png'); }); Should work right? It's just an arbitrary test to see what was wrong, but it's still broken. I've also tried with $('.icon1').hover(function(){..., and it also does not work. What I really want is more like... $('.icon1').mouseover(...
Need help with Javascript "mouseover" and "mouseout" events
Consider the following code: HTML: <div class='a'></div> <div class='b'></div> CSS: body { position: relative; } .a { position: absolute; left: 100px; top: 100px; width: 100px; height: 100px; background: #777; } .b { position: absolute; display: none; background: red; } JavaScript: $(functi...
Jquery mouseover mouseout menu using setTimeout
Can someone help me with this simple code.. I'm still a noob on js and I don't know what im doing wrong. Basically Im trying to make a mouseover menu. function showQuickLinks() { //show the menu } function hideQuickLinks() { //hides the menu } //button mouseover $("#quick-links-dd").mouseover(function() { showQuickLinks(); }); var m...
JQuery, how to apply the same mouseover effect to multiple divs with the same classes? help please!
i am new to jQuery and i am having some rollover issues, i am trying to apply the same "roll over" effect to multiple divs, and it seems to work, the only thing is when i roll over an element all of my divs get the same effect, when i would like them to apply the effect one at a time on mouse over, here is my code $('div.pitem').bind(...