Hide Next button in n seconds - Revision history

Cg van at 04:58, 2 February 2012

2012-02-02T04:58:46Z

← Older revision		Revision as of 04:58, 2 February 2012
Line 1:		Line 1:
	== Challenge ==		== Challenge ==

	In order to not allow respondent click on the Next button in a period of time~~<br>~~As a questionnaire creator~~<br>~~I want to hide the Next button in some seconds		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

			== Example ==
			[[Image:HideNextButton1.jpg]]
			<br>
			[[Image:HideNextButton2.jpg]]

	== Solution ==		== Solution ==
Line 10:		Line 19:
	*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.		*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.

			[[Image:HideNextButton Code.jpg]]
	== Code ==		== Code ==
	<source lang="javascript">		<source lang="javascript">
Line 22:		Line 32:
	}		}
	</source>		</source>

			== Source ==
			Questionnaire Resource Id on cg site: 159730

Catglobe: /* Solution */

2009-02-12T06:28:32Z

Solution

← Older revision		Revision as of 06:28, 12 February 2009
Line 5:		Line 5:
	== Solution ==		== 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~~ ~~		*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.		*Override quest.onInit function.
	*In that function, check if the Next button ~~existed~~.~~ ~~		*In that function, check if the Next button exists.
	*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.~~  ~~		*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 ==		== Code ==

Catglobe: /* Code */

2009-02-12T06:26:53Z

Code

← Older revision		Revision as of 06:26, 12 February 2009
Line 19:		Line 19:
	return;		return;
	document.getElementsByName('next')[0].style.display='none';		document.getElementsByName('next')[0].style.display='none';
	setTimeout("document.getElementsByName('next')[0].style.display=", secsTimeout*1000);		setTimeout("document.getElementsByName('next')[0].style.display='';", secsTimeout*1000);
	}		}
	</source>		</source>

Catglobe: /* Code */

2009-02-12T06:25:34Z

Code

