We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

Verge3D buttons not working inside “iframe” but do work in localhost and HTML

Home › Forums › General Questions › Verge3D buttons not working inside “iframe” but do work in localhost and HTML

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • 2021-12-02 at 5:50 pm #47503
    ntovarverge
    Participant

    Before exposing the topic, I’d like to mention that this is the closest thread to this topic.
    Closest thread link: https://www.soft8soft.com/topic/verge3d-in-iframe-cant-get-html-ids-triggered/

    ——————————————————————–

    Background:
    1) We made the scene. [Pic1]
    2) We uploaded it to our server. [Pic2]
    3) See the configuration. [Pic3]
    4) Buttons work in the localhost. Sofa color → Green, turns the sofa to green. [Pic4]
    5) Buttons works inside our server if opened through the HTML file. Sofa color → Green, turns the sofa to green. [Pic5]
    6) Buttons do not work if called by an iframe. [Pic6]

    ——————————————————————–

    Issue on iframe:
    Environment does load
    I can interact with the mouse (move around, and such)
    But buttons does not work

    Feel free to visit the pages. Open the developer tools and review whatever you want.

    ——————————————————————–

    What I have tried and haven’t worked:
    ~ Maybe I needed the plugin?
    * Installed the Verge3D plugin. Did not work so now I manually add the iframe. 

    <div><div style="padding-top: 50%;background-color: black;">
<iframe style="position:absolute;top:0;left:0; width:100%; height:100%;" allowfullscreen frameborder="0" src="https://wireframereality.com/Verge3D/studio-apartment/studio_apartment.html"></iframe>
</div></div>

    ~Maybe some directory issue?
    I tried placing base href somewhere in the header:
    <base href="https://wireframereality.com/Verge3D/studio_apartment/">

    ~Maybe some configuration issue?
    * I tried enabling and disabling “as parent doc” in the configuration. I tried both, any worked for iframe, but both work for html only.

    ——————————————————————–

    My temporary workaround:
    Move all butons to parent page. That is the HTML and CSS code associated to buttons, all were removed from the application and moved to the parent page.
    See: wireframereality.com/studio-apartment

    I’m out of ideas. Maybe some javascript event call issue?
    I have no idea :wacko:
    I’m not a developer but I will do my best to understand any suggestion.

    Blessings,

    Nelson.

    Attachments:
    You must be logged in to view attached files.

    An IT Technician, but I do a bit of everything ^_^y

    2021-12-17 at 12:53 am #48070
    ntovarverge
    Participant

    For anyone with this same issue:
    * We made it work by using iframe on iframe.

    Read carefully:
    In the applications folder we have now 2 .HTML files.
    index.html
    furniture.html

    The scenery is in furniture_configurator.html
    All scripts and DIVs, are written in index.html,
    Right after body we introduce the iframe:

    <body>

    <iframe style=”position:absolute;top:0;left:0; width:100%; height:100%;” allowfullscreen frameborder=”0″ src=”./furniture.html”></iframe>
    …
    …
    </body>

    So we have this:

    <parent_page_wordpress.html>
    iframe=index.html
    <index.html>
    iframe src=furniture.html

    An IT Technician, but I do a bit of everything ^_^y

    2021-12-20 at 7:36 am #48169
    Yuri Kovelenov
    Staff

    glad you worked it out! :good:

    Chief 3D Verger | LinkedIn | Twitter

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.