Add text before answer option of single question - Revision history

Nguyentrantri at 03:27, 17 October 2013

2013-10-17T03:27:50Z

← Older revision		Revision as of 03:27, 17 October 2013
Line 13:		Line 13:
	{\| border="0"		{\| border="0"
	\|-		\|-
	\| align="center" \| ~~<img src="/images/a/a3/~~OneColumnBefore.JPG~~" _fck_mw_filename="OneColumnBefore.JPG" alt="" />~~<br/>		\| align="center" \| [[File:OneColumnBefore.JPG\|none]]<br/>
	\| ~~<img src="/images/0/08/~~MultiColumnBefore.JPG~~" _fck_mw_filename="MultiColumnBefore.JPG" alt=""~~ /~~>~~		\| [[File:MultiColumnBefore.JPG\|none]]<br/>
	\|}		\|}

Line 21:		Line 21:
	{\|		{\|
	\|-		\|-
	\| align="center" \| ~~<img src="/images/2/2f/~~OneColumnAfter.jpg~~" _fck_mw_filename="OneColumnAfter.jpg" alt=""~~ /~~>~~		\| align="center" \| [[File:OneColumnAfter.jpg\|none]]<br/>
	\| ~~<img src="/images/6/69/~~MultiColumnAfter.jpg~~" _fck_mw_filename="MultiColumnAfter.jpg" alt=""~~ /~~>~~		\| [[File:MultiColumnAfter.jpg\|none]]<br/>
	\|}		\|}

Line 30:		Line 30:
	*Go to menu Properties -> Question scripts -> Java script tab -> Input script		*Go to menu Properties -> Question scripts -> Java script tab -> Input script

	~~<img src="/images/5/56/~~AddTextBeforeAOOfSingleQuestion.jpg~~" _fck_mw_filename="AddTextBeforeAOOfSingleQuestion.jpg" alt="" />~~		[[File:AddTextBeforeAOOfSingleQuestion.jpg\|none]]

	== Code ==		== Code ==

Nguyentrantri at 03:10, 17 October 2013

2013-10-17T03:10:12Z

