var sankoreLang = { view: "Afficher", edit: "Modifier", example: "so*phis*ti*qué", wgt_name: "Syllabe", reload: "Recharger", slate: "ardoise", pad: "tablette", none: "aucun", help: "Aide", help_content: "

Syllabe

"+ "

Séparer les syllabes d’un mot.

"+ "

Un mot est écrit et le but est de découper le mot en syllabes. Une fois que le découpage est correct, le mot se colore en vert.

"+ "

Pour ajouter une séparation entre deux syllabes, déplacez le curseur et cliquez entre deux lettres, une séparation s’ajoute.

"+ "

Le bouton “Recharger” réinitialise l’exercice.

"+ "

Le bouton “Modifier” vous permet :

"+ ""+ "

Ecrivez simplement dans la zone de texte le mot en insérant entre les syllabes une étoile *.

"+ "

Le bouton “Afficher” vous permet d’utiliser l’activité.

" }; // if use the "view/edit" button or rely on the api instead var isSankore = false; // whether to do window.resize or not (window = widget area) var isBrowser = ( typeof( widget ) == "undefined" ); function wcontainer( containerID ) { // some protecred variables var thisInstance = this; this.editMode = false; var data = {}; // see setData and getData // widget size parameters this.minHeight = 100; this.minWidth = 400; // links to the elements of the widget this.elements = {}; /* ============ create ============ - creates html base, inits this.elements, assings events */ this.create = function( containerID ) { var html = '
' + '
' + '
' + '
' + '
' + '
'; var container = $( containerID ); container.append( html ); this.elements.edit = container.find( ".editmode" ); this.elements.view = container.find( ".viewmode" ); this.elements.container = container; this.elements.containerView = container.find( "#mp_content .viewmode" ); this.elements.containerEdit = container.find( "#mp_content .editmode" ); $("#wgt_edit").live("click", function(){ thisInstance.modeEdit(); } ); $("#wgt_display").live("click", function(){ thisInstance.modeView(); } ); }; /* =============== setViewContent =============== - assigns custom html to the viewmode container */ this.setViewContent = function( html ) { this.elements.container.find( "#mp_content .viewmode" ).html( html ); }; /* =============== setEditContent =============== - assigns custom html to the editmode container */ this.setEditContent = function( html ) { this.elements.container.find( "#mp_content .editmode" ).html( html ); }; /* ========================= modeEdit and modeView ========================= - switch the widget betweed modes * for customization extend onEditMode and onViewMode */ this.modeEdit = function() { this.onEditMode(); this.editMode = true; this.elements.edit.removeClass( "hide" ); this.elements.view.addClass( "hide" ); //this.adjustSize(); }; this.modeView = function() { this.onViewMode(); this.editMode = false; this.elements.edit.addClass( "hide" ); this.elements.view.removeClass( "hide" ); //this.adjustSize(); }; /* ====================== setData and getData ====================== - store some data inside */ this.setData = function( name, value ){ data[name] = value; }; this.getData = function( name ){ if( typeof( data[name] ) == "undefined" ){ return null; } else return data[name]; }; // redefinable methods /* ========================== onEditMode and onViewMode ========================== - these are called when the mode is being changed */ this.onEditMode = function(){ // }; this.onViewMode = function(){ // }; /* ====================== viewSize and editSize ====================== - calculate container size for the adjustSize method * they are likely to be redefined for each particular widget */ this.viewSize = function(){ return { w: this.elements.containerView.outerWidth(), h: this.elements.containerView.outerHeight() }; }; this.editSize = function(){ return { w: this.elements.containerEdit.outerWidth(), h: this.elements.containerEdit.outerHeight() }; }; /* ===================== checkAnswer ===================== - check if the exercise in the view mode was done right * redefine it for each particular widget */ this.checkAnswer = function() { // }; // constructor end // if the constructor was called with a parameter, // call create() automatically if( arguments.length > 0 ){ this.create( containerID ); } this.setData( "dw", this.elements.container.outerWidth( true ) - this.elements.container.width() ); this.setData( "dh", this.elements.container.outerHeight( true ) - this.elements.container.height() ); window.winstance = thisInstance; }