Hyperlinks to external websites

Andrew Milne · July 19, 2013 at 12:51 PM

How do I add an external hyperlink to a hotspot?

I've figured out how to open the Editor plugin and created a 'hotspot' in my panorama but don't know the code to add to the XML file to make it an active link. I want it to link to an external URL.

Is this possible, and if so, how?

Many thanks

A

Alexey Tkachenko · July 19, 2013 at 4:18 PM

Hi, I think, openurl(); action should do it.

Read documentation on it here:

http://www.krpano.com/docu/actions/#openurl

Umalo · July 19, 2013 at 4:45 PM

Code

<hotspot name="your_hotspot_name".
.
. 
onclick="openurl(http://www.google.com/,_blank)"
</hotspot>

If you want to open in in new window. For other details follow the documentation link already provided to you by Alexey.

Alexey Tkachenko · July 19, 2013 at 9:09 PM

Umalo, I'm afraid url needs those tricky single quotation marks before and after the url, if I remember it correctly from the documentation examples...

Smth like this:

Code

openurl('http://yourwebsite.html');

I'm still quite often puzzled where to put this quotations and where not to...

For example, in the txtadd(); function:

Code

txtadd(new_variable, 'get(old_variable)','_addition');

or will it work this way:

Code

txtadd(new_variable, get(old_variable),'_addition');

or both are quite right?

Umalo · July 19, 2013 at 9:21 PM

No you don't need quotes on openurl. I have never ever used it there.

For other questions: I don't use them when I have numerics which are added to some text
Shoot and try

Alexey Tkachenko · July 19, 2013 at 9:26 PM

Okay, that's clear now Thanks a lot!

Umalo · July 19, 2013 at 9:47 PM

But now when I think twice, there must be a reason why it is stated in documentation the openurl with single quote.
I don't think I have project where I put them up to now. Tested on many devices and works fine.

P.S. I'm sure Klaus will give his statement here. I just hope I will not need to update all projects after that ;(

Andrew Milne · July 22, 2013 at 1:28 PM

Hi

I've tried with and without single quotes (see below) but neither work. Am I missing something really obvious? I've tried with and without Editor open on the pano. Any ideas?

and

Thanks

A

Alexey Tkachenko · July 22, 2013 at 1:34 PM

I don't see semicolon (;) in your code after the final bracket:

It should be:

Code

<hotspot name="hs1" onclick="openurl('http://www.google.com/,_blank');">

Andrew Milne · July 22, 2013 at 2:42 PM

Hi Alexey

Thanks for that but still no success! When I open the pano in Internet Explorer all looks OK. The hotspot appears as I hover mouse over hotspot (cursor changes to hand) but nothing happens when I click. Flash security settings are OK so that shouldn't block. Here is the code as it appears now:

Is it in the right place, between <hotspot> and <hotspot/> markers?

Thanks

A

Alexey Tkachenko · July 22, 2013 at 3:19 PM

Hi, in your code the single quotation mark stands after the " _blank" parameter, it must be located before it

Just tested the following code and it works fine:

Code

<hotspot name="hs_test"  onclick="openurl('http://www.google.com/',_blank);"> 
		<point ath="0.1" atv="2.0" />
		<point ath="0.1" atv="2.0" />
		<point ath="1.2" atv="1.1" />
		<point ath="3.9" atv="1.2" />
		<point ath="6.9" atv="2.5" />
		<point ath="7.1" atv="6.3" />
		<point ath="3.3" atv="7.8" />
		<point ath="-3.0" atv="7.4" />
		<point ath="-4.6" atv="2.3" />
		<point ath="1.2" atv="1.1" />
	</hotspot>

Display More

Andrew Milne · July 22, 2013 at 4:07 PM

Hi Alexey

Yay! It works when I publish to view on internet but not when I preview locally - that's not a problem.

I'm so grateful for your help - it is much appreciated.

Thanks

A

tigme · July 25, 2013 at 7:51 PM

Hi everyone...
I too have an issue. Here is my code generate by a php script:

spot1 works perfectly because it is linked to an internal scene
spot2 for now just points to google but would in actual fact point to another related link on my website.

Online Example:
http://home.govisit.co.za/viewer/?s=10 look towards the rocks away from the house. the arrow on top of the rock is suppose to load an different virtual tour on the rocks.

It simply does not work I'm using krpano 1.6.3. Any ideas would be appreciated. I have tested it on my local webserver and online webserver and both have the same issue.

Code

