Difference between revisions of "Add text before answer option of single question"
(→Solution) |
(→Challenge) |
||
Line 14: | Line 14: | ||
|- | |- | ||
| align="center"|[[Image: OneColumnBefore.JPG]] | | align="center"|[[Image: OneColumnBefore.JPG]] | ||
− | | [[Image: MultiColumnBefore. | + | | [[Image: MultiColumnBefore.jpg]] |
|} | |} | ||
Line 22: | Line 22: | ||
|- | |- | ||
| align="center"|[[Image: OneColumnAfter.JPG]] | | align="center"|[[Image: OneColumnAfter.JPG]] | ||
− | | [[Image: MultiColumnAfter. | + | | [[Image: MultiColumnAfter.jpg]] |
|} | |} | ||
Revision as of 07:39, 15 April 2009
Contents
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.
File:MultiColumnBefore.jpg |
I want to add an text before answer option like this image
Solution
Find the index of the row 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;
}