"<p> Drag and drop the image in the correct area. If the result is incorrect, the area turns in red. If the result is correct, the area turns in green. </p> "+
"<p> Reload “button” resets the exercises. </p>"+
"<p> Enter the “Edit” mode to :</p>"+
"<ul> <li> choose the theme of the App : pad, slate, or none (by default : none), </li>"+
"<li> modify the exercise.</li> </ul>"+
"<p>In edition mode : </p>"+
"<ul><li>click on the text field to change the instruction,</li>"+
"<li>add picture frames clicking on the “+”,</li>"+
"<li>drag an drop pictures from your library,</li>"+
"<li>set the correct image of your activity clicking on the submit button “v” on the frame,</li>"+
"<li>delete a frame clicking on the cross button on the frame,</li>"+
"<li>replace a picture clicking on the reload icon on the frame,</li>"+
"<li>“Display” button comes back to the activity.</li></ul>",
"<p> Drag and drop the image in the correct area. If the result is incorrect, the area turns in red. If the result is correct, the area turns in green. </p> "+
"<p> Reload “button” resets the exercises. </p>"+
"<p> Enter the “Edit” mode to : </ p>"+
"<ul> <li> choose the theme of the App : pad, slate, or none (by default : none), </li>"+
"<li> modify the exercise.</li> </ul>"+
"<p>In edition mode : </p>"+
"<ul><li>modify the instruction clicking on the field,</li>"+
"<li>replace the audio file, dragging and dropping a new one from your library,</li>"+
"<li>add picture frames clicking on the “+”,</li>"+
"<li>drag an drop pictures from your library,</li>"+
"<li>set the correct image of your activity clicking on the submit button “v” on the frame,</li>"+
"<li>delete a frame clicking on the cross button on the frame,</li>"+
"<li>replace a picture, dragging a new one from your library,</li>"+
"<li>“Display” button comes back to the activity.</li></ul>",
"<p> <h3> Sort pictures according to the name of the category</h3> </p>"+
"<p> Drag and drop pictures in the corresponding category. All pictures should be placed to get a feed back from interactivity. If the result is incorrect, the area turns in red. If the result is correct, the area turns in green.</p> "+
"<p> “Reload” button resets the exercises. </p>"+
"<p> Enter the “Edit” mode to : </p>"+
"<ul> <li> choose the theme of interactivity : pad, slate or none (none by default),</li>"+
"<li> modify the exercise.</li> </ul>"+
"<p>In edition mode : </p>"+
"<ul> <li> edit the category clicking on the text field,</li>"+
"<li> add an another category clicking on the “+”,</li>"+
"<li> drag and drop pictures from your library on the correct category,</li>"+
"<li> delete a picture clicking on the cross button on the frame,</li>"+
"<li> remove a category clicking on the “-” sign on the right,</li>"+
"<li>“Display” button comes back to the activity.</li></ul>",
"<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun) ,</li>"+
"<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun) ,</li>"+
"<li>de modifier un exercice ou d’en créer de nouveaux dans la même activité.</li></ul>"+
"<li>de modifier l'exercice.</li></ul>"+
"<p>En mode édition, pour créer un nouvel exercice, cliquez sur “Nouveau bloc” en bas, une zone bleue apparaît, c’est une catégorie, puis</p>"+
"<p>En mode édition :</p>"+
"<ul><li>insérez le nom de la catégorie (par exemple “fruits”, “légumes”, “mammifères”...) en cliquant dans le champ de texte “Saisir le nom de la catégorie ici …”,</li>"+
"<ul><li>modifiez le nom de la catégorie (par exemple “fruits”, “légumes”, “mammifères”...) en cliquant dans le champ de texte,</li>"+
"<li>insérez des images dans la catégorie par glisser-déposer des images à partir de votre bibliothèque,</li>"+
"<li>insérez des images dans la catégorie par glisser-déposer des images à partir de votre bibliothèque,</li>"+
"<li>ajoutez ensuite une catégorie (ou plusieurs) en cliquant sur le signe “+” situé à droite de la catégorie, complétez par son nom et ajoutez des images.</li></ul>"+
"<li>ajoutez ensuite une catégorie (ou plusieurs) en cliquant sur le signe “+” situé à droite de la catégorie, complétez par son nom et ajoutez des images,</li>"+
"<p>Pour supprimer une image, cliquez sur la croix située dans le coin supérieur droit de l’image.</p>"+
"<li>supprimez une image, en cliquant sur la croix située dans son coin supérieur droit,</li>"+
"<p>Pour supprimer une catégorie, cliquez sur le signe “-” situé à droite de celle-ci.</p>"+
"<li>supprimez une catégorie, en cliquant sur le signe “-” situé à droite de celle-ci,</li>"+
"<li>le bouton “Afficher” vous permet d’utiliser l’activité.</li></ul>",
"<p>Pour supprimer un exercice, cliquez sur la croix à gauche du numéro de l’exercice.</p>"+
"<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>",
"<p><h3>Sort labels according to the name of the category</h3></p>"+
"<p>Drag and drop labels in the corresponding category. All pictures should be placed to get a feed back from interactivity. If the result is incorrect, the area turns in red. If the result is correct, the area turns in green.</p>"+
"<p>“Reload” button resets the exercises.</p>"+
"<p>Enter the “Edit” mode to :</p>"+
"<ul><li>choose the theme of interactivity : pad, slate or none (none by default),</li>"+
"<li>modify the exercise.</li></ul>"+
"<p>In edition mode :</p>"+
"<ul><li>edit the category clicking on the text field,</li>"+
"<li>add an another category clicking on the “+” (small one),</li>"+
"<li>add a label clicking on the “+” (big one) on the correct category,</li>"+
"<li>modify the text field clicking on it,</li>"+
"<li>remove a label clicking on the cross button on the frame,</li>"+
"<li>delete a category clicking on the “-” sign on the right,</li>"+
"<li>“Display” button comes back to the activity.</li></ul>",
"<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun),</li>"+
"<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun),</li>"+
"<li>de modifier un exercice ou d’en créer de nouveaux dans la même activité.</li></ul>"+
"<li>de modifier l'exercice.</li></ul>"+
"<p>En mode édition, pour créer un nouvel exercice, cliquez sur “Nouveau bloc” en bas, une zone bleue apparaît, c’est une catégorie, puis :</p>"+
"<p>En mode édition :</p>"+
"<ul><li>insérez le nom de la catégorie (par exemple “fruits”, “légumes”, “mammifères”...) en cliquant dans le champ de texte “Saisir le nom de la catégorie ici …”,</li>"+
"<ul><li>modifier le nom de la catégorie (par exemple “fruits”, “légumes”, “mammifères”...) en cliquant dans le champ de texte,</li>"+
"<li>cliquez sur le gros “+” situé à gauche de la catégorie ce qui vous permet de rajouter des étiquettes de mots,</li>"+
"<li>cliquez sur le gros “+” situé à gauche de la catégorie ce qui vous permet de rajouter des étiquettes de mots,</li>"+
"<li>entrez des mots dans ces étiquettes,</li>"+
"<li>entrez des mots dans ces étiquettes,</li>"+
"<li>ajoutez ensuite une catégorie (ou plusieurs) en cliquant sur le signe “+” situé à droite de la catégorie, complétez par son nom et ajoutez des étiquettes de mots.</li></ul>"+
"<li>ajoutez ensuite une catégorie (ou plusieurs) en cliquant sur le signe “+” situé à droite de la catégorie, complétez par son nom et ajoutez des étiquettes de mots,</li>"+
"<p>Pour supprimer une étiquette de mots, cliquez sur la croix située dans le coin supérieur droit de celle-ci.</p>"+
"<li>supprimez une étiquette de mots, en cliquant sur la croix située dans son coin supérieur droit,</li>"+
"<p>Pour supprimer une catégorie, cliquez sur le signe “-” situé à droite de celle-ci.</p>"+
"<li>supprimez une catégorie, en cliquant sur le signe “-” situé à droite de celle-ci,</li>"+
"<li>le bouton “Afficher” vous permet d’utiliser l’activité.</li></ul>",
"<p>Pour supprimer un exercice, cliquez sur la croix à gauche du numéro de l’exercice.</p>"+
"<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>",
"<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun),</li>"+
"<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun),</li>"+
"<li>de modifier un exercice ou d’en créer de nouveaux dans la même activité.</li></ul>"+
"<li>de modifier l'exercice.</li></ul>"+
"<p>En mode édition, pour créer un nouvel exercice, cliquez sur “Ajouter une nouvelle question …”, puis :</p>"+
"<p>En mode édition :</p>"+
"<ul><li>insérez la question en cliquant sur le champ de texte “Saisir la question ici ...”,</li>"+
"<ul><li>insérez la question en cliquant sur le champ de texte “Saisir la question ici ...”,</li>"+
"<li>cliquez sur ”Options” pour choisir l’affichage des propositions (une seule bonne réponse, plusieurs bonnes réponses, liste déroulante). Cliquez sur “Fermer”,</li>"+
"<li>cliquez sur ”Options” pour choisir l’affichage des propositions (une seule bonne réponse, plusieurs bonnes réponses, liste déroulante). Cliquez sur “Fermer”,</li>"+
"<li>cliquez sur ”Ajouter une proposition” et saisissez la proposition dans le champ de texte,</li>"+
"<li>cliquez sur ”Ajouter une proposition” et saisissez la proposition dans le champ de texte,</li>"+
"<li>définissez la ou les propositions correctes en cliquant sur la case à cocher à gauche des bonnes réponses.</li>"+
"<li>définissez la ou les propositions correctes en cliquant sur la case à cocher à gauche des bonnes réponses,</li>"+
"<li>Pour supprimer une proposition, cliquez sur la croix située à droite de celle-ci.</li></ul>"+
"<li>supprimez une proposition, en cliquant sur la croix située à droite de celle-ci,</li>"+
"<li>le bouton “Afficher” vous permet d’utiliser l’activité.</li></ul>",
"<p>Pour supprimer un exercice, cliquez sur la croix à droite du numéro de ”Options”.</p>"+
"<p>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>",
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
varsankoreLang={
display:"Close",
edit:"Edit",
add:"Add",
enter_data:"Enter data:",
enter_result:"Enter result:",
ok:"Ok",
cancel:"Cancel",
wgt_name:"Contrast",
reload:"Reload",
slate:"slate",
pad:"pad",
none:"none",
help:"Help",
help_content:
"<p><h2>Contrast</h2> </p>"+
"<p><h3>Color game</h3> </p>"+
"<p>Hide and show text playing with the background color (yellow or black). Hide and show data dragging and dropping text fields to the right or the left.</p> "+
"<p>“Reload” button resets the exercises.</p>"+
"<p>Enter the “Edit” mode to :</p>"+
"<ul><li>choose the theme of interactivity : pad, slate or none (none by default),</li>"+
"<li>modify an exercise or create a new one.</li></ul>"+
"<p>To create a new label :</p>"+
"<ul><li> click on “+ Add”,</li>"+
"<li>Enter the data for example “3x15”,</li>"+
"<li>Enter the result, for example “15” and click “OK”. </li> </ul>"+
"<p>To modify data or results, click directly on text fields.</p>"+
"<p>To delete a label, click on the “X”.</p>"+
"<p>“Display” button comes back to the activity.</p>",
theme:"Theme"
};
functioninit(){
//variables
vartoggleFlag=false;// detects toggling in toggle button
varendFlag=false;// ending of toggling in toggle button
varaddToggleStart=false;// detects toggling in add button
varaddToggleEnd=false;// ending of toggling in add button
varshadowOver=false;
varmode=false;
varpopupFlag=false
varflagForSelect=false;
vardragElement=null;//the element that must be dragging
short_desc:"Place the pictures in ascending order.",
add:"Add new block",
enter:"Enter your instruction here ...",
wgt_name:"Order pictures",
reload:"Reload",
slate:"slate",
pad:"pad",
none:"none",
help:"Help",
help_content:
"<p> <h2> Order pictures </h2> </p>"+
"<p> <h3> Sort pictures in the order requested</h3> </p>"+
"<p> The number on the frame indicates the order in which the images should be classified. Drag and drop to rank pictures. Once all pictures are correctly classified, the area turns in green. </p> "+
"<p> Reload “button resets the exercises. </p>"+
"<p> Enter the “Edit” mode to : </p>"+
"<ul> <li> choose the theme of interactivity : pad, slate or none (by default : none),</li>"+
"<li> modify the exercise. </li></ul>"+
"<p>In edition mode : </p>"+
"<ul><li> modify the instruction clicking on the text field,</li>"+
"<li> add picture frames clicking on the “+”,</li>"+
"<li> drag an drop pictures from your library,</li>"+
"<li> change the order of images by dragging them,</li>"+
"<li> delete a frame, clicking the cross (X),</li>"+
"<li> change a picture clicking the “reload” button on the frame,</li>"+
"<li> “Display” button comes back to the activity.</li> </ul>",
"<p><h3>Order words to reconstruct a correct sentence</h3></p>"+
"<p>The interactivity displays labels in a random order. Drag and drop words in correct order. If the result is correct, the area turns in green.</p> "+
"<p>“Reload” button resets the exercises. </p>"+
"<p> Enter the “Edit” mode to : </p>"+
"<ul> <li> choose the theme of the App : pad, slate, or none (by default : none), </li>"+
"<li> determine the sentence and place separation between words. </li> </ul>"+
"<p>To create a new exercise : </p>"+
"<ul><li>insert the desired sentence,</li>"+
"<li> add spaces in the sentence, inserting “*” between each word. Do not place a star at the beginning or the end of your sentence.</li></ul>"+
"<p>“Display” button comes back to the activity.</p>",
"<p><h3> Order fragments of the sentence to reconstruct the text.</h3> </p>"+
"<p>The interactivity displays labels in a random order. Drag and drop fragments in correct order. If the result is correct, the area turns in green.</p> "+
"<p>“Reload “button resets the exercises. </p>"+
"<p> Enter the “Edit” mode to : </p>"+
"<ul> <li> choose the theme of the App : pad, slate, or none (by default : none),</li>"+
"<li>determine the text and fragments. </li></ul>"+
"<p>To create a new exercise : </p>"+
"<ul><li>insert the desired text in the text field,</li>"+
"<li>create fragments adding a new line.</li></ul> "+
"<p>“Display” button comes back to the activity.</p>",
example:"this is a bunch of words which should be split apart",
wgt_name:"Split a sentence",
reload:"Reload",
slate:"slate",
pad:"pad",
none:"none",
help:"Help",
help_content:
"<p><h2>Split a sentence</h2></p>"+
"<p><h3> Separate words in a sentence</h3></p>"+
"<p>The sentence is written without separations between words. The goal is to insert spaces in right places. If the result is correct, the area turns in green.</p> "+
"<p>To add separations between words, move the cursor and click between two characters, a separation is then added.</p>"+
"<p>“Reload” button resets the exercise.</p>"+
"<p>Enter the “Edit” mode to : </p>"+
"<ul><li> choose the theme of the App : pad, slate, or none (by default : none),</li>"+
"<li>modify the sentence (select the text field).</li></ul>"+
"<p>“Display” button comes back to the activity.</p>",
theme:"Theme"
};
// if use the "view/edit" button or rely on the api instead
varisSankore=false;
// whether to do window.resize or not (window = widget area)
varisBrowser=(typeof(widget)=="undefined");
functionwcontainer(containerID)
{
// some protecred variables
varthisInstance=this;
this.editMode=false;
vardata={};// see setData and getData
// widget size parameters
this.minHeight=100;
this.minWidth=400;
// set to 0 for no max width restriction
this.maxWidth=0;
// links to the elements of the widget
this.elements={};
/*
============
create
============
- creates html base, inits this.elements, assings events
example:"hello, this is the first sentence. hi, this is the second sentence. hello again, this is the third sentence. good morning, this is the fourth sentence. hi, sorry, i\'m late, i\'m the fifth sentence.",
wgt_name:"Split a text",
reload:"Reload",
slate:"slate",
pad:"pad",
none:"none",
help:"Help",
help_content:
"<p><h2>Split a text</h2></p>"+
"<p><h3>Separate sentences in a text</h3></p>"+
"<p>Text is written without the dots between sentences. The goal is to split the text correctly. If the result is correct, the area turns in green.</p>"+
"<p>To add points between sentences, move the cursor and click between two words.</p>"+
"<p>“Reload” button resets the exercise.</p>"+
"<p>Enter the “Edit” mode to :</p>"+
"<ul><li>choose the theme of the App : pad, slate, or none (by default : none),</li>"+
"<li>modify the text (write in the text field different phrases separated by dots).</li></ul>"+
"<p>Do not use question and exclamation mark.</p>"+
"<p>“Display” button comes back to the activity.</p>",
theme:"Theme"
};
// if use the "view/edit" button or rely on the api instead
varisSankore=false;
// whether to do window.resize or not (window = widget area)
varisBrowser=(typeof(widget)=="undefined");
functionwcontainer(containerID)
{
// some protecred variables
varthisInstance=this;
this.editMode=false;
vardata={};// see setData and getData
// widget size parameters
this.minHeight=100;
this.minWidth=400;
// set to 0 for no max width restriction
this.maxWidth=0;
// links to the elements of the widget
this.elements={};
/*
============
create
============
- creates html base, inits this.elements, assings events
"<ul><li>de choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun), </li>"+
"<ul><li>choisir le thème de l’interactivité : tablette, ardoise ou aucun (par défaut aucun), </li>"+
"<li>de déterminer le texte sur lequel travailler.</li></ul>"+
"<li>déterminer le texte sur lequel travailler.</li></ul>"+
"<p>Ecrivez simplement dans la zone de texte les différentes phrases séparées par des points.<b> NB : Les points d’interrogation, les deux points “:”, les points-virgules “;” et les points d’exclamation ne sont pas pris en compte.</b></p>"+
"<p>Ecrivez simplement dans la zone de texte les différentes phrases séparées par des points.<b> NB : Les points d’interrogation, les deux points “:”, les points-virgules “;” et les points d’exclamation ne sont pas pris en compte.</b></p>"+