<krpano version="1.16" title="Title" onstart="startup();">
	<include url="skin/vtourskin.xml" />
	<skin_settings bingmaps="true"
	               bingmaps_key=""
	               bingmaps_zoombuttons="true"
	               gyro="true"
	               thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
	               thumbs_opened="true"
	               thumbs_text="true"
	               thumbs_dragging="true"
	               thumbs_onhoverscrolling="false"
	               thumbs_scrollbuttons="false"
	               thumbs_scrollindicator="false"
	               tooltips_thumbs="true"
	               tooltips_hotspots="true"
	               tooltips_mapspots="true"
	               controlbar_offset="20"
	               />


	<!-- set optional skin logo url -->
	<layer name="skin_logo" url="" scale="0.25" opened_onclick="openurl('...',_blank);" />




    
        
        <scene name="scene_0010" title="10:Front of house - Beach Road" onstart="" thumburl="../scene/0010/thumb.jpg" lat="-34.3438620" lng="19.0339970" heading="0">
    
            <view hlookat="0" hlookatmin="0" hlookatmax="360" vlookat="0" vlookatmin="-90" vlookatmax="90" fovtype="MFOV" fov="120" maxpixelzoom="1.25" fovmin="70" fovmax="140" limitview="AUTO" />
    
            <preview url="../scene/0010/preview.jpg" />
    
            <image type="CUBE" multires="1" tilesize="512" progressive="">
            
                <level tiledimagewidth="3820" tiledimageheight="3820">
                    <cube url="../scene/0010/l4_%s_%v_%h.jpg" />
                </level>
                <level tiledimagewidth="1910" tiledimageheight="1910">
                    <cube url="../scene/0010/l3_%s_%v_%h.jpg" />
                </level>
                <level tiledimagewidth="955" tiledimageheight="955">
                    <cube url="../scene/0010/l2_%s_%v_%h.jpg" />
                </level>
                <level tiledimagewidth="512" tiledimageheight="512">
                    <cube url="../scene/0010/l1_%s_%v_%h.jpg" />
                </level>


                <mobile>
                    <cube url="../scene/0010/mobile_%s.jpg" />
                </mobile>
            </image>
			<hotspot name="spot1" style="skin_hotspotstyle" ath="166.638" atv="1.166" onclick="'openurl('http://www.google.com/',_blank);" />
			<hotspot name="spot2" style="skin_hotspotstyle" ath="9.730" atv="-1.187" linkedscene="scene_0002" />
        </scene>
<action name="startup">
		if(startscene === null, copy(startscene,scene[0].name));
		loadscene(get(startscene), null, MERGE);
	</action>




</krpano>

Display More

Alexey Tkachenko · July 25, 2013 at 8:30 PM

No, you add the onclick quite right, but you have style="skin_hotspotstyle" defined also which also has onclick parameters, and any style ALWAYS overrides the same parameters indicated inside a hotspot. So to add onclick event to this very hotspot either delete "style="skin_hotspotstyle" and transfer all parameters from it into the hotspot. Or copy the style code, paste it, rename it as "skin_hotspotstyle_2" and change the onclick parameter to what you need. And in this case don't forget to state "style="skin_hotspotstyle_2". The "skin_hotspotstyle" can be found inside the standard "vtourskin" xml generated by the droplets.

Hope this helps

tigme · July 25, 2013 at 9:01 PM

Quote from Alexey Tkachenko

No, you add the onclick quite right, but you have style="skin_hotspotstyle" defined also which also has onclick parameters, and any style ALWAYS overrides the same parameters indicated inside a hotspot. So to add onclick event to this very hotspot either delete "style="skin_hotspotstyle" and transfer all parameters from it into the hotspot. Or copy the style code, paste it, rename it as "skin_hotspotstyle_2" and change the onclick parameter to what you need. And in this case don't forget to state "style="skin_hotspotstyle_2". The "skin_hotspotstyle" can be found inside the standard "vtourskin" xml generated by the droplets.
Hope this helps

Hi Alexey

Thanks, I'll give it a try tomorrow. Been at it all day long between various PHP files never thought of opening the skin.xml file to hunt for the problem. Big Thanks!

tigme · July 25, 2013 at 9:20 PM

Quote from tigme

Hi Alexey
Thanks, I'll give it a try tomorrow. Been at it all day long between various PHP files never thought of opening the skin.xml file to hunt for the problem. Big Thanks!

OK OK I could not wait till tomorrow. Added a simple hotspot just for testing and now it is working perfectly. Completely MySQL driven virtual tour system in the making.

Thanks Alexey. You made my day

F2V · August 15, 2013 at 8:36 AM

Having similar problem. Hotspot works locally but when uploaded to FTP site the hotspot does not show and the tour freezes up. It is so frustrating when you get everything working locally then transfer to online and it all craps out. Any help is appreciated. Thanks,

<hotspot name="spot1" style="skin_hotspotstyle" ath="102.288" atv="-6.519" linkedscene="scene_c_(09)" />

Participate now!