Polygon hotspots, floaing tooltips, and touch devices
Posted: Tue Sep 09, 2014 12:52 pm
I'm using a lot of polygon hotspots to show text or images in a tooltip. All works perfectly well as if there is a mouse pointer, it doesn't work at all on touch devices (tested: iPad and iPhone).
What I have done:
- Disabled the system hot spot text box, to have full control over the tooltip area
- Added a textbox "floating-tooltip", according to the documentation: Two modifiers to follow mouse movement, three actions (mouse enter: display $self + set text to $hs, mouse leave: hide $self), and I've set the hotspot proxy ID to *.
On any device with a mouse, it works perfectly well. On a touch device, it doesn't do anything at all.
The "mouse enter" and "mouse leave" are processed nicely - I've created a test rectangle, where I use "mouse enter" and "mouse leave" to show my "floating-tooltip" element, and it works nicely. The problem seems to be the with polygon hotspot area.
To show what's going on, I've put a test panorama on the web - this is a temporary link: http://haraldjoergens.com/panoramas/mini
There are polygon tooltips at the windscreen, doors, steering wheel, glove compartment, and headrests of the car. There's also a blue box. The floating tooltip is set to an Alpha of .5, and the text "Initial floating tooltip text".
"Mouse Enter" and in the blue box set the tooltip Alpha to 1, and set the tooltip text, "Mouse Leave" sets the Alpha back to .5, so the tooltip is always visible.
If I understand the documentation correctly, setting the Hotspot Proxy ID of the tooltip to * should start the tooltips actions.
It does so with a mouse cursor present, but seems to fail on a touch device.
If you have an idea - I would really appreciate a hint how to solve the problem.
Thanks!
Harald
What I have done:
- Disabled the system hot spot text box, to have full control over the tooltip area
- Added a textbox "floating-tooltip", according to the documentation: Two modifiers to follow mouse movement, three actions (mouse enter: display $self + set text to $hs, mouse leave: hide $self), and I've set the hotspot proxy ID to *.
On any device with a mouse, it works perfectly well. On a touch device, it doesn't do anything at all.
The "mouse enter" and "mouse leave" are processed nicely - I've created a test rectangle, where I use "mouse enter" and "mouse leave" to show my "floating-tooltip" element, and it works nicely. The problem seems to be the with polygon hotspot area.
To show what's going on, I've put a test panorama on the web - this is a temporary link: http://haraldjoergens.com/panoramas/mini
There are polygon tooltips at the windscreen, doors, steering wheel, glove compartment, and headrests of the car. There's also a blue box. The floating tooltip is set to an Alpha of .5, and the text "Initial floating tooltip text".
"Mouse Enter" and in the blue box set the tooltip Alpha to 1, and set the tooltip text, "Mouse Leave" sets the Alpha back to .5, so the tooltip is always visible.
If I understand the documentation correctly, setting the Hotspot Proxy ID of the tooltip to * should start the tooltips actions.
It does so with a mouse cursor present, but seems to fail on a touch device.
If you have an idea - I would really appreciate a hint how to solve the problem.
Thanks!
Harald