Difference between revisions of "Questionnaire - Javascript Fun Tips"

From Catglobe Wiki
Jump to: navigation, search
Line 11: Line 11:
 
*quest: the current question's object  
 
*quest: the current question's object  
 
*questioncheck: the function that will be called before going Next
 
*questioncheck: the function that will be called before going Next
 +
 +
==== quest ====
 +
 +
There are many properties added to quest object.
 +
 +
quest.setQuestions(Array subQuestions)
 +
 +
quest.setOptions
 +
 +
==== questioncheck ====
 +
 +
  
 
== Examples  ==
 
== Examples  ==
Line 25: Line 37:
  
 
[[Drag and drop]]
 
[[Drag and drop]]
 +
 +
[[Randomize]]
 +
 +
[[Rotate]]

Revision as of 11:29, 18 December 2008

Basic Hints

Questionnaire viewer is implemented in a way that you can add javascript to manipulate the way your questions are displayed.

jQuery is already included in the viewer, thanks to what javascript has even more powerful effect! (read more about jquery here: http://jquery.com/)

Javascript is a property on both question and questionnaire levels, which means that you can add javascript for each question or for the whole questionnaire.

The most important features are:

  • quest: the current question's object
  • questioncheck: the function that will be called before going Next

quest

There are many properties added to quest object.

quest.setQuestions(Array subQuestions)

quest.setOptions

questioncheck

Examples

Hide sub question text column in a grid question

Show a text grid question and a single question in the same page

Add an extra column before an answer option column in single grid question

Change stylesheet of an answer option column in a single grid question

Add an extra row before a sub question in a grid

Drag and drop

Randomize

Rotate