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

From Catglobe Wiki
Jump to: navigation, search
(Code)
Line 42: Line 42:
 
   var text = "My Text";
 
   var text = "My Text";
 
this.insertTextBefore(3, text);//insert the text before answer option index 3 (zero-based index)
 
this.insertTextBefore(3, text);//insert the text before answer option index 3 (zero-based index)
 +
}
 +
</source>
 +
 +
== Question stylesheet ==
 +
<source lang="css">
 +
.customized_text
 +
{
 +
  background-color:white;
 
}
 
}
 
</source>
 
</source>

Revision as of 11:41, 14 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 	$(".option_row").each(
 4 		function(i)
 5 		{
 6 			if (i == aoIndex)
 7 			{
 8 				var tr = $("<tr>").append($("<td>").text(text).addClass("customized_text")); 
 9 				$(this).before(tr);
10 			}
11 		}
12 	);
13 }
14 
15 quest.onInit = function()
16 {
17    var text = "My Text";
18 	this.insertTextBefore(3, text);//insert the text before answer option index 3 (zero-based index)	
19 }

Question stylesheet

.customized_text
{
   background-color:white;
}