Type the answer and go to the next scene

Hello !
I’m trying to use hype for digital comics and stories, and I wanted that the reader should answer a riddle to continue the story.

I’m not a programmer so I find bits of code and paste them as I can.

I found this :

    <script language="JavaScript">
function passe() {
var mot=document.form1.passew.value
if (mot=="toto") { window.location="toto.htm"; }
if(mot=="toto2"){window.location="toto2.htm"; }
else {alert("Mauvais mot de passe");
<form name="form1">
	<input type="text" id="passew" name="passew" style="font-size: 30px; border-style: none; background-color: lightyellow; color: black; padding: 5px;" size="9" fontsize:30px="">&nbsp;&nbsp;
	<input type="button" value="Entrer" onclick="passe()">

I first putted it in a widget, but it did not work, then I have put it in a rectangle and it did !

But when I have tried to replace

hypeDocument.showNextScene(hypeDocument.kSceneTransitionCrossfade, 1.1);

I didn’ work again…

I have also tried puting the javascript function in the functions of skype and calling it from a button (that would be my best choice) but again, it didn’t work…

I guess I should change

var mot=document.form1.passew.value

by getelementbyid but I wasn’t able to porperly do it…

Can someone help me ?

(also I’m french, please pardon my not so great english)

you can use this, i.e.:

 var check = hypeDocument.getElementById("input1").value;
 var hinweis = hypeDocument.getSymbolInstanceById('hinweis');

if (check == "SOLUTION"){

hinweis.startTimelineNamed('timelineName', hypeDocument.kDirectionForward);

hypeDocument.showSceneNamed(sceneName, optionalTransition, optionalDuration);

} else {

hinweis.startTimelineNamed('timelineName', hypeDocument.kDirectionForward);

hypeDocument.showSceneNamed(sceneName, optionalTransition, optionalDuration);



There is a simpler way to do it in Hype.

Do as you have done and put the form in a Rectangle element’s innerHTML . But do not put the submit input in.
Instead add a normal Hype button and set it’s click Action to run this Hype Function code.

var mot= hypeDocument.getElementById('passew').value

     switch (mot) {
      case 'toto':
      hypeDocument.showSceneNamed('s1', hypeDocument.kSceneTransitionCrossfade, 1.1) 
      case 'toto2':
      hypeDocument.showSceneNamed('s2', hypeDocument.kSceneTransitionCrossfade, 1.1)
        alert("Mauvais mot de passe")


Form_Value_Switch.hype.zip (22.9 KB)


Thank you very much !!!

I tested Markhunte suggestion and it works well :slight_smile:

1 Like