feather box - Open a Webpage in a Pop-up Window

[volvoxturbo]

Hi all,

I was able to work out this tutorial: https://ggnome.com/doc/pano2vr/hotspots ... k-website/ where a website link can be opened in an iframe by a url_hotspot.

But how can I make it work with the text-box project_title which I gave the Action: "Mouse Click | Go to URL | https://example.com" to open in an iframe?

Thanks for your ideas in advance,

Best regards,
Oliver

[Tony]

Hi Oliver,

But how can I make it work with the text-box project_title which I gave the Action: "Mouse Click | Go to URL | https://example.com" to open in an iframe?

Here's an example I came up with: https://p2vr.s3.ap-southeast-2.amazonaw ... index.html

The workflow is as follows:

1. Click on Hotspot to open the Image
2. Click on Image Title to open the iFrame
3. Interact with the iFrame
4. Click on Close Button or BG to go back to Image
5. Click on Image or BG to go back to Hotspot

workflow.jpg (1.07 MiB) Viewed 31985 times

I think this is what you are after and I can provide some more details.

Working inside the Pano2VR skins can be tricky as they use some quite sophisticated methods to create elements that have multiple uses and it can be tricky to understand exactly how the elements interact.

Tony

[volvoxturbo]

Hi Tony,

thanks again for your prompt reply.

I was able by using a hotspot for this.
But I like to open a website in the iframe by clicking the logo "GENERATIONEN" which is in a text box of the project. If I click it now it opens as "_blank" target and I cannot find an option to target it in the iframe :-/


Best regards,
Oliver

[Tony]

Hi,

So all you want to do is click on a text box and open an iframe with a website in it?

Can you supply the https link you are trying to use in the iFrame?

Tony

[volvoxturbo]

the website which should appear in the iframe is https://generationen.org

[Tony]

Hi,

I just wanted to check that the site wasn't blocking iFrames but it's okay.

I've updated the sample tour to include a page header that opens an iFrame with the website in it.

https://p2vr.s3.ap-southeast-2.amazonaw ... index.html

So now there are two ways to accomplish the task.

1. Click on the hotspot, view the image, click on the title view the iFrame. When you exit the iFrame, by clicking on the button or screentint, you back through the procedure > Image > Hotspot
2. Click on the page title to view the iFrame. When you exit the iFrame, by clicking on the button or screentint, you are back to the original screen.

Tony

[volvoxturbo]

Hi Tony,

thank you! The thing with the page header is exactly what I want to do. But where should I start from to make it work?

Best regards,
Oliver

[Tony]

Hi Oliver,

You can download the whole project here https://p2vr.s3.ap-southeast-2.amazonaw ... extbox.zip

Tony

[volvoxturbo]

Hi Tony,

wow thats great, thank you so much for your help!
I will work on it tonight, it is a sunny day today

best regards,
Oliver

[Tony]

Hi Oliver,

Let me know if you have any questions.

Cheers,

Tony

[volvoxturbo]

Hi Tony,

it works pretty well THANK YOU so much!
(no questions for now )

best regards,
Oliver