Difference between revisions of "Next button count down"

From Catglobe Wiki
Jump to: navigation, search
(New page: == Challenge == You want to control when the next button should be available for the respondent . == Example == Image:NextButtonAvailable_Before.JPG‎ <br> [[Image:NextButtonAvaila...)
(No difference)

Revision as of 12:30, 2 March 2009

Challenge

You want to control when the next button should be available for the respondent .

Example

NextButtonAvailable Before.JPG
NextButtonAvailable After.JPG

Code

This script only works in combination with the question property count down. The number you define in count down, is the number of seconds the next button will be unavaliable for the respondent.
CountDownNextButton.JPG
<source lang="javascript" line="1"> function setVisibility(visible) {

  if (!document.getElementsByName('next') || document.getElementsByName('next').length == 0)
     // next button not available
     return;
  if (visible)
     document.getElementsByName('next')[0].style.display = ;
  else
     document.getElementsByName('next')[0].style.display = 'none';

} question.prototype.onInit = function() {

  // set invisible onload
  setVisibility(false);

} question.prototype.onCountdown = function() {

  //this.next();
  if (this.countdown != null && this.countdown > 0)
  {
     this.countdown--;
     this.countDownObj.value--;
     this.countDownObj.render();
     if (this.countdown == 0)
     {
        // Disable the timed trigger
        window.clearInterval(this.countdownHandle);
        setVisibility(true);
     }
  }

} <source>