@ -1,5 +1,5 @@
var sankoreLang = { var sankoreLang = {
display : "Affich er" ,
display : "Ferm er" ,
edit : "Modifier" ,
edit : "Modifier" ,
short _desc : "Ecoutez le son et replacer les lettres dans l'ordre." ,
short _desc : "Ecoutez le son et replacer les lettres dans l'ordre." ,
add : "Nouveau bloc" , add : "Nouveau bloc" ,
@ -12,26 +12,27 @@ var sankoreLang = {
none : "Aucun" , none : "Aucun" ,
help : "Aide" , help : "Aide" ,
help _content : "<p><h2>Ordre des lettres</h2></p>" + help _content : "<p><h2>Ordre des lettres</h2></p>" +
"<p><h3>Ordonner des lettres pour reconstituer un mot.</h3></p>" + "<p><h3>Ordonner des lettres pour reconstituer un mot.</h3></p>" +
"<p>L’intégration d’un fichier son (facultatif) permet d’écouter le mot à reconstituer. Lorsque les lettres sont dans le bon ordre, l’interactivité se colore en vert.</p>" + "<p>L’intégration d’un fichier son (facultatif) permet d’écouter le mot à reconstituer. Lorsque les lettres sont dans le bon ordre, l’interactivité se colore en vert.</p>" +
"<p>L’activité s’effectue par un glisser-déposer des étiquettes pour remettre les lettres en ordre.<b> NB : vous pouvez également utiliser cette activité avec des chiffres.</b></p>" + "<p>L’activité s’effectue par un glisser-déposer des étiquettes pour remettre les lettres en ordre.<b> NB : vous pouvez également utiliser cette activité avec des chiffres.</b></p>" +
"<p>Le bouton “Recharger” réinitialise les exercices.</p>" + "<p>Le bouton “Recharger” réinitialise les exercices.</p>" +
"<p>Le bouton “Modifier” vous permet :</p>" + "<p>Le bouton “Modifier” vous permet :</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 déterminer le mot à reconstituer.</li></ul>" + "<li>de déterminer le mot à reconstituer.</li></ul>" +
"<p>Pour créer un nouvel exercice, cliquez sur “Nouveau bloc” en bas, puis</p>" + "<p>Pour créer un nouvel exercice, cliquez sur “Nouveau bloc” en bas, puis</p>" +
"<ul><li>insérez une consigne en cliquant sur le champ de texte “Saisir la consigne ici ...”,</li>" + "<ul><li>insérez une consigne en cliquant sur le champ de texte “Saisir la consigne ici ...”,</li>" +
"<li>insérez un son dans la zone à gauche de la consigne par glisser-déposer d’un son à partir de votre bibliothèque (facultatif),</li>" + "<li>insérez un son dans la zone à gauche de la consigne par glisser-déposer d’un son à partir de votre bibliothèque (facultatif),</li>" +
"<li>écrivez le mot souhaité à la place de “exemple”.</li></ul>" + "<li>écrivez le mot souhaité à la place de “exemple”.</li></ul>" +
"<p>Pour supprimer un exercice, cliquez sur la croix à gauche du numéro de l’exercice.</p>" + "<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>Le bouton “Afficher” vous permet d’utiliser l’activité.</p>" ,
theme : "Thème"
} ; } ;
//main function
//main function
@ -43,9 +44,11 @@ function start(){
$ ( "#wgt_reload" ) . text ( sankoreLang . reload ) ; $ ( "#wgt_reload" ) . text ( sankoreLang . reload ) ;
$ ( "#wgt_help" ) . text ( sankoreLang . help ) ; $ ( "#wgt_help" ) . text ( sankoreLang . help ) ;
$ ( "#help" ) . html ( sankoreLang . help _content ) ; $ ( "#help" ) . html ( sankoreLang . help _content ) ;
$ ( ".style_select option[value='1']" ) . text ( sankoreLang . slate ) ; $ ( "#style_select option[value='1']" ) . text ( sankoreLang . slate ) ;
$ ( ".style_select option[value='2']" ) . text ( sankoreLang . pad ) ; $ ( "#style_select option[value='2']" ) . text ( sankoreLang . pad ) ;
$ ( ".style_select option[value='3']" ) . text ( sankoreLang . none ) ; $ ( "#style_select option[value='3']" ) . text ( sankoreLang . none ) ;
var tmpl = $ ( "div.inline label" ) . html ( ) ;
$ ( "div.inline label" ) . html ( sankoreLang . theme + tmpl )
if ( window . sankore ) { if ( window . sankore ) {
if ( sankore . preference ( "associer_sound" , "" ) ) { if ( sankore . preference ( "associer_sound" , "" ) ) {
@ -56,7 +59,7 @@ function start(){
showExample ( ) ; showExample ( ) ;
if ( sankore . preference ( "ord_let_style" , "" ) ) { if ( sankore . preference ( "ord_let_style" , "" ) ) {
changeStyle ( sankore . preference ( "ord_let_style" , "" ) ) ; changeStyle ( sankore . preference ( "ord_let_style" , "" ) ) ;
$ ( ". style_select" ) . val ( sankore . preference ( "ord_let_style" , "" ) ) ; $ ( "# style_select" ) . val ( sankore . preference ( "ord_let_style" , "" ) ) ;
} else } else
changeStyle ( "3" ) changeStyle ( "3" )
}
}
@ -66,18 +69,20 @@ function start(){
if ( window . widget ) { if ( window . widget ) {
window . widget . onleave = function ( ) { window . widget . onleave = function ( ) {
exportData ( ) ; exportData ( ) ;
sankore . setPreference ( "ord_let_style" , $ ( ". style_select" ) . find ( "option:selected" ) . val ( ) ) ; sankore . setPreference ( "ord_let_style" , $ ( "# style_select" ) . find ( "option:selected" ) . val ( ) ) ;
} }
} }
$ ( "#wgt_help" ) . click ( function ( ) { $ ( "#wgt_help" ) . click ( function ( ) {
var tmp = $ ( this ) ; var tmp = $ ( this ) ;
if ( $ ( this ) . hasClass ( "open" ) ) { if ( $ ( this ) . hasClass ( "open" ) ) {
$ ( this ) . removeClass ( "help_pad" ) . removeClass ( "help_wood" )
$ ( "#help" ) . slideUp ( "100" , function ( ) { $ ( "#help" ) . slideUp ( "100" , function ( ) {
tmp . removeClass ( "open" ) ; tmp . removeClass ( "open" ) ;
$ ( "#data" ) . show ( ) ; $ ( "#data" ) . show ( ) ;
} ) ; } ) ;
} else { } else {
( $ ( "#style_select" ) . val ( ) == 1 ) ? $ ( this ) . removeClass ( "help_pad" ) . addClass ( "help_wood" ) : $ ( this ) . removeClass ( "help_wood" ) . addClass ( "help_pad" ) ;
$ ( "#data" ) . hide ( ) ; $ ( "#data" ) . hide ( ) ;
$ ( "#help" ) . slideDown ( "100" , function ( ) { $ ( "#help" ) . slideDown ( "100" , function ( ) {
tmp . addClass ( "open" ) ; tmp . addClass ( "open" ) ;
@ -98,7 +103,7 @@ function start(){
exportData ( ) ; exportData ( ) ;
} ) ; } ) ;
$ ( ". style_select" ) . change ( function ( event ) { $ ( "# style_select" ) . change ( function ( event ) {
changeStyle ( $ ( this ) . find ( "option:selected" ) . val ( ) ) ; changeStyle ( $ ( this ) . find ( "option:selected" ) . val ( ) ) ;
} ) } )
@ -109,7 +114,7 @@ function start(){
sankore . enableDropOnWidget ( false ) ; sankore . enableDropOnWidget ( false ) ;
$ ( this ) . addClass ( "selected" ) ; $ ( this ) . addClass ( "selected" ) ;
$ ( "#wgt_edit" ) . removeClass ( "selected" ) ; $ ( "#wgt_edit" ) . removeClass ( "selected" ) ;
$ ( ".style_select " ) . css ( "display" , "none" ) ; $ ( "#parameters " ) . css ( "display" , "none" ) ;
$ ( ".add_block" ) . remove ( ) ; $ ( ".add_block" ) . remove ( ) ;
$ ( ".cont" ) . each ( function ( ) { $ ( ".cont" ) . each ( function ( ) {
var container = $ ( this ) ; var container = $ ( this ) ;
@ -133,7 +138,11 @@ function start(){
tmp _array = shuffle ( tmp _array ) ; tmp _array = shuffle ( tmp _array ) ;
for ( var i = 0 ; i < tmp _array . length ; i ++ ) for ( var i = 0 ; i < tmp _array . length ; i ++ )
tmp _array [ i ] . appendTo ( ul _cont ) ; tmp _array [ i ] . appendTo ( ul _cont ) ;
ul _cont . sortable ( { revert : true , placeholder : "highlight" , update : checkResult } ) ; ul _cont . sortable ( {
revert : true ,
placeholder : "highlight" ,
update : checkResult
} ) ;
} ) ; } ) ;
$ ( this ) . css ( "display" , "none" ) ; $ ( this ) . css ( "display" , "none" ) ;
$ ( "#wgt_edit" ) . css ( "display" , "block" ) ; $ ( "#wgt_edit" ) . css ( "display" , "block" ) ;
@ -144,7 +153,7 @@ function start(){
sankore . enableDropOnWidget ( true ) ; sankore . enableDropOnWidget ( true ) ;
$ ( this ) . addClass ( "selected" ) ; $ ( this ) . addClass ( "selected" ) ;
$ ( "#wgt_display" ) . removeClass ( "selected" ) ; $ ( "#wgt_display" ) . removeClass ( "selected" ) ;
$ ( ".style_select " ) . css ( "display" , "block" ) ; $ ( "#parameters " ) . css ( "display" , "block" ) ;
$ ( ".cont" ) . each ( function ( ) { $ ( ".cont" ) . each ( function ( ) {
var container = $ ( this ) ; var container = $ ( this ) ;
$ ( "<div class='close_cont'>" ) . appendTo ( container ) ; $ ( "<div class='close_cont'>" ) . appendTo ( container ) ;
@ -300,7 +309,7 @@ function importData(data){
var audio _block = $ ( "<div class='audio_block'>" ) . appendTo ( text ) ; var audio _block = $ ( "<div class='audio_block'>" ) . appendTo ( text ) ;
$ ( "<div class='play'>" ) . appendTo ( audio _block ) ; $ ( "<div class='play'>" ) . appendTo ( audio _block ) ;
$ ( "<div class='replay'>" ) . appendTo ( audio _block ) ; $ ( "<div class='replay'>" ) . appendTo ( audio _block ) ;
var source = $ ( "<source/>" ) . attr ( "src" , "../../" + data [ i ] . audio ) ; var source = $ ( "<source/>" ) . attr ( "src" , data [ i ] . audio ) ;
var audio = $ ( "<audio>" ) . appendTo ( audio _block ) ; var audio = $ ( "<audio>" ) . appendTo ( audio _block ) ;
audio . append ( source ) ; audio . append ( source ) ;
$ ( "<input type='hidden'/>" ) . appendTo ( audio _block ) ; $ ( "<input type='hidden'/>" ) . appendTo ( audio _block ) ;
@ -326,7 +335,10 @@ function importData(data){
for ( j = 0 ; j < tmp _array . length ; j ++ ) for ( j = 0 ; j < tmp _array . length ; j ++ )
tmp _array [ j ] . appendTo ( imgs _container ) ; tmp _array [ j ] . appendTo ( imgs _container ) ;
imgs _container . sortable ( { revert : true , placeholder : "highlight" } ) . bind ( 'sortupdate' , function ( event , ui ) { imgs _container . sortable ( {
revert : true ,
placeholder : "highlight"
} ) . bind ( 'sortupdate' , function ( event , ui ) {
checkResult ( event ) ; checkResult ( event ) ;
} ) ;
} ) ;
if ( data [ i ] . cur _answer ) if ( data [ i ] . cur _answer )
@ -347,7 +359,7 @@ function showExample(){
var audio _block = $ ( "<div class='audio_block'>" ) . appendTo ( text ) ; var audio _block = $ ( "<div class='audio_block'>" ) . appendTo ( text ) ;
$ ( "<div class='play'>" ) . appendTo ( audio _block ) ; $ ( "<div class='play'>" ) . appendTo ( audio _block ) ;
$ ( "<div class='replay'>" ) . appendTo ( audio _block ) ; $ ( "<div class='replay'>" ) . appendTo ( audio _block ) ;
var source = $ ( "<source/>" ) . attr ( "src" , "objects/b eep.mp3" ) ; var source = $ ( "<source/>" ) . attr ( "src" , "objects/ex em ple .mp3" ) ;
var audio = $ ( "<audio>" ) . appendTo ( audio _block ) ; var audio = $ ( "<audio>" ) . appendTo ( audio _block ) ;
audio . append ( source ) ; audio . append ( source ) ;
$ ( "<input type='hidden'/>" ) . appendTo ( audio _block ) ; $ ( "<input type='hidden'/>" ) . appendTo ( audio _block ) ;
@ -363,7 +375,10 @@ function showExample(){
tmp _array = shuffle ( tmp _array ) ; tmp _array = shuffle ( tmp _array ) ;
for ( var i = 0 ; i < tmp _array . length ; i ++ ) for ( var i = 0 ; i < tmp _array . length ; i ++ )
tmp _array [ i ] . appendTo ( imgs _container ) ; tmp _array [ i ] . appendTo ( imgs _container ) ;
imgs _container . sortable ( { revert : true , placeholder : "highlight" } ) . bind ( 'sortupdate' , function ( event , ui ) { imgs _container . sortable ( {
revert : true ,
placeholder : "highlight"
} ) . bind ( 'sortupdate' , function ( event , ui ) {
checkResult ( event ) ; checkResult ( event ) ;
} ) ; } ) ;
} }
@ -460,10 +475,10 @@ function changeStyle(val){
$ ( "#wgt_reload" ) . removeClass ( "pad_color" ) . removeClass ( "pad_reload" ) ; $ ( "#wgt_reload" ) . removeClass ( "pad_color" ) . removeClass ( "pad_reload" ) ;
$ ( "#wgt_help" ) . removeClass ( "pad_color" ) . removeClass ( "pad_help" ) ; $ ( "#wgt_help" ) . removeClass ( "pad_color" ) . removeClass ( "pad_help" ) ;
$ ( "#wgt_edit" ) . removeClass ( "pad_color" ) . removeClass ( "pad_edit" ) ; $ ( "#wgt_edit" ) . removeClass ( "pad_color" ) . removeClass ( "pad_edit" ) ;
$ ( "#wgt_display" ) . removeClass ( "pad_color" ) . removeClass ( "pad_edit" ) ;
$ ( "#wgt_name" ) . removeClass ( "pad_color" ) ; $ ( "#wgt_name" ) . removeClass ( "pad_color" ) ;
$ ( ".style_select" ) . removeClass ( "pad_select" ) . removeClass ( "none_select" ) . val ( val ) ; $ ( "#wgt_display" ) . addClass ( "display_wood" ) ;
$ ( "body, html" ) . removeClass ( "without_radius" ) ; $ ( "#style_select" ) . val ( val ) ;
$ ( "body, html" ) . removeClass ( "without_radius" ) . addClass ( "radius_ft" ) ;
break ; break ;
case "2" : case "2" :
$ ( ".b_top_left" ) . addClass ( "btl_pad" ) . removeClass ( "without_back" ) ; $ ( ".b_top_left" ) . addClass ( "btl_pad" ) . removeClass ( "without_back" ) ;
@ -477,10 +492,10 @@ function changeStyle(val){
$ ( "#wgt_reload" ) . addClass ( "pad_color" ) . addClass ( "pad_reload" ) ; $ ( "#wgt_reload" ) . addClass ( "pad_color" ) . addClass ( "pad_reload" ) ;
$ ( "#wgt_help" ) . addClass ( "pad_color" ) . addClass ( "pad_help" ) ; $ ( "#wgt_help" ) . addClass ( "pad_color" ) . addClass ( "pad_help" ) ;
$ ( "#wgt_edit" ) . addClass ( "pad_color" ) . addClass ( "pad_edit" ) ; $ ( "#wgt_edit" ) . addClass ( "pad_color" ) . addClass ( "pad_edit" ) ;
$ ( "#wgt_display" ) . addClass ( "pad_color" ) . addClass ( "pad_edit" ) ;
$ ( "#wgt_name" ) . addClass ( "pad_color" ) ; $ ( "#wgt_name" ) . addClass ( "pad_color" ) ;
$ ( ".style_select" ) . addClass ( "pad_select" ) . removeClass ( "none_select" ) . val ( val ) ; $ ( "#wgt_display" ) . removeClass ( "display_wood" ) ;
$ ( "body, html" ) . removeClass ( "without_radius" ) ; $ ( "#style_select" ) . val ( val ) ;
$ ( "body, html" ) . removeClass ( "without_radius" ) . removeClass ( "radius_ft" ) ;
break ; break ;
case "3" : case "3" :
$ ( ".b_top_left" ) . addClass ( "without_back" ) . removeClass ( "btl_pad" ) ; $ ( ".b_top_left" ) . addClass ( "without_back" ) . removeClass ( "btl_pad" ) ;
@ -494,10 +509,10 @@ function changeStyle(val){
$ ( "#wgt_help" ) . addClass ( "pad_color" ) . addClass ( "pad_help" ) ; $ ( "#wgt_help" ) . addClass ( "pad_color" ) . addClass ( "pad_help" ) ;
$ ( "#wgt_reload" ) . addClass ( "pad_color" ) . addClass ( "pad_reload" ) ; $ ( "#wgt_reload" ) . addClass ( "pad_color" ) . addClass ( "pad_reload" ) ;
$ ( "#wgt_edit" ) . addClass ( "pad_color" ) . addClass ( "pad_edit" ) ; $ ( "#wgt_edit" ) . addClass ( "pad_color" ) . addClass ( "pad_edit" ) ;
$ ( "#wgt_display" ) . addClass ( "pad_color" ) . addClass ( "pad_edit" ) ;
$ ( "#wgt_name" ) . addClass ( "pad_color" ) ; $ ( "#wgt_name" ) . addClass ( "pad_color" ) ;
$ ( ".style_select" ) . addClass ( "none_select" ) . val ( val ) ; $ ( "#wgt_display" ) . removeClass ( "display_wood" ) ;
$ ( "body, html" ) . addClass ( "without_radius" ) ; $ ( "#style_select" ) . val ( val ) ;
$ ( "body, html" ) . addClass ( "without_radius" ) . removeClass ( "radius_ft" ) ;
break ; break ;
} }
} }
maximXbs
12 years ago
