examples/end-active-node.html

<!DOCTYPE html>
<html>

<head>

  <script src="../jspsych.js"></script>
  <script src="../plugins/jspsych-html-keyboard-response.js"></script>
  <script src="../plugins/jspsych-image-keyboard-response.js"></script>
  <link rel="stylesheet" href="../css/jspsych.css"></link>
  <style>
    img {
      width: 300px;
    }
  </style>
</head>
<body></body>
<script>
  var images = ["img/1.gif", "img/2.gif", "img/3.gif", "img/4.gif", "img/5.gif", "img/6.gif", "img/7.gif", "img/8.gif", "img/9.gif", "img/10.gif"];

  var trials = [];
  for (var i = 0; i < images.length; i++) {
    trials.push({
      stimulus: images[i]
    });
  }

  var block = {
    type: 'image-keyboard-response',
    choices: [89, 78], // Y or N
    prompt: '<p>Press Y to Continue. Press N to end this node of the experiment.</p>',
    on_finish: function(data) {
      if (data.key_press == 78) {
        jsPsych.endCurrentTimeline();
      }
    },
    timeline: trials
  }

  var after_block = {
    type: 'html-keyboard-response',
    stimulus: '<p>The next node</p>',
  }

  jsPsych.init({
    timeline: [block, after_block],
    on_finish: function() {
      jsPsych.data.displayData();
    }
  });
</script>

</html>