Dynamic variable to function

Using JavaScript with Hype
5

The first thing is do not use a HTML Widget for this.
Otherwise you will have to jump through many more hoops to get it to work. Use a Text Element

See How to target Elements in a HTML Widget for some understanding.

ShowTable1() & 3 .

 <a href="#" onclick="HYPE.documents['index'].functions().ShowTable1()">ShowTable 1</a>

Read : Linking to a specific scene from inside and outside of a Tumult Hype document

ShowTable2() is in the head so you can simply do:

  <a href="#" onclick="ShowTable2();">Show Table 2</a>.

But you also have a lower case ’s’ in you onclick. It should be 'S

As for the button that you want to call ShowTable2(); , you would need to either link the button to a function, which defeats the point of having the ShowTable2() function in the head.

Or

  1. Make your own button with an on click
  2. In the Action inspector, link the button to ‘Go To Url’ action and use the URL :

javascript:ShowTable2()

Another thing to note is you will need to write hypdocument in your functions as HYPE.documents[‘index’] for the links to work or place HYPE.documents[‘index’] in the function call in the links for it to be passed to the function.

i.e

<a href="#" onclick="HYPE.documents['index'].functions().ShowTable3(HYPE.documents['index'])">ShowTable 3</a>

hypeDocument.getElementById('result').innerHTML = "ShowTable3() called <p> ";

or

<a href="#" onclick="HYPE.documents['index'].functions().ShowTable3()">ShowTable 3</a>

HYPE.documents['index'].getElementById('result').innerHTML = "ShowTable3() called <p> ";

All shown in example.

On click options 2.hypetemplate.zip (39.3 KB)

1 Like