Hovering over

I cannot change the Tabbed panels behaviour.The internal link
that should be open when clicking on the link instead opens when
the pointer hovers over the panel which causes a lot of disruption
when looking at the site. I understand this is built in behaviours
( why I dont know) but even if I go in to the panel /tag behaviour
and change behaviour to "open browser window on click" and save it
same thing happens when trying the link in the browser - it opens
when hovering over the panel. Why is this?
endofillusion.com

Look through the actual page layout for this page. Try to find if any HTML sectional items have a name attribute using that.

Similar Messages

Help, please - I need a box to pop-up when user hovers over a field with their mouse??

I created a form with several drop-down fields / questions. I would like to create a box that pops up when the person who is filling out the form hovers over the question/ field with his or her mouse. The box would contain additional information about the question that the person might consider before they select the answer. I don't want to clutter the form (and not all form-filler-outers will want or need to see the additional information) so I want it to pop up when the person hovers over the question with their mouse.
Can someone provide some help with how I can do this?
I'm still new to this.
Thank you!!!

Hi,
To follow on from radzmar, here is a summary of the features that are available/restricted depending on how you deploy your form.
There are two ways to apply Reader rights, one is using Acrobat Standard (v9) or Acrobat Professional (v8). The other is using an Adobe server product called LiveCycle Reader Extensions ES2.
You don't need script to apply the Reader rights to your form. Once you have applied the rights, users with Reader will be able to save the data in the form, however there may still be other restrictions in place, like attaching documents to the form or exporting XML data.
There summary is also available in PDF, with screen shots, here: http://assurehsc.ie/blog/index.php/2010/05/using-livecycle-forms-in-acrobat-and-reader/
Hope that helps,
Niall

How to measure the time the cursor hovered over an hot spot

Hi all,
I have a task in which participants have to make a decision with two options. Therefore, I have created two hotspots, one for each option. What I want to measure is the time that the mousecursor 'hovers' over each option before a choice has been made (one of the two hotspots clicked). So for instance: if a user first hovers 2,5 seconds above option 1, then goes to option 2, hovers there for .45 seconds, then goes to option 1 again, hovering for .5 seconds before clicking, I want to save those two values (2.5 + .5 = 3.0 s for option 1 and .45 s for option 2) when either hotspot is clicked. I was thinking of using a conditional in my interaction icon using something similar to ObjecOver (which gives which display icon the cursor is currently over), but then have something like HotspotOver (which does not exist). Does anyone know how I can accomplish measuring these hovertimes?
Regards,
Frank

The solution I came up with has five hotspots. First off a calculation icon: OptionTimes := [0,0]
Then the interaction with the hotspots: single click option 1, cursor in area option 1, single click option 2, cursor in area option 2, finally a hotspot surrounding all others
In the cursor in area type hotspot for option 1 I have the calculation:
Option := 1
OptionStartTime := SystemSeconds
Hopefully you can see where this is going. There's a similar calc for option 2 in the cursor in area option 2. It just sets the Option number to 2. In the last hotspot that surrounds the others I have this:
OptionTimes[Option] := OptionTimes[Option] + SystemSeconds - OptionStartTime
When the user hovers over an option and then leaves, the hotspot surrounding the others catches them and records the time they spent. You also need that same calc in the response path for the two options to catch the time taken looking at the option just before clicking in their choice.
Mike

How do I stop text from changing colour when hovering over it?

Hello, I have downloaded a template for Dream Weaver CS6 (Which is the version i am usig). When you hover over one of the boxes the top text changes colour to black instead of staying white... does any one know how i can make it so the text stays the same colour. I will post a print screen of it.
Before clicking:
View image: 1
When hovering over it:
http://postimg.org/image/wdsii9mab/
I will post the code of the index page aswell: <!DOCTYPE html> <html lang="en"> <head> <title>Home</title> <meta ch - Pastebin.com
Any help is appreciated. Thanks.

