tooltip I want to know how to always make it visible.

onair0410 · May 21, 2024 at 7:58 AM

Hello?
I'm using tooltips in the file I'm working on and I have a question.
Currently, tooltip appears with the mouse, but how do I make sure that tooltip always appears regardless of the mouse?

Code

<action name="adjust_tooltip_text_color">
    set(layer[skin_tooltip].css, "font-size:16px; color:#FFFFFF; padding:5px 10px;"); 
</action>

<action name="showtooltip">
    if(layer[skin_tooltip].html != "",
        set(layer[skin_tooltip].visible, true);
        tween(layer[skin_tooltip].alpha, 1.0, 0.1);
        tween(layer[skin_tooltip].bgcolor, 0x000000, 0); 
        tween(layer[skin_tooltip].bgalpha, 0.5, 0); 
        tween(layer[skin_tooltip].roundedge, 5, 0);
		callwith(layer[skin_tooltip], adjust_tooltip_padding); 
        callwith(layer[skin_tooltip], adjust_tooltip_text_color); 
    ,
        set(layer[skin_tooltip].visible, false);
    );
</action>

<action name="hidetooltip">
    tween(layer[skin_tooltip].alpha, 0.0, 0.1, default, set(layer[skin_tooltip].visible, false));
</action>

<action name="adjust_tooltip_width">
    set(layer[skin_tooltip].width, calc(strwidth(layer[skin_tooltip].html) + 20)); 
</action>

<!-- chevrons style. can be customized if required -->
<style name="chevron"
	fillcolor="get:garrows_settings.chevrons_color"
	fillalpha="get:garrows_settings.chevrons_alpha"
	bordercolor="get:garrows_settings.chevrons_bordercolor"
	borderalpha="get:garrows_settings.chevrons_borderalpha"
	borderwidth="get:garrows_settings.chevrons_borderwidth"
	borderhittest="true"
	onover="
		removefloatingarrow();
		tween(fillcolor,get(garrows_settings.chevrons_coloronhover),0.5);
		tween(bordercolor,get(garrows_settings.chevrons_bordercoloronhover),0.5);
		"
	onout="
		if(garrows_settings.show_floatingarrow, showfloatingarrow(););
		tween(fillcolor,get(garrows_settings.chevrons_color),0.5);
		tween(bordercolor,get(garrows_settings.chevrons_bordercolor),0.5);
		tween(layer[skin_tooltip].alpha, 0.0, 0.1, default, set(layer[skin_tooltip].visible,false), copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey); );
		"
	onover.mouse="copy(layer[skin_tooltip].html, tooltip);
						set(layer[skin_tooltip].visible, calc(webvr.isenabled ? false : true));
						tween(layer[skin_tooltip].alpha, 1.0, 0.1);
						tween(layer[skin_tooltip].bgcolor, 0x000000, 0); 
						tween(layer[skin_tooltip].bgalpha, 0.5, 0); 
						tween(layer[skin_tooltip].roundedge, 5, 0);
						callwith(layer[skin_tooltip], adjust_tooltip_width); 
        				callwith(layer[skin_tooltip], adjust_tooltip_height);  
						asyncloop(hovering, copy(layer[skin_tooltip].x,mouse.stagex); calc(layer[skin_tooltip].y, mouse.stagey - 30); );
						showtooltip(); 
				 "
	onout.mouse="tween(layer[skin_tooltip].alpha, 0.0, 0.1, default, set(layer[skin_tooltip].visible,false), copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey); );"	
	capture="get:garrows_settings.chevrons_capture"
	zorder="get:garrows_settings.chevrons_zorder"
	keep="false">
	capture="get:garrows_settings.chevrons_capture"
	zorder="get:garrows_settings.chevrons_zorder"
	keep="false"
	>
</style>

Display More

lastromantik · May 21, 2024 at 8:04 AM

To do this, add an additional hotspot/layer to all hotspots with a hint text that will always be visible

onair0410 · May 21, 2024 at 5:04 PM

Quote from lastromantik

To do this, add an additional hotspot/layer to all hotspots with a hint text that will always be visible

scenes.xml

