Difference between revisions of "Add text before answer option of single question"

From Catglobe Wiki
Jump to: navigation, search
(→‎Solution)
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 -&gt; Question scripts -&gt; Java script tab -&gt; 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 $(&quot;.option_row&quot;).each(fckLR function(i)fckLR {fckLR if (i == aoIndex)fckLR {fckLR var tr = $(&quot;&lt;tr&gt;&quot;).addClass(&quot;customized_text&quot;)fckLR .append($(&quot;&lt;td&gt;&quot;).text(text).attr(&quot;colSpan&quot;,that.cols)); fckLR $(this).before(tr);fckLR }fckLR }fckLR );fckLRfckLR}fckLRfckLRquest.onInit = function()fckLR{fckLR  var text = &quot;My Text&quot;;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
 

Revision as of 04:09, 17 October 2013

Challenge

In order to add text before answer option of single question

As a questionnaire creator

I want to add text before answer option of single question

Example

I have a single question.

<img src="/images/a/a3/OneColumnBefore.JPG" _fck_mw_filename="OneColumnBefore.JPG" alt="" /> <img src="/images/0/08/MultiColumnBefore.JPG" _fck_mw_filename="MultiColumnBefore.JPG" alt="" />


I want to add an text before answer option like this image

<img src="/images/2/2f/OneColumnAfter.jpg" _fck_mw_filename="OneColumnAfter.jpg" alt="" /> <img src="/images/6/69/MultiColumnAfter.jpg" _fck_mw_filename="MultiColumnAfter.jpg" alt="" />

Solution

  • Add a Single question to Questionaire editor
  • Go to menu Properties -> Question scripts -> Java script tab -> Input script

<img src="/images/5/56/AddTextBeforeAOOfSingleQuestion.jpg" _fck_mw_filename="AddTextBeforeAOOfSingleQuestion.jpg" alt="" />

Code

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

Question stylesheet

fckLR.customized_textfckLR{fckLR background-color:white;fckLR}fckLR

Source

Questionnaire Resource Id on cg site: 159730

Question: Q_OS_Single_AddTextBeforeAO

Retrieved from "http://wiki.catglobe.com/index.php?title=Add_text_before_answer_option_of_single_question&oldid=24661"