Hallo zusammen,
ich habe ein Problem festgestellt mit dem IE11 unter Windows 8.1. mit Touchdisplay und angeschlossener Maus.
Beim OnOver mit der Maus wird vorerst kein Tooltip angezeigt. Erst nachdem man einmal in das Panorama geklickt hat funktioniert zwar das OnOver, aber die Tooltips erscheinen an der angeklickten Position und nicht an der aktuellen Maus Position.
Beim Benutzen des Touchdisplays werden logischerweise keine Tooltips angezeigt. Dieses wollte ich zumindest per Touch auf den entsprechenden Hotspot wie folgt integrieren:
<!-- Hotspots für Mausbedienung -->
<hotspot name="logo1" url="skin/circles.png" style="hotspot|tooltip" tooltip="Tooltip 1" ath="5" atv="5" devices="!touchdevice" />
<hotspot name="logo2" url="skin/circles.png" style="hotspot|tooltip" tooltip="Tooltip 2" ath="35" atv="-1" devices="!touchdevice" />
<!-- Hotspots bei existierender Touchbedienung -->
<hotspot name="logo1t" url="skin/circles.png" style="hotspot|tooltiptouch" tooltip="Tooltip 1" ath="5" atv="5" devices="touchdevice" />
<hotspot name="logo2t" url="skin/circles.png" style="hotspot|tooltiptouch" tooltip="Tooltip 2" ath="35" atv="-1" devices="touchdevice" />
<!-- Tooltip style für Mausbedienung -->
<style name="tooltip"
onover="copy(layer[tooltip].html, tooltip); set(layer[tooltip].visible, true);
tween(layer[tooltip].alpha, 1.0, 0.5); asyncloop(hovering, copy(layer[tooltip].x,mouse.stagex);
copy(layer[tooltip].y,mouse.stagey); );"
onout="tween(layer[tooltip].alpha, 0.0, 0.25, default, set(layer[tooltip].visible,false), copy(layer[tooltip].x,mouse.stagex);
copy(layer[tooltip].y,mouse.stagey); );" />
<!-- Tooltip style für Touchbedienung -->
<style name="tooltiptouch"
onclick="copy(layer[tooltip].html, tooltip); set(layer[tooltip].visible, true);
tween(layer[tooltip].alpha, 1.0, 0.5); copy(layer[tooltip].x, mouse.stagex); copy(layer[tooltip].y, mouse.stagey);" />
<!-- Ausblenden der Tooltips wenn sich der View ändert, damit der Hotspot und der Tooltip nicht auseinander wandern -->
<events onviewchange="tween(layer[tooltip].alpha, 0.0, 0.25, default, set(layer[tooltip].visible, false));" />
<!-- Tooltip layer -->
<layer name="tooltip" keep="true" url="%SWFPATH%/plugins/textfield.swf" parent="STAGE" visible="false" alpha="0" enabled="false"
align="lefttop" edge="bottom" oy="-2" width="200" autoheight="true"
background="false" backgroundcolor="0xFFFFFF" backgroundalpha="1.0"
border="false" bordercolor="0x000000" borderalpha="1.0" borderwidth="1.0" roundedge="0"
shadow="0.0" shadowrange="4.0" shadowangle="45" shadowcolor="0x000000" shadowalpha="1.0"
textshadow="1" textshadowrange="10.0" textshadowangle="90" textshadowcolor="0x000000" textshadowalpha="1.0"
css="text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:20px;"
html="" />
Display More
Bei reiner Touchbedienung funktioniert das auch soweit, wenn man aber mit der Maus auf einen der Tooltips klickt wird mir nichts angezeigt, bzw. ein durch Touch angezeigter Tooltip verschwindet.
Mache ich einen Fehler oder hat einer eine Idee, wie ich die Probleme lösen, bzw. umgehen kann?
LG, Benni