Code

	<scene name="scene_01-001" title="Parking" onstart="" thumburl="panos/01-001.tiles/thumb.jpg" lat="37.71914565" lng="126.76323910" alt="0.00" heading="0.0">
		<control bouncinglimits="calc:image.cube ? true : false" />
		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
		<preview url="panos/01-001.tiles/preview.jpg" />
		<image>
			<cube url="panos/01-001.tiles/pano_%s.jpg" />
		</image>
		<hotspot name="spot_01-001_01-002" tooltip="Move" style="skin_hotspotstyle" ath="-1155.093" atv="28.925" linkedscene="scene_01-002" linkedscene_hoffset="1437.615" use3dtransition="true" />
		<hotspot name="spot_01-001_01-004" tooltip="Park" style="skin_hotspotstyle" ath="-710.177" atv="24.845" linkedscene="scene_01-004" linkedscene_hoffset="993.091" use3dtransition="true" />
		<hotspot name="spot_01-001_01-059" tooltip="Muli_Coat" style="skin_hotspotstyle" ath="-890.493" atv="21.354" linkedscene="scene_01-059" linkedscene_hoffset="1088.067" use3dtransition="true" />
		<layer name="tooltip_layer" url="%SWFPATH%/plugins/tooltip.swf" alturl="%SWFPATH%/plugins/tooltip.js" keep="true" align="center" edge="center" x="0" y="0" width="auto" height="auto" alpha="1.0" visible="true" html="Muli_Coat" css="font-size:16px; color:#FFFFFF; padding:5px 10px;" bgalpha="0.5" bgcolor="0x000000" roundedge="5">
			<events onloadcomplete="showtooltip();" />
		</layer>
	</scene>

Display More

GAroows_settings.xml

Code

<action name="adjust_tooltip_text_color">
    set(layer[skin_tooltip].css, "font-size:16px; color:#FFFFFF; padding:5px 10px;"); 
</action>

<action name="showtooltip">
    if(layer[skin_tooltip].html != "",
        set(layer[skin_tooltip].visible, true);
        tween(layer[skin_tooltip].alpha, 1.0, 0.1);
        tween(layer[skin_tooltip].bgcolor, 0x000000, 0); 
        tween(layer[skin_tooltip].bgalpha, 0.5, 0); 
        tween(layer[skin_tooltip].roundedge, 5, 0);
		callwith(layer[skin_tooltip], adjust_tooltip_padding); 
        callwith(layer[skin_tooltip], adjust_tooltip_text_color); 
    ,
        set(layer[skin_tooltip].visible, false);
    );
</action>

<action name="hidetooltip">
    tween(layer[skin_tooltip].alpha, 0.0, 0.1, default, set(layer[skin_tooltip].visible, false));
</action>

<action name="adjust_tooltip_width">
    set(layer[skin_tooltip].width, calc(strwidth(layer[skin_tooltip].html) + 20)); 
</action>

<!-- chevrons style. can be customized if required -->
<style name="chevron"
	fillcolor="get:garrows_settings.chevrons_color"
	fillalpha="get:garrows_settings.chevrons_alpha"
	bordercolor="get:garrows_settings.chevrons_bordercolor"
	borderalpha="get:garrows_settings.chevrons_borderalpha"
	borderwidth="get:garrows_settings.chevrons_borderwidth"
	borderhittest="true"
	onover="
		removefloatingarrow();
		tween(fillcolor,get(garrows_settings.chevrons_coloronhover),0.5);
		tween(bordercolor,get(garrows_settings.chevrons_bordercoloronhover),0.5);
		"
	onout="
		if(garrows_settings.show_floatingarrow, showfloatingarrow(););
		tween(fillcolor,get(garrows_settings.chevrons_color),0.5);
		tween(bordercolor,get(garrows_settings.chevrons_bordercolor),0.5);
		"
	onover.mouse="copy(layer[skin_tooltip].html, tooltip);
						set(layer[skin_tooltip].visible, true);
						tween(layer[skin_tooltip].alpha, 1.0, 0.1);
						tween(layer[skin_tooltip].bgcolor, 0x000000, 0); 
						tween(layer[skin_tooltip].bgalpha, 0.5, 0); 
						tween(layer[skin_tooltip].roundedge, 5, 0);
						callwith(layer[skin_tooltip], adjust_tooltip_width); 
        				callwith(layer[skin_tooltip], adjust_tooltip_height);  
						"
	onout.mouse="copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey);"
	capture="get:garrows_settings.chevrons_capture"
	zorder="get:garrows_settings.chevrons_zorder"
	keep="false">
	<events onloadcomplete="showtooltip();" />
</style>

Display More

I tried it with a layer, but I don't know.
I'm not a developer, so it's very difficult.
You gave me a hint that it was a layer, so I searched it and tried it, but it's a mess.
The code I made is a mess, but could you please take a look and review it?

The tooltip doesn't follow the garrows hotspot, it's fixed on the screen. And it only appears when the tooltip over-mouse. I want to make sure the tooltip is always visible when the VR is loaded.

Please understand that I am not good at English.
I used a translator.

test

lastromantik · May 21, 2024 at 6:39 PM

I'll see what I can do for you later.

onair0410 · May 21, 2024 at 6:50 PM

Quote from lastromantik

I'll see what I can do for you later.

Thank you so much. I'll be waiting for an answer to this issue. I hope you have a good night.

tooltip I want to know how to always make it visible.

Participate now!

Tags