Matching

Drag and drop the pink boxes into the box for the matching category.

media type="custom" key="9293310"

=How to adapt=

Add a custom widget on a wikispaces page. Select Widget > Other HTML. Paste the code from the code box below (in blue) and start editing it.

To add a drag-drop categorise activity, add a division code format="html4strict" code and get jquery to transform that content into an interactive. code format="html4strict" jQuery(".wg-dragdrop#a-0") code

The text should be specified as a list of items with options. code format="html4strict" present=j'ai|tu as code

Colors for questions and answers are assigned by default. If you want to specify your own, do so in the script options code format="html4strict" questionBackgroundColor: '#E6FFB3', questionBorderColor: '#C4E67F', answerBackgroundColor: '#F4CFE8', answerBorderColor: '#F492D4' code

Code:

media type="custom" key="9479014"

=Adding images=

For items, use

code format="html4strict" ==je suis rouge|j'ai de longues jambes code

Because there is an equal sign in the image markup, you have to overwrite the default answer marker. In the item list, use '==' instead of '=' to separate the question and answer parts (make sure you do so for all items). In the script options, add an answerMaker parameter. code format="html4strict" answerMarker: '==', questionBackgroundColor: '#CCEEFF', questionBorderColor: '#99DDFF', answerBackgroundColor: '#F4CFE8', answerBorderColor: '#F492D4' code

=Adding multiple widgeds on a page=

Weird behaviors can sometimes occur when the same library scripts are loaded more that once onto a web page. To avoid this, simply comment out the line that loads a script that has already been loaded higher on the page.

media type="custom" key="9160864"