Customizable iframe page with placeholders? Is it possible?

Q&A about the latest versions
Post Reply
domel
Posts: 14
Joined: Fri May 25, 2018 6:24 pm

Hi Guys,
hope it will make sense...
What i'm trying to do is to have an iframe with different html pages for each of the info hotspots,
so i figured out that having the following code

Code: Select all

<iframe src="$hd" width="99%" height="99%" frameborder= "0"  scrolling="auto"></iframe>
with the xxx.html file name put into the description of the hotspot should do the trick.

But it doesnt... here's what i'm getting: http://redpaw.ie/360/test/
It's weird because it looks like after clicking on 'info hotspot' if you look really closely you can see the pages are actually loading for 1/100 of the sec but after flashing they quickly disappear.

When i put the full code with the html file in the hotspot description

Code: Select all

<iframe src="xxx.html" width="99%" height="99%" frameborder= "0"  scrolling="auto"></iframe>
and then just use $hd on it's own in the text box in the skin, the exact same thing happens.

*Putting the full code with the html name in the text box in the skin works fine (but then obviously i cannot have different links for different hotspots).

I've attached the project and the skin if that might help.

AM i doing something wrong, or is there an easier way to achieve that?
Attachments
new test.zip
(58.46 KiB) Downloaded 155 times
User avatar
Hopki
Gnome
Posts: 13026
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Which version are you using?
Remember V6 uses new place holder format.
So $(hd)

Try this in the iframe code but if that is not working then put the full iframe in the description text field.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
domel
Posts: 14
Joined: Fri May 25, 2018 6:24 pm

Hi Hopki,
I'm still using 5.2.4 (downloaded v6 but didnt get a chance to play with it yet).

Unfortunately I tried that too already (putting the full iframe code into description) - but the result was exactly the same.
It does look like the page is loading (because you can see it blink for very very very short time before going white).

I thought it might be something wrong with the skin visibility actions... but then again, it should work the same (i.e. not work) when i have the full iframe code in the description text in skin.. but that's not it - as it's working fine in that case.

I'm clueless...
MSchneiter
Posts: 38
Joined: Thu May 10, 2018 5:06 pm

Hi Domel,

I think you will find a solution to your external html file loading in the following post - viewtopic.php?f=6&t=12858#p53677

The trick is to use a global variable to store the hotspot placeholder info, then use the variable instead of the HS placeholder in your iframe string.
User avatar
Tony
Posts: 1342
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Domel,

In your post you say,
Putting the full code with the html name in the text box in the skin works fine (but then obviously i cannot have different links for different hotspots).
I'd just to clarify what you mean by "different links for different hotspots". Can you confirm if my assumption is correct?

1. In your example project, in Properties, you have created two point hotspots, Point01 and Point02. Both point hotspots use the same Skin ID 'ht_info'

2. In the skin you only have one 'ht_info' template so when the project is output you have two buttons named Jade and Grace

3. You want to be able to click on Jade and show one piece of content and click on Grace and show another

4. Both sets of content are based on html pages

Is that right?

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
Tony
Posts: 1342
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi,

If you follow MSchneiter's link above I think that will give you the answer you are looking for. I'm also writing up a step-by-step tutorial, for my Pano2VR tutorial section, https://tonyredhead.com/pano2vr on a couple of different ways to approach the Hotspot Template.

I'll post when it's ready

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
domel
Posts: 14
Joined: Fri May 25, 2018 6:24 pm

Thanks Tony, it was actually your Brown Bruff tour that i was wow'ed by, to get me look into how the popups were done... then reading that it was html pages ;)

Yes, you're correct, same skin, but different pages loading when clicking on different points.

Thanks for the links, i'll have a look at it now!
User avatar
Tony
Posts: 1342
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi,

Glad you liked the Brown Bluff project. Here's the demonstration project that I'm using for the tutorial https://rebrand.ly/Hotspot-Tutorial This is using a single Point Hotspot.

It's based on the great solution that mbb memberlist.php?mode=viewprofile&u=5409 came up with.

I'm about halfway through the tutorial so hopefully I can finish it in the next day or two. The tutorial has two options that will allow alternative sized text boxes and iFrames to be used.

cheers,

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
domel
Posts: 14
Joined: Fri May 25, 2018 6:24 pm

Thanks guys!
With your help and some extra help from Bradford on pano2vr facebook group i eventually managed to do it!

thanks again!
User avatar
Tony
Posts: 1342
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi,

I've finished and posted the tutorial at https://tonyredhead.com/pano2vr/hotspot ... nd-iframes

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
Post Reply