Hide Next button in n seconds: Difference between revisions
From Catglobe Wiki
More actions
m āCode |
|||
| Line 11: | Line 11: | ||
== CodeĀ == | == CodeĀ == | ||
Ā | <source lang="javascript"> | ||
quest.onInit = function() | quest.onInit = function() | ||
Ā | { | ||
if ( !document.getElementsByName('next') || document.getElementsByName('next').length == 0 ) | var secsTimeout = 10; | ||
Ā | if ( !document.getElementsByName('next') || document.getElementsByName('next').length == 0 ) Ā | ||
// next button not available | |||
Ā | return; | ||
document.getElementsByName('next')[0].style.display='none'; | |||
setTimeout("document.getElementsByName('next')[0].style.display=", secsTimeout*1000); | |||
} | |||
</source> | |||
Revision as of 06:25, 12 February 2009
Challenge
In order to not allow respondent click on the Next button in a period of time
As a questionnaire creator
I want to hide the Next button in some secondsĀ
Solution
- In questionnaire template editor, choose theĀ questionĀ I want to hide the Next button,Ā and thenĀ go to the Properties - Edit question properties - Language dependent - Select javascript propertyĀ
- Create a onInit() function.
- In that function, check if the Next button existed.Ā
- If it doesn't exist, do nothing, else disable the Next button, set the timeĀ out to number of secondsĀ I want to hide theĀ button, then show the button again.Ā Ā
Code
quest.onInit = function()
{
var secsTimeout = 10;
if ( !document.getElementsByName('next') || document.getElementsByName('next').length == 0 )
// next button not available
return;
document.getElementsByName('next')[0].style.display='none';
setTimeout("document.getElementsByName('next')[0].style.display=", secsTimeout*1000);
}