General UX/UI HTML Puzzle Advice

Tagged: Html, puzzles

This topic has 2 replies, 2 voices, and was last updated 3 years ago by pilothelm.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
2021-04-10 at 4:39 pm #40096

pilothelm
Participant

Hi there! My skills are in 3D modelling but I need some simple guidance on best way to achieve my UI/UX layout goals please.

My objective is to display a ‘situation control room’ scene effect where my model & button controls will always be present in the iframe/index.html. My issue is that the buttons must also control the display/refresh of additional iframes 2,3 & 4 content on the same screen alongside the master iframe 1 view (as shown in graphic attached).

Is there a simple layout example I can follow to replicate as close as possible to my ideal control layout? I’m capable of creating the iframe layout but not so much the use of Puzzles. Note: the iframes 2,3 & 4 will be calling external html files which is why I require separtation. Advice greatly appreciated.

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

2021-04-12 at 1:44 pm #40112

Ivan Lyubovnikov
Staff

Hi,

There’s no particular example of something like you described, but it’s not very difficult to implement. If you already have the buttons and the iframes on the page, then you can use the “onclick” and “set prop” puzzles as follows:

– basically here you listen to the “click” event and when it happens you set the “src” attribute of your iframe to some page address, which will reload the iframe content.

Attachments:
You must be logged in to view attached files.
Co-founder and lead developer at Soft8Soft.

2021-04-12 at 7:34 pm #40117

pilothelm
Participant

Thank you Ivan. Worked perfectly and great to see that these puzzles can be so simple to follow. This should set me up nicely for further dev.
Author

Posts