← Older revision		Revision as of 03:10, 17 October 2013
Line 1:		Line 1:
	~~<h2>~~ Challenge ~~</h2>~~		== Challenge ==
	~~<p>In order to add text before answer option of single question~~
	~~</p><p>As a questionnaire creator~~
	~~</p><p>I want to add text before answer option of single question~~
	~~</p><p><b>Example</b>~~
	~~</p><p>I have a single question.~~
	~~</p>~~
	~~<table border~~=~~"0">~~

	~~<tr>~~		In order to add text before answer option of single question
	~~<td~~ align="center"><img src="/images/a/a3/OneColumnBefore.JPG" _fck_mw_filename="OneColumnBefore.JPG" alt="" />
	</td>		As a questionnaire creator
	~~<td> <~~img src="/images/0/08/MultiColumnBefore.JPG" _fck_mw_filename="MultiColumnBefore.JPG" alt="" />
	~~</td></tr></table>~~		I want to add text before answer option of single question
	~~<p>~~<br />
	I want to add an text before answer option like this image		'''Example'''
	~~</p>~~
	~~<table>~~		I have a single question.
	~~<tr>~~
	~~<td~~ align="center"><img src="/images/2/2f/OneColumnAfter.jpg" _fck_mw_filename="OneColumnAfter.jpg" alt="" />		{\| border="0"
	~~</td>~~		\|-
	~~<td> <~~img src="/images/6/69/MultiColumnAfter.jpg" _fck_mw_filename="MultiColumnAfter.jpg" alt="" />		\| align="center" \| <img src="/images/a/a3/OneColumnBefore.JPG" _fck_mw_filename="OneColumnBefore.JPG" alt="" /><br/>
	~~</td></tr></table>~~		\| <img src="/images/0/08/MultiColumnBefore.JPG" _fck_mw_filename="MultiColumnBefore.JPG" alt="" />
	~~<h2>~~ Solution ~~</h2>~~		\|}
	~~<ul><li>~~Add a Single question to Questionaire editor
	~~</li><li>~~Go to menu Properties -~~>~~ Question scripts -~~>~~ Java script tab -~~>~~ Input script		<br/>I want to add an text before answer option like this image
	~~</li></ul>~~
	~~<p><~~img src="/images/5/56/AddTextBeforeAOOfSingleQuestion.jpg" _fck_mw_filename="AddTextBeforeAOOfSingleQuestion.jpg" alt="" />		{\|
	~~</p>~~		\|-
	~~<h2>~~ Code ~~</h2>~~		\| align="center" \| <img src="/images/2/2f/OneColumnAfter.jpg" _fck_mw_filename="OneColumnAfter.jpg" alt="" />
	<~~p><span class="fck_mw_source" _fck_mw_customtag="true" _fck_mw_tagname="~~source" lang="javascript~~" line="1~~">~~fckLRquest~~.insertTextBefore = function(aoIndex, text)~~fckLR~~{~~fckLR~~ var that = this;~~fckLR~~ $(~~"~~.option_row~~"~~).each(~~fckLR~~ function(i)~~fckLR~~ {~~fckLR~~ if (i == aoIndex)~~fckLR~~ {~~fckLR~~ var tr = $(~~"<~~tr~~>"~~).addClass(~~"~~customized_text~~"~~)~~fckLR~~ .append($(~~"<~~td~~>"~~).text(text).attr(~~"~~colSpan~~"~~,that.cols)); ~~fckLR~~ $(this).before(tr);~~fckLR~~ }~~fckLR~~ }~~fckLR~~ );~~fckLRfckLR~~}~~fckLRfckLRquest~~.onInit = function()~~fckLR~~{~~fckLR~~ var text = ~~"~~My Text~~&quot~~;~~;fckLR~~ this.insertTextBefore(2, text);~~fckLR~~}~~fckLR~~</~~span~~>		\| <img src="/images/6/69/MultiColumnAfter.jpg" _fck_mw_filename="MultiColumnAfter.jpg" alt="" />
	~~</p>~~		\|}
	~~<h2>~~ Question stylesheet ~~</h2>~~
	<~~p><span class="fck_mw_source" _fck_mw_customtag="true" _fck_mw_tagname="~~source" lang="css">~~fckLR~~.~~customized_textfckLR~~{~~fckLR~~ background-color:white;~~fckLR~~}~~fckLR~~</~~span~~>		== Solution ==
	~~</p>~~
	~~<h2>~~Source~~</h2>~~		*Add a Single question to Questionaire editor
	~~<p>~~Questionnaire Resource Id on cg site: 159730		*Go to menu Properties -> Question scripts -> Java script tab -> Input script
	~~</p><p>~~Question: Q_OS_Single_AddTextBeforeAO
	~~</p>~~		<img src="/images/5/56/AddTextBeforeAOOfSingleQuestion.jpg" _fck_mw_filename="AddTextBeforeAOOfSingleQuestion.jpg" alt="" />

			== Code ==

			<source lang="javascript">
			quest.insertTextBefore = function(aoIndex, text)
			{
			var that = this;
			$(".option_row").each(
			function(i)
			{
			if (i == aoIndex)
			{
			var tr = $("<tr>").addClass("customized_text")
			.append($("<td>").text(text).attr("colSpan",that.cols));
			$(this).before(tr);
			}
			}
			);

			}

			quest.onInit = function()
			{
			var text = "My Text";
			this.insertTextBefore(2, text);
			}
			</source>

			== Question stylesheet ==

			<source lang="css">
			.customized_text
			{
			background-color:white;
			}
			</source>

			== Source ==

			Questionnaire Resource Id on cg site: 159730

			Question: Q_OS_Single_AddTextBeforeAO

Nguyentrantri at 03:09, 17 October 2013

2013-10-17T03:09:49Z

← Older revision		Revision as of 03:09, 17 October 2013
Line 1:		Line 1:
	== Challenge ==		<h2> Challenge </h2>
			<p>In order to add text before answer option of single question
	In order to add text before answer option of single question		</p><p>As a questionnaire creator
			</p><p>I want to add text before answer option of single question
	As a questionnaire creator		</p><p><b>Example</b>
			</p><p>I have a single question.
	I want to add text before answer option of single question		</p>
			<table border="0">
	~~'''~~Example~~'''~~

	I have a single question.

	{\|border="0"
	\|-
	~~\| align="center"\|[[Image: OneColumnBefore.JPG]]~~
	~~\| [[Image: MultiColumnBefore.JPG]]~~
	\|}


			<tr>
			<td align="center"><img src="/images/a/a3/OneColumnBefore.JPG" _fck_mw_filename="OneColumnBefore.JPG" alt="" />
			</td>
			<td> <img src="/images/0/08/MultiColumnBefore.JPG" _fck_mw_filename="MultiColumnBefore.JPG" alt="" />
			</td></tr></table>
			<p><br />
	I want to add an text before answer option like this image		I want to add an text before answer option like this image
	~~{\|\|-~~		</p>
	\| align="center"~~\|[[Image:~~ OneColumnAfter.jpg]]		<table>
	~~\| [[Image:~~ MultiColumnAfter.jpg]]		<tr>
	\|}		<td align="center"><img src="/images/2/2f/OneColumnAfter.jpg" _fck_mw_filename="OneColumnAfter.jpg" alt="" />
			</td>
	== Solution ==		<td> <img src="/images/6/69/MultiColumnAfter.jpg" _fck_mw_filename="MultiColumnAfter.jpg" alt="" />
	*Add a Single question to Questionaire editor		</td></tr></table>
	*Go to menu Properties -> Question scripts -> Java script tab -> Input script		<h2> Solution </h2>
	~~[[Image:~~AddTextBeforeAOOfSingleQuestion.jpg]]		<ul><li>Add a Single question to Questionaire editor
			</li><li>Go to menu Properties -> Question scripts -> Java script tab -> Input script
	== Code ==		</li></ul>
			<p><img src="/images/5/56/AddTextBeforeAOOfSingleQuestion.jpg" _fck_mw_filename="AddTextBeforeAOOfSingleQuestion.jpg" alt="" />
	<source lang="javascript" line="1">		</p>
	~~quest~~.insertTextBefore = function(aoIndex, text)		<h2> Code </h2>
	{		<p><span class="fck_mw_source" _fck_mw_customtag="true" _fck_mw_tagname="source" lang="javascript" line="1">fckLRquest.insertTextBefore = function(aoIndex, text)fckLR{fckLR var that = this;fckLR $(".option_row").each(fckLR function(i)fckLR {fckLR if (i == aoIndex)fckLR {fckLR var tr = $("<tr>").addClass("customized_text")fckLR .append($("<td>").text(text).attr("colSpan",that.cols)); fckLR $(this).before(tr);fckLR }fckLR }fckLR );fckLRfckLR}fckLRfckLRquest.onInit = function()fckLR{fckLR var text = "My Text";fckLR this.insertTextBefore(2, text);fckLR}fckLR</span>
	var that = this;		</p>
	$(".option_row").each(		<h2> Question stylesheet </h2>
	function(i)		<p><span class="fck_mw_source" _fck_mw_customtag="true" _fck_mw_tagname="source" lang="css">fckLR.customized_textfckLR{fckLR background-color:white;fckLR}fckLR</span>
	{		</p>
	if (i == aoIndex)		<h2>Source</h2>
	{		<p>Questionnaire Resource Id on cg site: 159730
	var tr = $("<tr>").addClass("customized_text")		</p><p>Question: Q_OS_Single_AddTextBeforeAO
	.append($("<td>").text(text).attr("colSpan",that.cols));		</p>
	$(this).before(tr);
	}
	}
	);

	}

	~~quest~~.onInit = function()
	{
	var text = "My Text";
	this.insertTextBefore(2, text);
	}
	</~~source~~>

	== ~~Question stylesheet~~ ==
	<source lang="css">
	.~~customized_text~~
	{
	background-color:white;
	}
	</~~source~~>

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

	Question: Q_OS_Single_AddTextBeforeAO

Cg van: /* Solution */

2012-02-03T07:52:24Z

Solution

← Older revision		Revision as of 07:52, 3 February 2012
Line 26:		Line 26:
	== Solution ==		== Solution ==
	*Add a Single question to Questionaire editor		*Add a Single question to Questionaire editor
	*Go to menu Properties -> Question scripts -> Java script tab -> Input script		*Go to menu Properties -> Question scripts -> Java script tab -> Input script
			[[Image:AddTextBeforeAOOfSingleQuestion.jpg]]

	== Code ==		== Code ==

Cg van: /* Source */

2012-02-03T07:50:11Z

Source

← Older revision		Revision as of 07:50, 3 February 2012
Line 65:		Line 65:
	==Source==		==Source==
	Questionnaire Resource Id on cg site: 159730		Questionnaire Resource Id on cg site: 159730

	Question: Q_OS_Single_AddTextBeforeAO		Question: Q_OS_Single_AddTextBeforeAO

Cg van: uestion to Question

2012-02-03T07:46:15Z

uestion to Question

← Older revision		Revision as of 07:46, 3 February 2012
Line 24:		Line 24:
	\|}		\|}

	== Solution ==		== Solution ==
			*Add a Single question to Questionaire editor
	~~Find the index of the row in single question , and add new text before it .~~		*Go to menu Properties -> Question scripts -> Java script tab -> Input script

	== Code ==		== Code ==
