Make whole cell clickable in single and multi grids: Difference between revisions
From Catglobe Wiki
More actions
No edit summary |
|||
Line 1: | Line 1: | ||
== Challenge == | == Challenge == | ||
Normally, the grid question require a click on the checkbox or radiobutton. Now, we want it to register the answer when the user click on the cell for the answer option. | Normally, the grid question require a click on the checkbox or radiobutton. Now, we want it to register the answer when the user click on the cell for the answer option. | ||
<br> | |||
'''Example'''<br> | |||
[[Image:Clickable_cell.gif ]] | [[Image:Clickable_cell.gif ]] | ||
== Solution == | |||
*Create a grid question | |||
*Add the below script to that question | |||
== | == Code == | ||
<source lang="javascript" line="1"> | <source lang="javascript" line="1"> | ||
quest.onInit = function() | quest.onInit = function() | ||
Line 20: | Line 23: | ||
</source> | </source> | ||
== Source == | |||
Questionnaire Resource Id on cg.catglobe.com site: 164079 (Question: Q10_Make_whole_cell_clickable_in_single_and_multi_) |
Revision as of 03:16, 6 February 2012
Challenge
Normally, the grid question require a click on the checkbox or radiobutton. Now, we want it to register the answer when the user click on the cell for the answer option.
Example
Solution
- Create a grid question
- Add the below script to that question
Code
quest.onInit = function()
{
$(".grid_subquestion_odd,.grid_subquestion_even").click(
function(evt)
{
if(evt.target.nodeName == "INPUT")
return true;
$(this).children("input").click();
return false;
});
}
Source
Questionnaire Resource Id on cg.catglobe.com site: 164079 (Question: Q10_Make_whole_cell_clickable_in_single_and_multi_)