Verge3D in iframe can't get html ids triggered.

This topic has 15 replies, 3 voices, and was last updated 4 years, 5 months ago by Yuri Kovelenov.

Viewing 15 posts - 1 through 15 (of 16 total)

1 2 →

Author

Posts
2019-10-29 at 1:44 pm #20772

NaxosCG
Customer

Verge3D in iframe can’t get html ids triggered.

Instead of creating a html website like in the tutorial, i’m trying to put a Verge3D iframe scene in an existing html website, as a test.

I could get the button’s IDs, so i’ve used the typical “on event of click…”
see joined puzzle picture.

I’ve then saved, published and put the iframe code inside the existing website : i can see the scene, i can click on inside objects to change color of another, but all the clicks on html buttons (see other pictures) does not trigger anything.

Any idea ?

[Edit] : of course i’ve tried both “in parent doc” on & off.

"1+1=3... for large values of 1"

2019-10-29 at 1:53 pm #20777

Mikhail Luzyanin
Staff

Try to set “In parent doc’ in When clicked puzzle.

Co-founder and lead graphics specialist at Soft8Soft.

2019-10-29 at 4:19 pm #20780

NaxosCG
Customer

Mikhail Luzyanin wrote:

Try to set “In parent doc’ in When clicked puzzle.

I did on bottom tests, to be sure…

"1+1=3... for large values of 1"

2019-10-29 at 4:21 pm #20781

NaxosCG
Customer

Here is the settings :

The html file (and pictures js etc) are locally on my computer.
The main html contains the verge3D iframe
The verge3d stuff is published on soft8soft network (i guess).

"1+1=3... for large values of 1"

2019-10-30 at 6:32 am #20789

Yuri Kovelenov
Staff

Hi,

NaxosCG wrote:

The verge3d stuff is published on soft8soft network (i guess).

I think this is a security issue – JavaScript (on which the Puzzles are based on) is not allowed to access a web page which is hosted on a different domain. Try to host both html documents on the same server.

Chief 3D Verger | LinkedIn | Twitter

2019-10-30 at 1:48 pm #20855

NaxosCG
Customer

Yuri Kovelenov wrote:

Hi,

I think this is a security issue – JavaScript (on which the Puzzles are based on) is not allowed to access a web page which is hosted on a different domain. Try to host both html documents on the same server.

Ok i understand.
So what if i need to get the Verge3D files outside the Soft8soft network, say on the custumer’s network ?
Is this something allowed when purchased ?
I’m still in tests before buying, sorry for that.

regards.

"1+1=3... for large values of 1"

2019-10-30 at 2:39 pm #20860

Yuri Kovelenov
Staff

Sure, you can host your app on the customer’s server. The only requirement (imposed by browsers security policy) is that you must host all the parts of your app on the same server, otherwise JavaScript won’t work between the pages.

Chief 3D Verger | LinkedIn | Twitter

2019-10-30 at 2:51 pm #20861

NaxosCG
Customer

Yuri Kovelenov wrote:

Sure, you can host your app on the customer’s server. The only requirement (imposed by browsers security policy) is that you must host all the parts of your app on the same server, otherwise JavaScript won’t work between the pages.

Ok, clear.
So i guess i’ll find easily the way to get files to send to the customer’s sever.
Sorry for asking, as i’m not really a network guy.
for now i click on “publish”, i’ll have another button to click to generate files to upload ?

Regards.

"1+1=3... for large values of 1"

2019-10-30 at 3:03 pm #20862

Yuri Kovelenov
Staff

NaxosCG wrote:

for now i click on “publish”, i’ll have another button to click to generate files to upload ?

In order to upload your app to a third-party server, copy the entire folder with your app to a remote location.

If a website is running on WordPress, you can use the Verge3D plugin for easy uploads.
https://www.soft8soft.com/docs/manual/en/introduction/Wordpress-Plugin.html

Chief 3D Verger | LinkedIn | Twitter

2019-10-30 at 4:07 pm #20864

NaxosCG
Customer

Many thanks, Yuri !

"1+1=3... for large values of 1"

2019-10-30 at 5:22 pm #20866

NaxosCG
Customer

I’ve put all my code into the Verge3D project, then published, now it works.

So i’ve tested locally, with all files in the same folder : does not work.

Is that because it HAS to be online ? Is there anyway to make my tests locally ?

Regards

"1+1=3... for large values of 1"

2019-10-31 at 6:35 am #20877

Yuri Kovelenov
Staff

NaxosCG wrote:

then published, now it works.

Great!

NaxosCG wrote:

So i’ve tested locally, with all files in the same folder : does not work.

It should be open from a web server, either remote or local. See here why:
https://www.soft8soft.com/docs/manual/en/introduction/FAQ.html#app_browser_security

Chief 3D Verger | LinkedIn | Twitter

2019-10-31 at 9:02 am #20894

NaxosCG
Customer

Hello Yuri, let me bother a bit more today

So, once published, it works :
https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:056ac22648/applications/Stella/petitFichier%20-%20responsive.html
It is test, only some buttons are connected, but you can change the color of one cube with first “caisse” buttons.

But when i copy all files on a friend’s server for test, buttons are not working :
https://chromelight.airvb.fr/test3D/petitFichier%20-%20responsive.html

When i click on the “run application” pointing on the same html file within the App manager (that comes with local web server if i understand well), buttons are not working at all.

What don’t i get ? or what do i do wrong ?
Is that a limitation with free trial Verge3D ?

Sorry for my low level in website stuff, but i’d like to test locally instead of publishing each time : takes long.

"1+1=3... for large values of 1"

2019-10-31 at 9:56 am #20896

Yuri Kovelenov
Staff

NaxosCG wrote:

But when i copy all files on a friend’s server for test, buttons are not working :

you also need to change the path in the src attribute of your iframe (make it relative, not absolute). It still points to Verge3D Network.

BTW today we released version 2.16 – you might want to update. :)

Attachments:
You must be logged in to view attached files.
Chief 3D Verger | LinkedIn | Twitter

2019-10-31 at 10:21 am #20902

NaxosCG
Customer

Yuri Kovelenov wrote:

you also need to change the path in the src attribute of your iframe (make it relative, not absolute). It still points to Verge3D Network.

BTW today we released version 2.16 – you might want to update.

Oh i see, logical, thank you.
And i’ll go to new release asap.

Again thank you.

"1+1=3... for large values of 1"
Author

Posts