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

From Catglobe Wiki
Jump to: navigation, search
(Code)
(Code)
Line 24: Line 24:
  
 
<source lang="javascript" line="1">
 
<source lang="javascript" line="1">
quest.insertTextBefore = function(rowIndex, text)
+
quest.insertTextBefore = function(aoIndex, text)
 
{
 
{
 +
var that = this;
 
$(".option_row").each(
 
$(".option_row").each(
 
function(i)
 
function(i)
Line 31: Line 32:
 
if (i == aoIndex)
 
if (i == aoIndex)
 
{
 
{
  var tr = $("<tr>").addClass("customized_text").append($("<td>").text(text));
+
var tr = $("<tr>").addClass("customized_text").append($("<td>").text(text).attr("colSpan",that.cols));  
  $(this).before(tr);
+
$(this).before(tr);
 
}
 
}
 
}
 
}
Line 42: Line 43:
 
{
 
{
 
   var text = "My Text";
 
   var text = "My Text";
  this.insertTextBefore(2, text);
+
this.insertTextBefore(2, text);
 
}
 
}
 
</source>
 
</source>

Revision as of 06:07, 15 April 2009

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.

SingleAddtext.jpg

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

SingleAddtext2.jpg

Solution

Find the answer option in single question , and add new text before it .

Code

 1 quest.insertTextBefore = function(aoIndex, text)
 2 {
 3 	var that = this;
 4 	$(".option_row").each(
 5 		function(i)
 6 		{
 7 			if (i == aoIndex)
 8 			{
 9 				var tr = $("<tr>").addClass("customized_text").append($("<td>").text(text).attr("colSpan",that.cols)); 
10 				$(this).before(tr);
11 			}
12 		}
13 	);
14 
15 }
16 
17 quest.onInit = function()
18 {
19    var text = "My Text";
20 	this.insertTextBefore(2, text);
21 }

Question stylesheet

.customized_text
{
   background-color:white;
}