hotspot dynamic url onclick attributes

Yomas · November 28, 2011 at 6:16 PM

Hi all ^^
I'm making a tour, and would like to isolate the hotspot openurl links so that the client is able to change it himself,
but I can't get it working, here's what I've done :

Code

<krpano version="1.0.8.14" onstart="startup();">


<action name="startup">
	sethotspotlinks();
</action>


<hotspot name="hotspot1"  onclick="" />


<hotspot name="hotspot2"  onclick="" />
	
<action name="sethotspotlinks">
	set(hotspot1[onclick].openurl('http://www.eboovisite.com', _self);
	set(hotspot2[onclick].openurl('http://www.eboovisite.com/iPhone',_self);
</action>

Display More

As far as know it should be working but it isn't, I must've forget something :'(
I'll take any idea or suggestion on that ^^
Thanks in advance !

sachagriffin · November 28, 2011 at 6:19 PM

completely kludged up the syntax :)

set(hotspot[hotspot1].onclick,'openurl(http://www.eboovisite.com, _self)');

or something close..

Yomas · November 28, 2011 at 6:30 PM

LOL XD
Very tired tonight !!
I am ashamed of myself !
Ok thanks for the fast reply and sorry for this useless message ^^
I think I'll go home now !!
Regards.

Yomas · December 2, 2011 at 1:09 PM

Hi again !
Furthur in this example, I'm trying to copy these hotspots onclick attributes for a onhover image but miss something...
I've searched on the forum and documentation but can solve this :'(
Here's what i'm trying to do :

Code

<krpano version="1.0.8.14" onstart="startup();">


<action name="startup">
	sethotspotlinks();
</action>


<hotspot name="hotspot1"  onover="action(show_hotspot_hover, hotspot1, img/hotspot1_hover.png);  onout="action(hide_hotspot_hover, hotspot1); onclick="" />


<hotspot name="hotspot2"  onover="action(show_hotspot_hover, hotspot2, img/hotspot1_hover.png);  onout="action(hide_hotspot_hover, hotspot2); onclick="" />


	<action name="show_hotspot_hover">
	set(plugin[hotspot_hover].parent, hotspot[%1]);
	set(plugin[hotspot_hover].url, %2);
	set(plugin[hotspot_hover].visible, true);
	tween(plugin[hotspot_hover].alpha, 1.0, 1.0, easeOutCubic);
	</action>


	<action name="hide_hotspot_hover">
	set(plugin[hotspot_hover].visible, false);
	tween(plugin[hotspot_hover].alpha, 0.0, 1.0, easeOutCubic);
	</action>
	
        <action name="sethotspotlinks">
	set(hotspot[hotspot1].onclick,'openurl(http://www.eboovisite.com, _self)');
	set(hotspot[hotspot2].onclick,'openurl(http://www.eboovisite.com, _self)');
         </action>

Display More

That works perfectly but I'm blocked on the fact to copy the hotspot.onclick attribute to the hotspot_hover.onclick...
I tried :

Code

copy(hospot[hotspot1].onclick, plugin[hotspot_hover].onclick());

The syntax makes me crazy with those things, I really need to work on that
Thank you in advance for your help.
Best reagrds.

Zephyr · December 2, 2011 at 1:13 PM

try with out the ()

copy(hospot[hotspot1].onclick, plugin[hotspot_hover].onclick);

the () usually means, execute this code. But in this case you want to reference to the content of the onclick.

and this is pure personal, but I like someaction(parameter1, parameter2) better, then action(someaction, parameter1, parameter2).

Yomas · December 2, 2011 at 1:56 PM

Thanks for the reply Zephyr (This time didn't call you Nupsi ^^ ).
In fact my problem is as you see the hotspot_hover depends on the hotspot onover, so I can't use this syntax, cause if I do all my openurl will send to the same url.
Think i'm obliged in using a if(... and I'm not to that point already :'(

Or can I do something like :

Code

if(hotspot[hotspot_hover].parent, hotspot1,
     set(plugin[hotspot_hover].onclick, get(hotspot[hotspot1].onclick ) );
 );
if...

But that means lots of code for nothing...

Maybe :

Code

set(plugin[hotspot_hover].onclick, get(hotspto[hotspot_hover].parent, onclick ) );

???!!!
Thanks in advance I'm getting sick with those
Regards.

Yomas · December 2, 2011 at 2:22 PM

I made it work with if but I'm not happy cause very much code
Here it is :

Code

<action name="sethotspotlinks">
	set(hotspot[hotspot1].onclick,'openurl(http://www.eboovisite.com, _self)');
	set(hotspot[hotspot2].onclick,'openurl(http://www.eboovisite.com, _self)');
	set(hotspot[hotspot3].onclick,'openurl(http://www.eboovisite.com, _self)');
	set(hotspot[hotspot4].onclick,'openurl(http://www.eboovisite.com, _self)');
	set(hotspot[hotspot5].onclick,'openurl(http://www.eboovisite.com, _self)');
	set(hotspot[hotspot6].onclick,'openurl(http://www.eboovisite.com, _self)');
	set(hotspot[hotspot7].onclick,'openurl(http://www.eboovisite.com, _self)');
	set(hotspot[hotspot8].onclick,'openurl(http://www.eboovisite.com, _self)');
	set(hotspot[hotspot9].onclick,'openurl(http://www.eboovisite.com, _self)');
	if(hotspot[hotspot_hover].parent, hotspot1,
     	set(plugin[hotspot_hover].onclick, 'openurl(http://www.eboovisite.com, _self)');
 	);
	if(hotspot[hotspot_hover].parent, hotspot2,
     	set(plugin[hotspot_hover].onclick, 'openurl(http://www.eboovisite.com, _self)');
 	);
	if(hotspot[hotspot_hover].parent, hotspot3,
     	set(plugin[hotspot_hover].onclick, 'openurl(http://www.eboovisite.com, _self)');
 	);
	if(hotspot[hotspot_hover].parent, hotspot4,
     	set(plugin[hotspot_hover].onclick, 'openurl(http://www.eboovisite.com, _self)');
 	);
	if(hotspot[hotspot_hover].parent, hotspot5,
     	set(plugin[hotspot_hover].onclick, 'openurl(http://www.eboovisite.com, _self)');
 	);
	if(hotspot[hotspot_hover].parent, hotspot6,
     	set(plugin[hotspot_hover].onclick, 'openurl(http://www.eboovisite.com, _self)');
 	);
	if(hotspot[hotspot_hover].parent, hotspot7,
     	set(plugin[hotspot_hover].onclick, 'openurl(http://www.eboovisite.com, _self)');
 	);
	if(hotspot[hotspot_hover].parent, hotspot8,
     	set(plugin[hotspot_hover].onclick, 'openurl(http://www.eboovisite.com, _self)');
 	);
	if(hotspot[hotspot_hover].parent, hotspot9,
     	set(plugin[hotspot_hover].onclick, 'openurl(http://www.eboovisite.com, _self)');
 	);
	</action>

Display More

As my hotspots are unique, can't use a %1 to call it...
If someone has an idea to clean all taht would be great ^^

Thanks again.
Best regards.

Zephyr · December 2, 2011 at 5:17 PM

btw there is a typo, its hotspot, not hospot

copy(hotspot[hotspot1].onclick, plugin[hotspot_hover].onclick);

Im not sure what you are trying to do.

You have a normal hotspot, and a hover hotspot, and both have the same url? But the hover hotspot is shared with all the other hotspots? why not make onover action which copies the onclick to the hoverhotspot?

Code

<hotspot name="hotspot2"  
		onover="action(show_hotspot_hover, img/hotspot1_hover.png);  
		onout="action(hide_hotspot_hover); 
		onclick="" 
	/>


	<action name="show_hotspot_hover">
		set(plugin[hotspot_hover].parent, hotspot[get(name)]);
		set(plugin[hotspot_hover].url, %1);
		set(plugin[hotspot_hover].visible, true);
		copy(plugin[hotspot_hover].onclick, hotspot[get(name)].onclick);
		tween(plugin[hotspot_hover].alpha, 1.0, 1.0, easeOutCubic);
	</action>


	<action name="hide_hotspot_hover">
		set(plugin[hotspot_hover].visible, false);
		tween(plugin[hotspot_hover].alpha, 0.0, 1.0, easeOutCubic);
	</action>
	
	<action name="sethotspotlinks">
		set(hotspot[hotspot1].onclick,'openurl(http://www.eboovisite.com, _self)');
		set(hotspot[hotspot2].onclick,'openurl(http://www.eboovisite.com, _self)');
	 </action>

Display More

here's the cleaned up version. instead of sending hotspot2 as %1, you can use get(name) to get the name of the caller hotspot

Yomas · December 5, 2011 at 3:58 PM

Thanks a lot for that !!!
Ok now I understand, I was thinking that in other post when I was seeing something like hotspot[get(name)]),
I thought that "name" was for the example !!
That's gonna help me so much !!!!
I'm really going to work on that cause very flexible when well controlled, as Mindlessboss templates for examples.
I would like in the future make a virtual tour template all in javascript, in case of making a complete website using Krpano , without using flash at all.
This might be the start of a new era with 3D websites, neither than old 2D ones ^^
Thanks a lot again !
Best regards.

Yomas · December 12, 2011 at 12:44 PM

Hi again again again ^^
Just one more thing
I get the error (ERROR: no parent "hotspot[get(name)]" found) with the get action for the line :

Code

set(plugin[hotspot_hover].parent, hotspot[get(name)]);

I tried to change by doing:

Code

set(plugin[hotspot_hover].parent, get(name) );

But this gives me the error :
ERROR: no parent "hotspot1" found
ERROR: no parent "hotspot2" found
...
But in fact it's the right parent name

Maybe a syntax error ?
It works perfectly for the copy(plugin[hotspot_hover].onclick, hotspot[get(name)].onclick); though ^^

Thanks again again again !!
Regards.

Zephyr · December 12, 2011 at 2:00 PM

this:

Code

set(plugin[hotspot_hover].parent, hotspot[get(name)]);

Will get the hotspot object. Best way is just use the get(name)

the other approach should work... Is hotspot1 and hotspot2 above hotspot_hover in your code? Sometimes putting parents below the child gives errors.

Participate now!