← Older revision		Revision as of 06:25, 12 February 2009
Line 11:		Line 11:

	== Code ==		== Code ==
			<source lang="javascript">
	quest.onInit = function()~~<br>~~{~~<br>~~var secsTimeout = 10~~;&nbsp~~;		quest.onInit = function()
			{
	if ( !document.getElementsByName('next') \|\| document.getElementsByName('next').length == 0 ) ~~<br>{<br>~~// next button not available~~<br>~~return;~~<br>}<br>else<br>{<br>~~document.getElementsByName('next')[0].style.display='none';~~<br>}~~		var secsTimeout = 10;
			if ( !document.getElementsByName('next') \|\| document.getElementsByName('next').length == 0 )
	~~var timeout =~~ setTimeout("document.getElementsByName('next')[0].style.display=;", secsTimeout*1000);		// next button not available
			return;
	} <br>		document.getElementsByName('next')[0].style.display='none';
			setTimeout("document.getElementsByName('next')[0].style.display=", secsTimeout*1000);
			}
			</source>

Catglobe: /* Challenge */

2009-02-12T06:22:21Z

Challenge

← Older revision		Revision as of 06:22, 12 February 2009
Line 1:		Line 1:
	== Challenge ==		== Challenge ==

	In order to not allow respondent click on the Next button in a period of t<br>As a questionnaire creator<br>I want to hide the Next button in some seconds		In order to not allow respondent click on the Next button in a period of time<br>As a questionnaire creator<br>I want to hide the Next button in some seconds

	== Solution ==		== Solution ==

Catglobe at 04:18, 12 February 2009

2009-02-12T04:18:36Z

← Older revision		Revision as of 04:18, 12 February 2009
Line 12:		Line 12:
	== Code ==		== Code ==

	~~<onlyinclude>~~quest.onInit = function()		quest.onInit = function()<br>{<br>var secsTimeout = 10;
	{
	var secsTimeout = 10;

	if ( !document.getElementsByName('next') \|\| document.getElementsByName('next').length == 0 )		if ( !document.getElementsByName('next') \|\| document.getElementsByName('next').length == 0 ) <br>{<br>// next button not available<br>return;<br>}<br>else<br>{<br>document.getElementsByName('next')[0].style.display='none';<br>}
	{
	// next button not available
	return;
	}
	else
	{
	document.getElementsByName('next')[0].style.display='none';
	}

	var timeout = setTimeout("document.getElementsByName('next')[0].style.display=;", secsTimeout*1000);		var timeout = setTimeout("document.getElementsByName('next')[0].style.display=;", secsTimeout*1000);

	}<~~/onlyinclude~~>		} <br>

Catglobe at 04:15, 12 February 2009

2009-02-12T04:15:52Z

← Older revision		Revision as of 04:15, 12 February 2009
Line 12:		Line 12:
	== Code ==		== Code ==

	~~<source lang="javascript" line="1">~~quest.onInit = function()~~<br>~~{~~<br>~~var secsTimeout = 10;		<onlyinclude>quest.onInit = function()
			{
			var secsTimeout = 10;

	if ( !document.getElementsByName('next') \|\| document.getElementsByName('next').length == 0 ) ~~<br>~~{~~<br>~~// next button not available~~<br>~~return;~~<br>~~}~~<br>~~else~~<br>~~{~~<br>~~document.getElementsByName('next')[0].style.display='none';~~<br>~~}		if ( !document.getElementsByName('next') \|\| document.getElementsByName('next').length == 0 )
			{
			// next button not available
			return;
			}
			else
			{
			document.getElementsByName('next')[0].style.display='none';
			}

	var timeout = setTimeout("document.getElementsByName('next')[0].style.display='';", secsTimeout*1000);		var timeout = setTimeout("document.getElementsByName('next')[0].style.display=;", secsTimeout*1000);

	}~~<~~/~~source>~~		}</onlyinclude>

Catglobe at 04:09, 12 February 2009

2009-02-12T04:09:18Z

← Older revision		Revision as of 04:09, 12 February 2009
Line 1:		Line 1:
	== Challenge ==		== Challenge ==

	In order to not allow respondent click on the Next button in a period of t<br>As a questionnaire creator<br>I want to hide the Next button in some seconds		In order to not allow respondent click on the Next button in a period of t<br>As a questionnaire creator<br>I want to hide the Next button in some seconds

	== Solution ==		== 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		*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.		*Create a onInit() function.
	*In that function, check if the Next button existed.		*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.		*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 ==		== Code ==

	~~<onlyinclude>~~quest.onInit = function()		<source lang="javascript" line="1">quest.onInit = function()<br>{<br>var secsTimeout = 10;
	{
	var secsTimeout = 10;		if ( !document.getElementsByName('next') \|\| document.getElementsByName('next').length == 0 ) <br>{<br>// next button not available<br>return;<br>}<br>else<br>{<br>document.getElementsByName('next')[0].style.display='none';<br>}
	if ( !document.getElementsByName('next') \|\| document.getElementsByName('next').length == 0 )
	{		var timeout = setTimeout("document.getElementsByName('next')[0].style.display='';", secsTimeout*1000);
	// next button not available
	return;		}</source>
	}
	else
	{
	document.getElementsByName('next')[0].style.display='none';
	}
	var timeout = setTimeout("document.getElementsByName('next')[0].style.display='';", secsTimeout*1000);
	}</~~onlyinclude>~~

Catglobe at 04:06, 12 February 2009

2009-02-12T04:06:14Z

← Older revision		Revision as of 04:06, 12 February 2009
Line 15:		Line 15:
	{		{
	var secsTimeout = 10;		var secsTimeout = 10;

	if ( !document.getElementsByName('next') \|\| document.getElementsByName('next').length == 0 )		if ( !document.getElementsByName('next') \|\| document.getElementsByName('next').length == 0 )
	{		{
Line 25:		Line 24:
	document.getElementsByName('next')[0].style.display='none';		document.getElementsByName('next')[0].style.display='none';
	}		}

	var timeout = setTimeout("document.getElementsByName('next')[0].style.display='';", secsTimeout*1000);		var timeout = setTimeout("document.getElementsByName('next')[0].style.display='';", secsTimeout*1000);

	}</onlyinclude>		}</onlyinclude>

Catglobe at 04:05, 12 February 2009

2009-02-12T04:05:42Z

← Older revision		Revision as of 04:05, 12 February 2009
Line 12:		Line 12:
	== Code ==		== Code ==

	<~~file~~>quest.onInit = function()		<onlyinclude>quest.onInit = function()
	{		{
	var secsTimeout = 10;		var secsTimeout = 10;
Line 28:		Line 28:
	var timeout = setTimeout("document.getElementsByName('next')[0].style.display='';", secsTimeout*1000);		var timeout = setTimeout("document.getElementsByName('next')[0].style.display='';", secsTimeout*1000);

	}</~~file~~>		}</onlyinclude>