Your unwanted pink hover color comes from style.css line 181 here
.btn_{
    background: none repeat scroll 0 0 #cf3046;    border: medium none;
    border-radius: 3px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    margin-top: 20px;
    padding: 7px 13px 8px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;

Multiple Tooltips are not showing up when hovering over overlapping chart items

Hi!
I ran into a problem which I am unable to fix. Either I am missing something very obvious or this is a bug. I set up a LineChart with two series. One series has multiple overlapping data points, and both series overlap in one point.
Data tips are only getting displayed where the data points of the two different series overlap. Hovering over the overlapping points of a single series does not lead to multiple data tips being displayed. According to Flex SDK docs this should be possible.
Here's a simple example which shows the problem:
<?xml version = "1.0"?>
<s:Application xmlns:fx = "http://ns.adobe.com/mxml/2009"
                  xmlns:mx = "library://ns.adobe.com/flex/mx"
                  xmlns:s = "library://ns.adobe.com/flex/spark"
                  xmlns:local = "*">
     <fx:Script>
          <![CDATA[
               import mx.charts.HitData;
               import mx.collections.ArrayCollection;
               import mx.graphics.SolidColorStroke;
               [Bindable]
               private var values:ArrayCollection = new ArrayCollection([{date: new Date(2010, 10, 15), value:120},
                    {date: new Date(2010, 11, 15), value: 60},
                    {date: new Date(2011, 0, 15), value: 40},
                    {date: new Date(2011, 0, 30), value: 7},
                    {date: new Date(2011, 1, 15), value: 30},
                    {date: new Date(2011, 1, 18), value: 61},
                    {date: new Date(2011, 1, 23), value: 80}]);
               [Bindable]
               private var values2:ArrayCollection = new ArrayCollection([{date: new Date(2010, 10, 15), value:120},
                    {date: new Date(2010, 11, 15), value: 200},
                    {date: new Date(2011, 0, 15), value: 29},
                    {date: new Date(2011, 0, 15, 13, 59, 99), value: 29},
                    {date: new Date(2011, 0, 15, 13, 58, 99), value: 29},
                    {date: new Date(2011, 0, 15, 13, 57, 99), value: 29.5},
                    {date: new Date(2011, 0, 15), value: 29.5},
                    {date: new Date(2011, 0, 15), value: 30},
                    {date: new Date(2011, 0, 15), value: 30.5},
                    {date: new Date(2011, 0, 15), value: 30.5},
                    {date: new Date(2011, 0, 15), value: 30.5},
                    {date: new Date(2011, 0, 15), value: 30},
                    {date: new Date(2011, 0, 15), value: 30},
                    {date: new Date(2011, 0, 15), value: 30},
                    {date: new Date(2011, 0, 15), value: 31},
                    {date: new Date(2011, 0, 15), value: 31},
                    {date: new Date(2011, 0, 30), value: 70},
                    {date: new Date(2011, 1, 15), value: 2},
                    {date: new Date(2011, 1, 18), value: 180},
                    {date: new Date(2011, 1, 23), value: 80}]);
               [Bindable]
               private var minDate:Date = new Date(2010, 10, 1);
               [Bindable]
               private var maxDate:Date = new Date();
               private function getDataTip(hitData:HitData):String
                    return "<b>Tip:</b><br> Date: " + hitData.item.date + '<br>Value: ' + hitData.item.value;
          ]]>
     </fx:Script>
     <s:layout>
          <s:VerticalLayout/>
     </s:layout>
     <s:width>100%</s:width>
     <s:height>100%</s:height>
     <s:Panel title = "Chart Test">
          <s:width>100%</s:width>
          <s:height>100%</s:height>
          <s:layout>
               <s:VerticalLayout/>
          </s:layout>
          <mx:PlotChart id = "chart">
               <mx:width>100%</mx:width>
               <mx:height>100%</mx:height>
               
               
               <mx:selectionMode>multiple</mx:selectionMode>
               <mx:dataTipMode>multiple</mx:dataTipMode>
               <mx:showDataTips>true</mx:showDataTips>
               <mx:dataTipFunction>getDataTip</mx:dataTipFunction>
               <mx:horizontalAxis>
                    <mx:DateTimeAxis minimum = "{minDate}"
                                         maximum = "{maxDate}"/>
               </mx:horizontalAxis>
               <mx:series>
                    <mx:LineSeries dataProvider = "{values}"
                                                  displayName = "Series 1"
                                                  yField = "value"
                                                  xField = "date"
                                                  interpolateValues = "true"
                                                  lineStroke = "{new SolidColorStroke(0x00FF00, 3, 0.5)}"
                                                  stroke = "{new SolidColorStroke(0x00FF00, 3, 0.5)}"
                                                  itemRenderer = "mx.charts.renderers.CircleItemRenderer"/>
                    <mx:LineSeries dataProvider = "{values2}"
                                                  displayName = "Series 2"
                                                  yField = "value"
                                                  xField = "date"
                                                  interpolateValues = "true"
                                                  lineStroke = "{new SolidColorStroke(0xFF0000, 3, 0.5)}"
                                                  stroke = "{new SolidColorStroke(0xFF0000, 3, 0.5)}"
                                                  itemRenderer = "mx.charts.renderers.CircleItemRenderer"/>
               </mx:series>
          </mx:PlotChart>
     </s:Panel>
</s:Application>
Any help is appreciated!
Thanks!

Hi!
I ran into a problem which I am unable to fix. Either I am missing something very obvious or this is a bug. I set up a LineChart with two series. One series has multiple overlapping data points, and both series overlap in one point.
Data tips are only getting displayed where the data points of the two different series overlap. Hovering over the overlapping points of a single series does not lead to multiple data tips being displayed. According to Flex SDK docs this should be possible.
Here's a simple example which shows the problem:
<?xml version = "1.0"?>
<s:Application xmlns:fx = "http://ns.adobe.com/mxml/2009"
                  xmlns:mx = "library://ns.adobe.com/flex/mx"
                  xmlns:s = "library://ns.adobe.com/flex/spark"
                  xmlns:local = "*">
     <fx:Script>
          <![CDATA[
               import mx.charts.HitData;
               import mx.collections.ArrayCollection;
               import mx.graphics.SolidColorStroke;
               [Bindable]
               private var values:ArrayCollection = new ArrayCollection([{date: new Date(2010, 10, 15), value:120},
                    {date: new Date(2010, 11, 15), value: 60},
                    {date: new Date(2011, 0, 15), value: 40},
                    {date: new Date(2011, 0, 30), value: 7},
                    {date: new Date(2011, 1, 15), value: 30},
                    {date: new Date(2011, 1, 18), value: 61},
                    {date: new Date(2011, 1, 23), value: 80}]);
               [Bindable]
               private var values2:ArrayCollection = new ArrayCollection([{date: new Date(2010, 10, 15), value:120},
                    {date: new Date(2010, 11, 15), value: 200},
                    {date: new Date(2011, 0, 15), value: 29},
                    {date: new Date(2011, 0, 15, 13, 59, 99), value: 29},
                    {date: new Date(2011, 0, 15, 13, 58, 99), value: 29},
                    {date: new Date(2011, 0, 15, 13, 57, 99), value: 29.5},
                    {date: new Date(2011, 0, 15), value: 29.5},
                    {date: new Date(2011, 0, 15), value: 30},
                    {date: new Date(2011, 0, 15), value: 30.5},
                    {date: new Date(2011, 0, 15), value: 30.5},
                    {date: new Date(2011, 0, 15), value: 30.5},
                    {date: new Date(2011, 0, 15), value: 30},
                    {date: new Date(2011, 0, 15), value: 30},
                    {date: new Date(2011, 0, 15), value: 30},
                    {date: new Date(2011, 0, 15), value: 31},
                    {date: new Date(2011, 0, 15), value: 31},
                    {date: new Date(2011, 0, 30), value: 70},
                    {date: new Date(2011, 1, 15), value: 2},
                    {date: new Date(2011, 1, 18), value: 180},
                    {date: new Date(2011, 1, 23), value: 80}]);
               [Bindable]
               private var minDate:Date = new Date(2010, 10, 1);
               [Bindable]
               private var maxDate:Date = new Date();
               private function getDataTip(hitData:HitData):String
                    return "<b>Tip:</b><br> Date: " + hitData.item.date + '<br>Value: ' + hitData.item.value;
          ]]>
     </fx:Script>
     <s:layout>
          <s:VerticalLayout/>
     </s:layout>
     <s:width>100%</s:width>
     <s:height>100%</s:height>
     <s:Panel title = "Chart Test">
          <s:width>100%</s:width>
          <s:height>100%</s:height>
          <s:layout>
               <s:VerticalLayout/>
          </s:layout>
          <mx:PlotChart id = "chart">
               <mx:width>100%</mx:width>
               <mx:height>100%</mx:height>
               
               
               <mx:selectionMode>multiple</mx:selectionMode>
               <mx:dataTipMode>multiple</mx:dataTipMode>
               <mx:showDataTips>true</mx:showDataTips>
               <mx:dataTipFunction>getDataTip</mx:dataTipFunction>
               <mx:horizontalAxis>
                    <mx:DateTimeAxis minimum = "{minDate}"
                                         maximum = "{maxDate}"/>
               </mx:horizontalAxis>
               <mx:series>
                    <mx:LineSeries dataProvider = "{values}"
                                                  displayName = "Series 1"
                                                  yField = "value"
                                                  xField = "date"
                                                  interpolateValues = "true"
                                                  lineStroke = "{new SolidColorStroke(0x00FF00, 3, 0.5)}"
                                                  stroke = "{new SolidColorStroke(0x00FF00, 3, 0.5)}"
                                                  itemRenderer = "mx.charts.renderers.CircleItemRenderer"/>
                    <mx:LineSeries dataProvider = "{values2}"
                                                  displayName = "Series 2"
                                                  yField = "value"
                                                  xField = "date"
                                                  interpolateValues = "true"
                                                  lineStroke = "{new SolidColorStroke(0xFF0000, 3, 0.5)}"
                                                  stroke = "{new SolidColorStroke(0xFF0000, 3, 0.5)}"
                                                  itemRenderer = "mx.charts.renderers.CircleItemRenderer"/>
               </mx:series>
          </mx:PlotChart>
     </s:Panel>
</s:Application>
Any help is appreciated!
Thanks!

I use QVC online a lot. When hovering over a catagory headings at the top of the page, a drop down menu shows a list of subcategories. Is this feature available in Firefox 4 & 5? If so, how do I turn it on?

I use QVC online a lot. When hovering over a category heading in IE9 a drop down menu appears with detailed subheadings for that category. Is this feature available in Firefox versions 4 and 5? Is this something that can be turned on in Firefox 4 & 5? If so, how do I turn this feature on?

Hey Dave,
How did you get on with this?
Have you tried CSS position:fixed? I have been playign around with it on my own project (and in fact are just about to post a related question) and can confirm that it works with a plain old DIV.
SVG I can't be sure though..
Certainly give it a try.
Cheers

Does PSE13 download photos in the order they are taken on that date and show actual time when hovering over the photo as it did in PSE6?

In my work, I need to be able to look at photos I took throughout the day at various locations and group them by the time I was there on that date to distinguish the different properties I am taking photos of. In my previous version of PSE6, when the day's pictures were downloaded, they were downloaded to the computer in the order I took them, and if you hovered over the picture it would show the time the photo was taken. I just need a program that will organize in that fashion. I do not need a lot of editing options, more the organizational options.

Hi,
If you are happy with PSE 6, why not continue to use it?
PSE 13 can display the images in date/time order like PSE 6 does. The time doesn't appear when you hover over a thumbnail but can be displayed below the thumbnail. The best thing is for you to download the trial version (select version 13 from the following link) and try it for 30 days to see if you like it.
Download Photoshop Elements products | 13, 12, 11, 10
If you use the trial, to see the date and time under each thumbnail you need to go to the View menu in the organizer and ensure that Details is checked.
Brian

HTML hovering over thumbnail to bring up larger image on top of it. How?

I am new to site and first question. So hope not too silly. I wish to have lots of small thumbnails on page and when mouse hovers over each individual thumbnail it will enlarge into a larger image - on top of the thumbnail mouse is over. Thanks to Nancy O answering Bravats question on this, I found the following HTML from Nancy, however..... am darned if I am able to have the image hover exactly over the thumbnail. Not to left, not to right, etc etc, but over top of thumbnail. Can someone please tell me what to put in where to make this happen? Thank you.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Disjointed Image Rollovers</title>
<style type="text/css">
/**BEGIN DISJOINTED IMAGE ROLLOVERS**/
#rollover a {
border:none;
text-decoration:none;
padding: 0 0.5em 0 0.5em; /**space between small icons**/
/**remove this rule if all full size images are to share the same display area. **/
#rollover a span {
visibility:hidden;
background-color: #FFF;
display:block;
position: absolute;
/**adjust location of full size images**/
left: 50%;
top: 50%;
/**optional full size image captions**/
font-size: 12px;
line-height: 1.2;
color:#666;
text-align: center;
/**optional full size image borders, padding**/
border: 5px solid orange;
padding: 5px;
#rollover a:hover span, #rollover a:active span, #rollover a:focus span {visibility:visible;}
#rollover a:hover, #rollover a:focus
{visibility:visible;}
/**END DISJOINTED ROLLOVERS**/
</style>
</head>
<body>

<div id="rollover">
<p>
<a href="#"><img src="SmallIcons/image.png" alt="some description" /><span><img src="FullSize/image.jpg" alt=" " /><br />optional caption #1</span></a>
<a href="#"><img src="SmallIcons/image.png" alt="some description" /><span><img src="FullSize/image.jpg" alt=" " /><br />optional caption #2</span></a>
<a href="#"><img src="SmallIcons/image.png" alt="some description" /><span><img src="FullSize/image.jpg" alt=" " /><br />optional caption #3</span></a>
</p>
</div>

</body>
</html>

Here is my Demo. http://alt-web.com/DEMOS/CSS-Disjointed-Image-Rollover.shtml
First, #rollover a needs to have position:relative.
Second, you will need to tweak left & top values to suit your needs.
#rollover a span {
visibility:hidden;
background-color: #FFF;
display:block;
position: absolute;
/**adjust positioning of full size images in px or %**/
left: 0px;
top: -140px;
For better answers, we need a link to your page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How do I identify which control is being hovered over?

Hello all,
I have a simple feature of my code I am working on. I want to have a detailed help box ( a little more detailed than the tooltip popup option) with instructions I want to print on my screen.
The idea is that when I have an active control, the instructions will print in a small text box to give people guidance on my program.
This works for half of what I want to do.
But in the case of a custom toolbar, I do not have that ability since I cannot click inside of it like a textbox.
I am using the tooltip, but I would like to be able to print a better, more detailed message in my help box.
Ideally what I would like to know if there is a function to be able to get which control is being highlighted or hovered over by panel and control id.
It's no big deal if there isn't one, but now I am curious.
Veni Vidi Duci

Hi,
if EVENT_GOT_FOCUS is not suitable for you another possibility could be to use a timer callback, and for every timer tick call GetRelativeMouseState (panel, 0, &x_coordinate, &y_coordinate, NULL, NULL, NULL); this will return the current position of the mouse cursor on the panel. To make use of it, at the beginning of your program you need to obtain the positions of your UI controls, e.g. using GetCtrlBoundingRect ( panel, control, &button.top, &button.left, &button.height, &button.width ). Then you need to check if the mouse is within a bounding box by comparing the mouse coordinate with the control coordinate...
But why are the tooltips not working for you?

Hovering over things doesn't work

So I have had my MacBook Pro for a solid 1 1/2 years, and I am very satisfied with apple. However, recently my macbook started doing this thing, where when I hovered over something (say, my dock), it wouldn't think im hovering over it until I clicked it. So basically, when I go over my dock and put my mouse over system prefereces, it doesn't display the little bubble that says "system preferences". This is extremely annoying when playing games or watching videos, nothing works fine. Tried restarting, still didn't work.

I am having this issue as well. I am also running OS/X Lion and when the issue crops up, it is not limited to Firefox, it extends across all browsers... I have tested on Opera, Firefox, Safari, and Chrome... it happens in all of them. I believe this to be a Lion specific issue, not just Firefox.

PLEASE HELP I am using an alienware m11x and the only problem i have is when i go to the bar on firefox 4 like the file,edit,etcc what every my mouse hovers over turns black and stays black :/

When my mouse hovers over the bar on firefox 4 it turns black so if i hover all of them all of them turn black and stay black and i cant see anything. Also I am using an alienware m11x with a dual core duo 2 Su700 (@1.3) (@1.3) with a 1g nvadia graphics card 335m geforce.

Make sure that you allow pages to choose their colors and that you haven't enabled High Contrast in the Accessibility settings.
*Firefox > Preferences > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
See also:
*http://kb.mozillazine.org/Images_or_animations_do_not_load
*https://support.mozilla.org/kb/Images+or+animations+do+not+show

Why is there no time indicator where my mouse hovers over the clip or even in the video pane when I play a clip?

I've used a few other video editors and all of them showed some sort of time indicator of where my mouse was when I hovered over the clip for precise editing and/or at least a time of where the video was in it's play time. Idk the exact terms for these indicators but I want to know why there's not one in iMovie and if there is, how to enable it.

You do get a display of the start time of each clip in iMovie 10 if you are not using a wrapped timeline but it is poor compared to previous versions and of course FCP.
Geoff.

How do I get file paths when hovering over a file name in Mountain Lion?

In Snow Leopard I used to be able to hover over any file name and immediately get a file path in a small yellow window. What has happened to this feature in Mountain Lion?

arthur, thanks for the path bar tip. That is what I needed. Solved the problem.
I don't know what has happened to the yellow window that would appear if you hovered over any file showing the path of the file. It was simple to see the path with this window that appeared and disappeared if you moved the cursor.

How do I change cursor to hand pointer when hovering over image?

Title says it all.
I'm trying to get the hand cursor when user hovers over an image that's a link.
Thanks!

hi.......
if u want to change the cursor on Image than two property u have to change <......buttonMode="true" useHandCursor="true".....> OR if u want to change the cursor on label than u have to change <......buttonMode="true" useHandCursor="true" mouseChildren="false".....>
OR u can set the mouseOVER event and handler in that u can change the cursor of that ..
U have two options if u want to keep seprate code then 2nd one is good for u......I hope it will help u ......

BB10 browser - Hovering over Menu bar does not unfold items (Playbook can do this, but not Z30)

Using the browser to access https://www.voip.ms/m/index.php
On a Playbook, the menu items on the top bar unfold and allow user to select sub-menus.
On a Z30, nothing happens when hovering over the menu items.
The BB10 touch browser seems to miss a pointer feature : browser doesn't recognize the hover option in the voip.ms menu.

BB10 devices do not recognize the "hover" feature as you've described it, this is true. I don't have a PlayBook and cannot comment on any features available to it. However, you should be able to click for options where available. I know PC browsers have this feature but despite the BB10 browser being one of the most advanced mobile browsers, it does not incorporate this feature. All I can say is, if you can't do it on a BB10 browser, chances are you cannot do it on ANY other mobile browser.
Cheers.
- If my response has helped you, please click "Options" beside my post and mark it as solved. Clicking the "thumbs up" icon near the bottom of my response would also be appreciated.

Hyperlink color doesn't change when hovering over link

I create hyperlink, color I select for hovering over link works fine. But sometimes when I publish to my website the link color does not change, but the link works ok. I go back to my mac and check, sure enough the color changes just fine. I wipe out the link and reinsert new one. Works fine on the mac, but when I publish, color does not change when hovering. Help.

Welcome to the discussions. This is a long shot, but try clearing your browser's cache and reloading the page — then see if the color changes when hovering. ( In Safari, click on the Safari menu and choose +Empty Cache...+ )

Hovering over

Similar Messages

Maybe you are looking for