Line 62:		Line 62:
	}		}
	</source>		</source>

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

Catglobe: /* Code */

2009-04-15T10:03:56Z

Code

← Older revision		Revision as of 10:03, 15 April 2009
Line 39:		Line 39:
	if (i == aoIndex)		if (i == aoIndex)
	{		{
	var tr = $("<tr>").addClass("customized_text").append($("<td>").text(text).attr("colSpan",that.cols));		var tr = $("<tr>").addClass("customized_text")
			.append($("<td>").text(text).attr("colSpan",that.cols));
	$(this).before(tr);		$(this).before(tr);
	}		}

Catglobe: /* Challenge */

2009-04-15T10:02:47Z

Challenge

← Older revision		Revision as of 10:02, 15 April 2009
Line 11:		Line 11:
	I have a single question.		I have a single question.

	{\|~~class="VerticalTable sortable"~~ border="0"		{\|border="0"
	\|-		\|-
	\| align="center"\|[[Image: OneColumnBefore.JPG]]		\| align="center"\|[[Image: OneColumnBefore.JPG]]
Line 19:		Line 19:

	I want to add an text before answer option like this image		I want to add an text before answer option like this image
	{\|~~class="VerticalTable sortable" border="0"~~		{\|\|-
	\|-
	\| align="center"\|[[Image: OneColumnAfter.jpg]]		\| align="center"\|[[Image: OneColumnAfter.jpg]]
	\| [[Image: MultiColumnAfter.jpg]]		\| [[Image: MultiColumnAfter.jpg]]

Catglobe: /* Challenge */

2009-04-15T06:40:26Z

Challenge

← Older revision		Revision as of 06:40, 15 April 2009
Line 14:		Line 14:
	\|-		\|-
	\| align="center"\|[[Image: OneColumnBefore.JPG]]		\| align="center"\|[[Image: OneColumnBefore.JPG]]
	\| [[Image: MultiColumnBefore.~~jpg~~]]		\| [[Image: MultiColumnBefore.JPG]]
	\|}		\|}

Line 21:		Line 21:
	{\|class="VerticalTable sortable" border="0"		{\|class="VerticalTable sortable" border="0"
	\|-		\|-
	\| align="center"\|[[Image: OneColumnAfter.~~JPG~~]]		\| align="center"\|[[Image: OneColumnAfter.jpg]]
	\| [[Image: MultiColumnAfter.jpg]]		\| [[Image: MultiColumnAfter.jpg]]
	\|}		\|}

Catglobe: /* Challenge */

2009-04-15T06:39:53Z

Challenge

← Older revision		Revision as of 06:39, 15 April 2009
Line 14:		Line 14:
	\|-		\|-
	\| align="center"\|[[Image: OneColumnBefore.JPG]]		\| align="center"\|[[Image: OneColumnBefore.JPG]]
	\| [[Image: MultiColumnBefore.~~JPG~~]]		\| [[Image: MultiColumnBefore.jpg]]
	\|}		\|}

Line 22:		Line 22:
	\|-		\|-
	\| align="center"\|[[Image: OneColumnAfter.JPG]]		\| align="center"\|[[Image: OneColumnAfter.JPG]]
	\| [[Image: MultiColumnAfter.~~JPG~~]]		\| [[Image: MultiColumnAfter.jpg]]
	\|}		\|}