I have a <div> element containing an image. Inside that div, I have a <p> element which holds some information about the image. I want to hover the <div> containing the image and then show or hide the <p> element. <div class="box"> <img src="img/an_039_AN_diskette.jpg" width="310px" height="465px" /> 6 Pharma IT <p class="ho...
I have some css like so #menu li { color:#336633; } .hover { color:#ffffff; background-color:#336633; } I am using jQuery's hover like so on hover: addClass('hover'); on out: removeClass('hover'); This changes the background color but not the font color. I suspect this is because the class is being applied first and then the...
Hi I a trying to do the following: onMouseOver I want to: 1. remove the existing class (navLinkTD) which provides a black border around the table. 2. Add a new class (navLinkTDActive) which provides a border around the top, left and right but has a background image which changes the border on the bottom to have a small arrow. Once the ...
Hi I'm trying to style the header of a listview depending on hover/pressed/etc. events. So far I tried a few things such as a trigger like the following but this does not work on my machine (a Vista Ultimate x64) <Style x:Key="GridViewColumnHeaderStyle1" TargetType="{x:Type GridViewColumnHeader}"> <Style.Triggers> <Trigger...
This is what I have On my .master page i have the following <script type="text/javascript"> $(document).ready(function() { $(this).hover(function() { $(this).addClass("ui-state-hover"); }, function() { $(this).removeClass("ui-state-hover"); } ).mousedown(function() { $(this).addClass("ui-state-active"); ...
Hi all, I have an html page full of data. Whenever the user hovers over an entry, a popup window appears (similar to a tooltip). I want this tooltip to stay in view as long as the user does not click outside of it, AND lock out other tooltips from being displayed. My question is this: How do I "lock out" other hover events, either by u...
I have an HTML page that contains a table. The table headers get eventually scrolled off the top of the screen, but I would like the headers to stay visible at the top. I want to use a method like alaskaair.com's "Fares Selected" widget. Their little Fares widget stays visible as you scroll the page: Screenshot of alaskaair.com widget....
Hi, I got the following situation: I got a table structure like this: <tr> <td>text</td> <td>text</td> <td>text</td> <td><a href="#"><img src="#" /></td> <td><span style="display:hidden"><a href="#">e</a> <a href="#">e</a></td> </tr> What I'm doing with the following function is displaying the hidden span on hover of the t...
I just finished Dragon Interactive's brilliant fading rollover tutorial, but the darn thing loads with the hovered state in Explorer...works great in every other browser...no surprises there (doesn't even work in IE6 but I could care less about that). If anyone knows how to tell Explorer how to play nicely with my script, the page is her...
I would like to have a link on my site that when you click it a site segment that hovers above the content appears and displays some information until it is closed in some way, and I would like to be able to insert anything I want to in there- text, images, CSS formatting, etc. What language should I use for this? Do you know any sites...
I am trying to create a rollover effect with jQUery. I have similar things, however because I am trying to do a mouseover with a an object that has a link in it I am having problems. I have a level-2 nav bar. The placeholder's are table cells (bad I know - but it's already done this way). I want to change the background from white (#FFF...
Flash CS4, AS2 I'm making a tour with a map. I'm using this startDrag code to move the map around: menu.onPress = function() { this.startDrag(); }; menu.onRelease = function() { stopDrag(); }; This works perfectly. However, inside the "menu" movieclip I am using a hover tag startDrag code: EllisIsland._visible=false;{} Ell...
I'm using hover() as suggested in the documentation: $("#div").hover( function(){$(this).addClass('cie_hover');}, function(){$(this).removeClass('cie_hover') ;} ); Is there a way I can use more functions on other objects? And if so what would be the syntax to introduce functions in array? What I would like...
On this page in Espn.com, if you go to the upper right corner and hover over "myESPN", an inline popup window (if that is what it can be called) appears (in such a way that it looks connected to the initial button) and allows the user to log in to the site. In the html it looks like there is a hidden div that is made visible and is pus...
i want hover over an image -> which is in an link during i'm over the image should popup (like a tooltip) an div, which i can fill also with some stuff - any idea?! $this is the link which includes an img: i found the image within and wanted to span a div above the image and make some jquery effects which lets the user get the info, th...
http://www.thelisthq.net/datetest.php If you view the page in firefox, chrome, or ie 8 with compatibility mode off the vertical menu works fine. My tactic was to float the whole menu to the right and reverse the bullets (bullets on the right). If you view it in earlier versions of ie it breaks. I can't think of how to fix this, I tried ...
I have a default a:hover style as follows: a:hover { color: black; font-size: 8pt } However when trying to apply a class such as: a.myclass:link { font-size: 14px } a.myclass:hover { color: red } without the font-size, then it changes font-size back to 8pt. Now this seems like how it should work however it doesn't happen in ie7, f...
Hey, I am looking for a specific custom control. I am drawing some rectangles to my picture box, now I would like to display a tooltip when someone moves his mouse to one of the rectangles, so a hover rectangle-hover event. Does this sound doable at all? If yes, is there anyone that has made such a control already? If no, how would I go...
I hope this is an easy one, but I've got a page where there's a table with many rows, and the user can decide to view anywhere from fifty per page to the "entire" list which is about 1500 rows. I've noticed that when viewing more rows per page, the "a:hover" style becomes significantly slower. Its not too bad in Firefox/Chrome/Safari b...
I am using the prepend() function to diplay an image when a div is hoevered over. How do I remove the image - i.e. what is the opposite of prepend() Here is the code: $("#hover-div").hover( function() { $("#image-div").prepend("<img src='images/arrow_redo.png' width='16' height='16' />"); }, function() { $("#image-div")...