Sie sind nicht angemeldet.

Totally confused with the textfield plugin

spyboy

Anfänger

  • »spyboy« ist der Autor dieses Themas

Beiträge: 36

  • Nachricht senden

1

Donnerstag, 8. Oktober 2009, 01:06

Totally confused with the textfield plugin

I've been searching the forums for a few hours trying to find examples specific to my issues, but no luck.

I have a pano with 5 hot spots over products

I want to have the textfield plugin display a single box with product description centered at the bottom of the screen

it only appears when a user mouses over the hot spot (but then it remains up until a user closes the box)

if they mouse over a 2nd hot spot, all of the text changes in the product description box

is this possible? Any examples?

Thanks

Kirk

michel

Profi

Beiträge: 1 153

Wohnort: ANDORRA

Beruf: TV

  • Nachricht senden

2

Donnerstag, 8. Oktober 2009, 03:16

Hi spyboy,

Here an example:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107

<krpano version="1.0.8" onstart="" >
	
	<preview type="grid(cube,32,32,256,0x000000,0x778899,0x000000);" details="8" />
		
	<hotspot name="hotspot_1"
	     	keep="false"
	     	visible="true" enabled="true" handcursor="true" capture="true" children="true"
	     	fillcolor 	="0xffff00" fillalpha 	="0.30" borderwidth 	="3.0" bordercolor 	="0xffff00" borderalpha 	="0.80"
	     	fillcolorhover="0xffffff" fillalphahover="0.10" borderwidthhover="0.0" bordercolorhover="0xffffff" borderalphahover="0.00"
	     	fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
	     	onhover="showtext(hotspot_1);"
	     	onover="set(plugin[htmltext].html,data:html_hotspot_1); set(plugin[htmltext].backgroundcolor,0xFFFFFF); action(showwindow,htmltext);"
		>
		<point ath=" -10" atv="-10" />
		<point ath=" -10" atv="10" />
		<point ath=" 10" atv="10" />
		<point ath=" 10" atv="-10" />
	</hotspot>
	
	<hotspot name="hotspot_2"
	     	keep="false"
	     	visible="true" enabled="true" handcursor="true" capture="true" children="true"
	     	fillcolor 	="0xffff00" fillalpha 	="0.30" borderwidth 	="3.0" bordercolor 	="0xffff00" borderalpha 	="0.80"
	     	fillcolorhover="0xffffff" fillalphahover="0.10" borderwidthhover="0.0" bordercolorhover="0xffffff" borderalphahover="0.00"
	     	fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
	     	onhover="showtext(hotspot_2);"
	     	onover="set(plugin[htmltext].html,data:html_hotspot_2); set(plugin[htmltext].backgroundcolor,0xFFAAAA); action(showwindow,htmltext);"
		>
		<point ath=" -50" atv="-10" />
		<point ath=" -50" atv="10" />
		<point ath=" -30" atv="10" />
		<point ath=" -30" atv="-10" />
	</hotspot>
	
	<hotspot name="hotspot_3"
	     	keep="false"
	     	visible="true" enabled="true" handcursor="true" capture="true" children="true"
	     	fillcolor 	="0xffff00" fillalpha 	="0.30" borderwidth 	="3.0" bordercolor 	="0xffff00" borderalpha 	="0.80"
	     	fillcolorhover="0xffffff" fillalphahover="0.10" borderwidthhover="0.0" bordercolorhover="0xffffff" borderalphahover="0.00"
	     	fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
	     	onhover="showtext(hotspot_3);"
	     	onover="set(plugin[htmltext].html,data:html_hotspot_3); set(plugin[htmltext].backgroundcolor,0xAAAAFF); action(showwindow,htmltext);"
		>
		<point ath=" 50" atv="-10" />
		<point ath=" 50" atv="10" />
		<point ath=" 30" atv="10" />
		<point ath=" 30" atv="-10" />
	</hotspot>
			
	<plugin name="htmltext" url="%SWFPATH%/plugins/textfield.swf" 
	    	align="bottom" width="400" height="300" x="" y="" visible="false"
	    	html=""
	    	css="data:css1"
	    	roundedge="0"
	    	borderwidth="1"
	    	bordercolor="0xFFFFFF"
	    	backgroundcolor="0xFFFFFF"
	    	selectable="false"
	    	shadow="5"
	    	autosize="center"
	    	onclick="action(hidewindow,htmltext);"
	    	/>	
			
	<data name="html_hotspot_1">
		<p align="center">
			<br/>This is the text to be displayed when <b>hotspot_1</b> is clicked<br/>
			The text comes from [data name="html_hotspot_1"]<br/><br/>
			<a href="event:action(hidewindow,htmltext);">close window</a><br/>
		</p>
	</data>	   	
	
	<data name="html_hotspot_2">
		<p align="center">
			<br/>This is the text to be displayed when <b>hotspot_2</b> is clicked<br/>
			The text comes from [data name="html_hotspot_2"]<br/><br/>
			<a href="event:action(hidewindow,htmltext);">close window</a><br/>>
		</p>
	</data>	   
	
	<data name="html_hotspot_3">
		<p align="center">
			<br/>This is the text to be displayed when <b>hotspot_3</b> is clicked<br/>
			The text comes from [data name="html_hotspot_3"]<br/><br/>
			<a href="event:action(hidewindow,htmltext);">close window</a><br/>
		</p>
	</data>	   
		
	<data name="css1">
		a   	{ text-decoration:underline;  color:#110088;  font-weight:bold; }
		a:hover { color:#885500; }
	</data>
   
	<action name="showwindow">
		set(plugin[%1].enabled,true);
		tween(plugin[%1].alpha,1);
		tween(plugin[%1].blur,0);
		tween(plugin[%1].textblur,0,,,set(plugin[%1].visible,true));
	</action>
	
	<action name="hidewindow">
		set(plugin[%1].enabled,false);
		tween(plugin[%1].alpha,0);
		tween(plugin[%1].blur,20);
		tween(plugin[%1].textblur,20,,,set(plugin[%1].visible,false));
	</action>
	
</krpano>


There is 3 hotspot , 1 textfield plugin and 3 data with the html to be displayed for each hotspot. When onover an hotspot, an action is called to set the html value for the textfield plugin...

Quellcode

 
1

onover="set(plugin[htmltext].html,data:html_hotspot_3);


Hope this is what you was looking for.

Salut.

Edited: added an <action name="showwindow"> on the code...

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »michel« (8. Oktober 2009, 03:46)

spyboy

Anfänger

  • »spyboy« ist der Autor dieses Themas

Beiträge: 36

  • Nachricht senden

3

Donnerstag, 8. Oktober 2009, 03:50

Excellent! Thank you very much!

Kirk

Ähnliche Themen