Hi, I display a text on the center of the screen when clicking on a plugin on ipad and iphone version and it works all right, the problem is that the textfield doesn't seem to be disabled when I ask him to, so when I try to click on a hotspot on the center of the screen the textfield is over so the hotspot can't be clicked (on ipad and iphone version)
here is my code :
Code
<krpano version="1.0.8" >
<view hlookat="0" vlookat="0" maxpixelzoom="1.0" fovmax="90" fov="90" />
<display details="22" />
<!-- chargement -->
<progress showload="bar(topcenter,140px,3px,0px,60px,shaded,0x0f62ad,0xffffff,0xAAAAAA)" showwait="none" />
<plugin name="previewimage" url="%SWFPATH%/skin/icons/logo.png" align="top" y="30" preload="true" />
<events
onloadcomplete="set(plugin[previewimage].visible,false);set(plugin[previewimage].enabled,false);set(autorotate.enabled,false);"
/>
<plugin name="gyro"
url="gyro.js"
keep="true"
enabled="false"
camroll="true"
friction="0.5"
velastic="0.2"
onloaded="delayedcall(4,if(available, gyroscope, nogyroscope));"
/>
<action name="plugins_false">
</action>
<action name="gyroscope">
set(plugin[gyro].enabled,true);
set(plugin[pausegyro}.visible,true);
</action>
<action name="nogyroscope">
set(autorotate.enabled,true);
set(plugin[pauseiphone}.visible,true);
</action>
<plugin name="pauseiphone" keep="true" align="bottomright" x="15" y="15" url="%SWFPATH%/skin/icons/rotate_iphone_off.png" onclick="set(autorotate.enabled,false);set(plugin[pauseiphone].visible,false);set(plugin[rotateiphone].visible,true);show_rotate_on()" visible="false"/>
<plugin name="rotateiphone" keep="true" align="bottomright" x="15" y="15" url="%SWFPATH%/skin/icons/rotate_iphone_on.png" onclick="set(autorotate.enabled,true);set(autorotate.waittime,0);set(plugin[pauseiphone].visible,true);set(plugin[rotateiphone].visible,false);show_rotate_off()" visible="false"/>
<plugin name="pausegyro" keep="true" align="bottomright" x="15" y="15" url="%SWFPATH%/skin/icons/rotate_ipad_off.png" onclick="set(plugin[gyro].enabled,false);set(plugin[pausegyro].visible,false);set(plugin[playgyro].visible,true);show_touch()" visible="false"/>
<plugin name="playgyro" keep="true" align="bottomright" x="15" y="15" url="%SWFPATH%/skin/icons/rotate_ipad_on.png" onclick="set(plugin[gyro].enabled,true);set(plugin[pausegyro].visible,true);set(plugin[playgyro].visible,false);show_gyroscope()" visible="false"/>
<action name="show_rotate_on">
tween(plugin[rotate_on].enabled,true);
tween(plugin[rotate_on].alpha,0.7,0.5);
wait(2);
tween(plugin[rotate_on].alpha,0,0.5);
tween(plugin[rotate_on].enabled,false);
</action>
<action name="show_rotate_off">
tween(plugin[rotate_off].enabled,true);
tween(plugin[rotate_off].alpha,0.7,0.5);
wait(2);
tween(plugin[rotate_off].alpha,0,0.5);
tween(plugin[rotate_off].enabled,false);
</action>
<action name="show_touch">
tween(plugin[touch].enabled,true);
tween(plugin[touch].alpha,0.7,0.5);
wait(2);
tween(plugin[touch].alpha,0,0.5);
tween(plugin[touch].enabled,false);
</action>
<action name="show_gyroscope">
tween(plugin[gyroscope].enabled,true);
tween(plugin[gyroscope].alpha,0.7,0.5);
wait(2);
tween(plugin[gyroscope].alpha,0,0.5);
tween(plugin[gyroscope].enabled,false);
</action>
<plugin name="rotate_on" devices="html5"
url="../plugins/textfield.swf"
backgroundcolor="0xffffff"
align="center"
alpha="0"
html="[p]Auto-Rotation désactivée[/p]"
css="data:cssdata"
shadow="2"
roundedge="10"
autosize="center"
enabled="false"
zorder="1"
/>
<plugin name="rotate_off" devices="html5"
url="../plugins/textfield.swf"
backgroundcolor="0xffffff"
align="center"
alpha="0"
html="[p]Auto-Rotation activée[/p]"
css="data:cssdata"
shadow="2"
roundedge="10"
autosize="center"
enabled="false"
zorder="1"
/>
<plugin name="touch" devices="html5"
url="../plugins/textfield.swf"
backgroundcolor="0xffffff"
align="center"
alpha="0"
html="[p]Gyroscope désactivé[/p]"
css="data:cssdata"
shadow="2"
roundedge="10"
autosize="center"
enabled="false"
zorder="1"
/>
<plugin name="gyroscope" devices="html5"
url="../plugins/textfield.swf"
backgroundcolor="0xffffff"
align="center"
alpha="0"
html="[p]Gyroscope activé[/p]"
css="data:cssdata"
shadow="2"
roundedge="10"
autosize="center"
enabled="false"
zorder="1"
/>
<data name="cssdata">
p{color:#0060b7; font-family:Arial; font-size:30px ;font-weight:bold; padding:0px 15px 0px 15px;text-align:center;}
</data>
</krpano>
Display More
here is an example (try to click on the moovie hotspot in the middle of the screen)
http://360images.fr/sjm/video.html
any idea ?