Change inline element style onclick

Using JavaScript with Hype
17

There are a number of ways that you can go about this. But what everyone is saying is do not put the iframe code inside a widget.

Put the code inside a rect.

( one of the ways)

You can then Give the rect an ID.

Then target the rect by it’s ID and query for its iframe.

Then tell the iframe to change.

One problem you will run into though is that your click will not be on the container rect but on the iframe contents.

a simple counter to this is if you need to click, you can add an element on top of the first rect that takes the click, hide itself, runs the code.

Any future clicks will then be on the iframe content.

element.style.display = "none";

var widget = hypeDocument.getElementById('widget')


 var iframe = widget.querySelector('iframe');  
iframe.style.top = '-597px';

hypeP_vMH1.hype.zip (11.4 KB)

1 Like