Commit ab689ce2 authored by Claudio Valerio's avatar Claudio Valerio

imported changes made on Sankore

parent afad2faa
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets" <widget xmlns="http://www.w3.org/ns/widgets"
xmlns:ub="http://uniboard.mnemis.com/widgets" xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://uniboard.mnemis.com/widgets/notes" id="http://uniboard.mnemis.com/widgets/notes"
version="1.2" version="1.2"
width="950" width="950"
height="600" height="560"
ub:resizable="true"> minimum_height="300"
minimum_width="670"
<name>Notes</name> ub:resizable="false">
<author href="http://www.getuniboard.com"
email="info@mnemis.com">Mnemis SA</author> <name>Notes</name>
<description>Associer images</description> <author href="http://www.getuniboard.com"
email="info@mnemis.com">Mnemis SA</author>
<content src="index.html"/> <description>Associer images</description>
</widget>
<content src="index.html"/>
</widget>
...@@ -3,89 +3,30 @@ ...@@ -3,89 +3,30 @@
<head> <head>
<title>D'n'd</title> <title>D'n'd</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="css/basic.css"/>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript"> <script type="text/javascript">
if (parent && parent.loaded) if (parent && parent.loaded)
parent.loaded(); parent.loaded();
$(document).ready(function(){ $(document).ready(function(){
var lang = ""; //locale language var lang = (window.sankore)?sankore.locale().substr(0,2):"en"; //local language
if(window.sankore){
lang = sankore.locale().substr(0,2); $.ajax({
} else type: 'POST',
lang = "en"; url:'locales/' + lang + '/index.html',
if(lang == "en"){ statusCode: {
if(window.sankore) 404: function() {
sankore.enableDropOnWidget(false); window.location.href = 'locales/en/index.html';
start(); },
} 200: function(){
else{ window.location.href = 'locales/' + lang + '/index.html';
returnStatus(lang);
}
function returnStatus(lang){
$.ajax({
type: 'POST',
url:'locales/' + lang + '/index.html',
statusCode: {
404: function() {
start();
},
200: function(){
window.location.href = 'locales/' + lang + '/index.html';
}
} }
}); }
} });
//here you can put your code
if(window.sankore)
sankore.enableDropOnWidget();
}); });
</script> </script>
</head> </head>
<body> <body>
<table class="body_table" cellpadding=0 cellspacing=0>
<tr style="height: 54px;">
<td class="b_top_left">&nbsp;</td>
<td class="b_top_center">
<div id="wgt_name"></div>
<div id="wgt_help"></div>
<div id="wgt_reload"></div>
<div id="wgt_display" class="selected"></div>
<div id="wgt_edit"></div>
</td>
<td class="b_top_right">&nbsp;</td>
</tr>
<tr>
<td class="b_center_left">&nbsp;</td>
<td>
<div id="help"></div>
<div id="data">
<div id="parameters">
<div class="inline">
<label>
<select id="style_select">
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
</select>
</label>
</div>
</div>
</div>
</td>
<td class="b_center_right">&nbsp;</td>
</tr>
<tr style="height: 54px;">
<td class="b_bottom_left">&nbsp;</td>
<td class="b_bottom_center">&nbsp;</td>
<td class="b_bottom_right">&nbsp;</td>
</tr>
</table>
</body> </body>
</html> </html>
<!DOCTYPE html>
<html>
<head>
<title>D'n'd</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="../../css/basic.css"/>
<script type="text/javascript" src="../../js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
if(window.sankore)
sankore.enableDropOnWidget(false);
start();
});
</script>
</head>
<body>
<table class="body_table" cellpadding=0 cellspacing=0>
<tr style="height: 54px;">
<td class="b_top_left">&nbsp;</td>
<td class="b_top_center">
<div id="wgt_name"></div>
<div id="wgt_help"></div>
<div id="wgt_reload"></div>
<div id="wgt_display" class="selected"></div>
<div id="wgt_edit"></div>
</td>
<td class="b_top_right">&nbsp;</td>
</tr>
<tr>
<td class="b_center_left">&nbsp;</td>
<td>
<div id="help"></div>
<div id="data">
<div id="parameters">
<div class="inline">
<label>
<select id="style_select">
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
</select>
</label>
</div>
</div>
</div>
</td>
<td class="b_center_right">&nbsp;</td>
</tr>
<tr style="height: 54px;">
<td class="b_bottom_left">&nbsp;</td>
<td class="b_bottom_center">&nbsp;</td>
<td class="b_bottom_right">&nbsp;</td>
</tr>
</table>
</body>
</html>
...@@ -19,19 +19,16 @@ var sankoreLang = { ...@@ -19,19 +19,16 @@ var sankoreLang = {
"<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 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, puis</p>"+ "<p>En mode édition :</p>"+
"<ul><li>insérez une consigne en cliquant sur le champ de texte “Saisir la consigne ici ...”, </li>"+ "<ul><li>changez la consigne en cliquant sur le champ de texte, </li>"+
"<li>ajoutez des zones image en cliquant sur le gros signe + en dessous, </li>"+ "<li>ajoutez des zones image en cliquant sur le gros signe + en dessous, </li>"+
"<li>insérez des images dans ces zones par glisser-déposer des images à partir de votre bibliothèque, </li>"+ "<li>insérez des images dans ces zones par glisser-déposer des images à partir de votre bibliothèque, </li>"+
"<li>définissez l’image correcte de l’interactivité en cliquant sur le bouton valider “v” situé en bas à droite de l’image concernée.</li></ul>"+ "<li>définissez l’image correcte de l’interactivité en cliquant sur le bouton valider “v” situé en bas à droite de l’image concernée,</li>"+
"<p>Pour supprimer une zone image, cliquez sur la croix située dans le coin supérieur droit de l’image.</p>"+ "<li>supprimez une zone image, en cliquant sur la croix située dans son coin supérieur droit,</li>"+
"<p>Pour changer d’image, cliquez sur l’icône située au milieu à droite de l’image.</p>"+ "<li>changez d’image en cliquant sur l’icône située au milieu à 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>",
theme: "Thème" theme: "Thème"
}; };
...@@ -108,7 +105,7 @@ function start(){ ...@@ -108,7 +105,7 @@ function start(){
$(this).addClass("selected"); $(this).addClass("selected");
$("#wgt_edit").removeClass("selected"); $("#wgt_edit").removeClass("selected");
$("#parameters").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);
var tmp_i = 0; var tmp_i = 0;
...@@ -116,7 +113,7 @@ function start(){ ...@@ -116,7 +113,7 @@ function start(){
container.find(".text_cont").removeAttr("contenteditable"); container.find(".text_cont").removeAttr("contenteditable");
container.find(".add_img").remove(); container.find(".add_img").remove();
container.find(".close_cont").remove(); // container.find(".close_cont").remove();
container.find(".img_block").each(function(){ container.find(".img_block").each(function(){
if($(this).find("img").attr("src") != "img/drop_img.png"){ if($(this).find("img").attr("src") != "img/drop_img.png"){
$(this).find(".close_img").remove(); $(this).find(".close_img").remove();
...@@ -218,7 +215,7 @@ function start(){ ...@@ -218,7 +215,7 @@ function start(){
$(this).appendTo(container.find(".imgs_cont")) $(this).appendTo(container.find(".imgs_cont"))
}); });
container.find(".imgs_answers").remove(); container.find(".imgs_answers").remove();
$("<div class='close_cont'>").appendTo(container); // $("<div class='close_cont'>").appendTo(container);
container.find(".text_cont").attr("contenteditable","true"); container.find(".text_cont").attr("contenteditable","true");
var add_img = $("<div class='add_img'>"); var add_img = $("<div class='add_img'>");
...@@ -241,7 +238,7 @@ function start(){ ...@@ -241,7 +238,7 @@ function start(){
container.find(".imgs_cont").append(add_img) container.find(".imgs_cont").append(add_img)
}); });
$("<div class='add_block'>" + sankoreLang.add + "</div>").appendTo("#data"); // $("<div class='add_block'>" + sankoreLang.add + "</div>").appendTo("#data");
$(this).css("display", "none"); $(this).css("display", "none");
$("#wgt_display").css("display", "block"); $("#wgt_display").css("display", "block");
} }
...@@ -249,20 +246,20 @@ function start(){ ...@@ -249,20 +246,20 @@ function start(){
}); });
//add new block //add new block
$(".add_block").live("click", function(){ // $(".add_block").live("click", function(){
addContainer(); // addContainer();
}); // });
//
//adding new img //adding new img
$(".add_img").live("click", function(){ $(".add_img").live("click", function(){
addImgBlock($(this)); addImgBlock($(this));
}); });
//deleting a block //deleting a block
$(".close_cont").live("click",function(){ // $(".close_cont").live("click",function(){
$(this).parent().remove(); // $(this).parent().remove();
refreshBlockNumbers(); // refreshBlockNumbers();
}); // });
//deleting the img block //deleting the img block
$(".close_img").live("click", function(){ $(".close_img").live("click", function(){
...@@ -357,8 +354,7 @@ function exportData(){ ...@@ -357,8 +354,7 @@ function exportData(){
//import //import
function importData(data){ function importData(data){
var tmp = 0;
for(var i in data){ for(var i in data){
if(data[i].tmp){ if(data[i].tmp){
changeStyle(data[i].style); changeStyle(data[i].style);
...@@ -375,7 +371,7 @@ function importData(data){ ...@@ -375,7 +371,7 @@ function importData(data){
var imgs_answers = $("<div class='imgs_answers imgs_answers_gray'><img src='img/drop_img.png' style='margin-top: 11px;'/></div>").appendTo(container); var imgs_answers = $("<div class='imgs_answers imgs_answers_gray'><img src='img/drop_img.png' style='margin-top: 11px;'/></div>").appendTo(container);
var imgs_container = $("<div class='imgs_cont'>").appendTo(container); var imgs_container = $("<div class='imgs_cont'>").appendTo(container);
var number = $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container); // var number = $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container);
var text = $("<div class='text_cont'>" + data[i].text + "</div>").appendTo(sub_container); var text = $("<div class='text_cont'>" + data[i].text + "</div>").appendTo(sub_container);
for(var j in data[i].imgs){ for(var j in data[i].imgs){
...@@ -458,7 +454,7 @@ function importData(data){ ...@@ -458,7 +454,7 @@ function importData(data){
$("<img src='img/drop_img.png' style='margin-top: 11px;'/>").appendTo(imgs_answers); $("<img src='img/drop_img.png' style='margin-top: 11px;'/>").appendTo(imgs_answers);
imgs_container = $("<div class='imgs_cont'>").appendTo(container); imgs_container = $("<div class='imgs_cont'>").appendTo(container);
number = $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container); // number = $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container);
text = $("<div class='text_cont'>" + data[i].text + "</div>").appendTo(sub_container); text = $("<div class='text_cont'>" + data[i].text + "</div>").appendTo(sub_container);
for(j in data[i].imgs){ for(j in data[i].imgs){
...@@ -556,7 +552,7 @@ function showExample(){ ...@@ -556,7 +552,7 @@ function showExample(){
var imgs_answers = $("<div class='imgs_answers imgs_answers_gray'><img src='img/drop_img.png' style='margin-top: 11px;'/></div>").appendTo(container); var imgs_answers = $("<div class='imgs_answers imgs_answers_gray'><img src='img/drop_img.png' style='margin-top: 11px;'/></div>").appendTo(container);
var imgs_container = $("<div class='imgs_cont'>").appendTo(container); var imgs_container = $("<div class='imgs_cont'>").appendTo(container);
var number = $("<div class='number_cont'>1</div>").appendTo(sub_container); // var number = $("<div class='number_cont'>1</div>").appendTo(sub_container);
var text = $("<div class='text_cont'>" + sankoreLang.short_desc + "</div>").appendTo(sub_container); var text = $("<div class='text_cont'>" + sankoreLang.short_desc + "</div>").appendTo(sub_container);
$("<input type='hidden' value='1'/>").appendTo(imgs_container); $("<input type='hidden' value='1'/>").appendTo(imgs_container);
...@@ -713,19 +709,19 @@ function checkResult(event) ...@@ -713,19 +709,19 @@ function checkResult(event)
} }
//add new container //add new container
function addContainer(){ //function addContainer(){
var container = $("<div class='cont'>"); // var container = $("<div class='cont'>");
var sub_container = $("<div class='sub_cont'>").appendTo(container); // var sub_container = $("<div class='sub_cont'>").appendTo(container);
var imgs_container = $("<div class='imgs_cont'>").appendTo(container); // var imgs_container = $("<div class='imgs_cont'>").appendTo(container);
//
var close = $("<div class='close_cont'>").appendTo(container); // var close = $("<div class='close_cont'>").appendTo(container);
var number = $("<div class='number_cont'>"+ ($(".cont").size() + 1) +"</div>").appendTo(sub_container); // var number = $("<div class='number_cont'>"+ ($(".cont").size() + 1) +"</div>").appendTo(sub_container);
var text = $("<div class='text_cont' contenteditable>" + sankoreLang.enter + "</div>").appendTo(sub_container); // var text = $("<div class='text_cont' contenteditable>" + sankoreLang.enter + "</div>").appendTo(sub_container);
//
$("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container); // $("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container);
var add_img = $("<div class='add_img'>").appendTo(imgs_container); // var add_img = $("<div class='add_img'>").appendTo(imgs_container);
container.insertBefore($(".add_block")); // container.insertBefore($(".add_block"));
} //}
//add new img block //add new img block
function addImgBlock(dest){ function addImgBlock(dest){
...@@ -737,12 +733,12 @@ function addImgBlock(dest){ ...@@ -737,12 +733,12 @@ function addImgBlock(dest){
$("<img src='img/drop_img.png' height='120'/>").appendTo(img_block); $("<img src='img/drop_img.png' height='120'/>").appendTo(img_block);
} }
function refreshBlockNumbers(){ //function refreshBlockNumbers(){
var i = 0; // var i = 0;
$(".cont").each(function(){ // $(".cont").each(function(){
$(this).find(".number_cont").text(++i); // $(this).find(".number_cont").text(++i);
}) // })
} //}
//shuffles an array //shuffles an array
function shuffle( arr ) function shuffle( arr )
......
...@@ -88,7 +88,7 @@ function start(){ ...@@ -88,7 +88,7 @@ function start(){
$(this).addClass("selected"); $(this).addClass("selected");
$("#wgt_edit").removeClass("selected"); $("#wgt_edit").removeClass("selected");
$("#parameters").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);
var tmp_i = 0; var tmp_i = 0;
...@@ -96,7 +96,7 @@ function start(){ ...@@ -96,7 +96,7 @@ function start(){
container.find(".text_cont").removeAttr("contenteditable"); container.find(".text_cont").removeAttr("contenteditable");
container.find(".add_img").remove(); container.find(".add_img").remove();
container.find(".close_cont").remove(); // container.find(".close_cont").remove();
container.find(".img_block").each(function(){ container.find(".img_block").each(function(){
if($(this).find("img").attr("src") != "img/drop_img.png"){ if($(this).find("img").attr("src") != "img/drop_img.png"){
$(this).find(".close_img").remove(); $(this).find(".close_img").remove();
...@@ -198,7 +198,7 @@ function start(){ ...@@ -198,7 +198,7 @@ function start(){
$(this).appendTo(container.find(".imgs_cont")) $(this).appendTo(container.find(".imgs_cont"))
}); });
container.find(".imgs_answers").remove(); container.find(".imgs_answers").remove();
$("<div class='close_cont'>").appendTo(container); // $("<div class='close_cont'>").appendTo(container);
container.find(".text_cont").attr("contenteditable","true"); container.find(".text_cont").attr("contenteditable","true");
var add_img = $("<div class='add_img'>"); var add_img = $("<div class='add_img'>");
...@@ -221,7 +221,7 @@ function start(){ ...@@ -221,7 +221,7 @@ function start(){
container.find(".imgs_cont").append(add_img) container.find(".imgs_cont").append(add_img)
}); });
$("<div class='add_block'>" + sankoreLang.add + "</div>").appendTo("#data"); // $("<div class='add_block'>" + sankoreLang.add + "</div>").appendTo("#data");
$(this).css("display", "none"); $(this).css("display", "none");
$("#wgt_display").css("display", "block"); $("#wgt_display").css("display", "block");
} }
...@@ -229,20 +229,20 @@ function start(){ ...@@ -229,20 +229,20 @@ function start(){
}); });
//add new block //add new block
$(".add_block").live("click", function(){ // $(".add_block").live("click", function(){
addContainer(); // addContainer();
}); // });
//
//adding new img //adding new img
$(".add_img").live("click", function(){ $(".add_img").live("click", function(){
addImgBlock($(this)); addImgBlock($(this));
}); });
//deleting a block //deleting a block
$(".close_cont").live("click",function(){ // $(".close_cont").live("click",function(){
$(this).parent().remove(); // $(this).parent().remove();
refreshBlockNumbers(); // refreshBlockNumbers();
}); // });
//deleting the img block //deleting the img block
$(".close_img").live("click", function(){ $(".close_img").live("click", function(){
...@@ -337,8 +337,7 @@ function exportData(){ ...@@ -337,8 +337,7 @@ function exportData(){
//import //import
function importData(data){ function importData(data){
var tmp = 0;
for(var i in data){ for(var i in data){
if(data[i].tmp){ if(data[i].tmp){
changeStyle(data[i].style); changeStyle(data[i].style);
...@@ -355,7 +354,7 @@ function importData(data){ ...@@ -355,7 +354,7 @@ function importData(data){
var imgs_answers = $("<div class='imgs_answers imgs_answers_gray'><img src='img/drop_img.png' style='margin-top: 11px;'/></div>").appendTo(container); var imgs_answers = $("<div class='imgs_answers imgs_answers_gray'><img src='img/drop_img.png' style='margin-top: 11px;'/></div>").appendTo(container);
var imgs_container = $("<div class='imgs_cont'>").appendTo(container); var imgs_container = $("<div class='imgs_cont'>").appendTo(container);
var number = $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container); // var number = $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container);
var text = $("<div class='text_cont'>" + data[i].text + "</div>").appendTo(sub_container); var text = $("<div class='text_cont'>" + data[i].text + "</div>").appendTo(sub_container);
for(var j in data[i].imgs){ for(var j in data[i].imgs){
...@@ -438,7 +437,7 @@ function importData(data){ ...@@ -438,7 +437,7 @@ function importData(data){
$("<img src='img/drop_img.png' style='margin-top: 11px;'/>").appendTo(imgs_answers); $("<img src='img/drop_img.png' style='margin-top: 11px;'/>").appendTo(imgs_answers);
imgs_container = $("<div class='imgs_cont'>").appendTo(container); imgs_container = $("<div class='imgs_cont'>").appendTo(container);
number = $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container); // number = $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container);
text = $("<div class='text_cont'>" + data[i].text + "</div>").appendTo(sub_container); text = $("<div class='text_cont'>" + data[i].text + "</div>").appendTo(sub_container);
for(j in data[i].imgs){ for(j in data[i].imgs){
...@@ -536,7 +535,7 @@ function showExample(){ ...@@ -536,7 +535,7 @@ function showExample(){
var imgs_answers = $("<div class='imgs_answers imgs_answers_gray'><img src='img/drop_img.png' style='margin-top: 11px;'/></div>").appendTo(container); var imgs_answers = $("<div class='imgs_answers imgs_answers_gray'><img src='img/drop_img.png' style='margin-top: 11px;'/></div>").appendTo(container);
var imgs_container = $("<div class='imgs_cont'>").appendTo(container); var imgs_container = $("<div class='imgs_cont'>").appendTo(container);
var number = $("<div class='number_cont'>1</div>").appendTo(sub_container); // var number = $("<div class='number_cont'>1</div>").appendTo(sub_container);
var text = $("<div class='text_cont'>" + sankoreLang.short_desc + "</div>").appendTo(sub_container); var text = $("<div class='text_cont'>" + sankoreLang.short_desc + "</div>").appendTo(sub_container);
$("<input type='hidden' value='1'/>").appendTo(imgs_container); $("<input type='hidden' value='1'/>").appendTo(imgs_container);
...@@ -693,19 +692,19 @@ function checkResult(event) ...@@ -693,19 +692,19 @@ function checkResult(event)
} }
//add new container //add new container
function addContainer(){ //function addContainer(){
var container = $("<div class='cont'>"); // var container = $("<div class='cont'>");
var sub_container = $("<div class='sub_cont'>").appendTo(container); // var sub_container = $("<div class='sub_cont'>").appendTo(container);
var imgs_container = $("<div class='imgs_cont'>").appendTo(container); // var imgs_container = $("<div class='imgs_cont'>").appendTo(container);
//
var close = $("<div class='close_cont'>").appendTo(container); // var close = $("<div class='close_cont'>").appendTo(container);
var number = $("<div class='number_cont'>"+ ($(".cont").size() + 1) +"</div>").appendTo(sub_container); // var number = $("<div class='number_cont'>"+ ($(".cont").size() + 1) +"</div>").appendTo(sub_container);
var text = $("<div class='text_cont' contenteditable>" + sankoreLang.enter + "</div>").appendTo(sub_container); // var text = $("<div class='text_cont' contenteditable>" + sankoreLang.enter + "</div>").appendTo(sub_container);
//
$("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container); // $("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container);
var add_img = $("<div class='add_img'>").appendTo(imgs_container); // var add_img = $("<div class='add_img'>").appendTo(imgs_container);
container.insertBefore($(".add_block")); // container.insertBefore($(".add_block"));
} //}
//add new img block //add new img block
function addImgBlock(dest){ function addImgBlock(dest){
...@@ -717,12 +716,12 @@ function addImgBlock(dest){ ...@@ -717,12 +716,12 @@ function addImgBlock(dest){
$("<img src='img/drop_img.png' height='120'/>").appendTo(img_block); $("<img src='img/drop_img.png' height='120'/>").appendTo(img_block);
} }
function refreshBlockNumbers(){ //function refreshBlockNumbers(){
var i = 0; // var i = 0;
$(".cont").each(function(){ // $(".cont").each(function(){
$(this).find(".number_cont").text(++i); // $(this).find(".number_cont").text(++i);
}) // })
} //}
//shuffles an array //shuffles an array
function shuffle( arr ) function shuffle( arr )
......
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets" <widget xmlns="http://www.w3.org/ns/widgets"
xmlns:ub="http://uniboard.mnemis.com/widgets" xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://uniboard.mnemis.com/widgets/notes" id="http://uniboard.mnemis.com/widgets/notes"
version="1.2" version="1.2"
width="950" width="950"
height="600" height="560"
ub:resizable="true"> minimum_height="300"
minimum_width="710"
<name>Notes</name> ub:resizable="false">
<author href="http://www.getuniboard.com" <name>Notes</name>
email="info@mnemis.com">Mnemis SA</author> <author href="http://www.getuniboard.com"
<description>Associer images</description> email="info@mnemis.com">Mnemis SA</author>
<description>Associer images</description>
<content src="index.html"/>
</widget> <content src="index.html"/>
</widget>
...@@ -3,86 +3,30 @@ ...@@ -3,86 +3,30 @@
<head> <head>
<title>D'n'd</title> <title>D'n'd</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="css/basic.css"/>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript"> <script type="text/javascript">
if (parent && parent.loaded) if (parent && parent.loaded)
parent.loaded(); parent.loaded();
$(document).ready(function(){ $(document).ready(function(){
var lang = ""; //locale language var lang = (window.sankore)?sankore.locale().substr(0,2):"en"; //local language
if(window.sankore){
lang = sankore.locale().substr(0,2);
} else
lang = "en";
if(lang == "en"){
if(window.sankore)
sankore.enableDropOnWidget(false);
start();
}
else{
returnStatus(lang);
}
function returnStatus(lang){ $.ajax({
$.ajax({ type: 'POST',
type: 'POST', url:'locales/' + lang + '/index.html',
url:'locales/' + lang + '/index.html', statusCode: {
statusCode: { 404: function() {
404: function() { window.location.href = 'locales/en/index.html';
start(); },
}, 200: function(){
200: function(){ window.location.href = 'locales/' + lang + '/index.html';
window.location.href = 'locales/' + lang + '/index.html';
}
} }
}); }
} });
}); });
</script> </script>
</head> </head>
<body> <body>
<table class="body_table" cellpadding=0 cellspacing=0>
<tr style="height: 54px;">
<td class="b_top_left">&nbsp;</td>
<td class="b_top_center">
<div id="wgt_name"></div>
<div id="wgt_help"></div>
<div id="wgt_reload"></div>
<div id="wgt_display" class="selected"></div>
<div id="wgt_edit"></div>
</td>
<td class="b_top_right">&nbsp;</td>
</tr>
<tr>
<td class="b_center_left">&nbsp;</td>
<td>
<div id="help"></div>
<div id="data">
<div id="parameters">
<div class="inline">
<label>
<select id="style_select">
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
</select>
</label>
</div>
</div>
</div>
</td>
<td class="b_center_right">&nbsp;</td>
</tr>
<tr style="height: 54px;">
<td class="b_bottom_left">&nbsp;</td>
<td class="b_bottom_center">&nbsp;</td>
<td class="b_bottom_right">&nbsp;</td>
</tr>
</table>
</body> </body>
</html> </html>
<!DOCTYPE html>
<html>
<head>
<title>D'n'd</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="../../css/basic.css"/>
<script type="text/javascript" src="../../js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
if(window.sankore)
sankore.enableDropOnWidget(false);
start();
});
</script>
</head>
<body>
<table class="body_table" cellpadding=0 cellspacing=0>
<tr style="height: 54px;">
<td class="b_top_left">&nbsp;</td>
<td class="b_top_center">
<div id="wgt_name"></div>
<div id="wgt_help"></div>
<div id="wgt_reload"></div>
<div id="wgt_display" class="selected"></div>
<div id="wgt_edit"></div>
</td>
<td class="b_top_right">&nbsp;</td>
</tr>
<tr>
<td class="b_center_left">&nbsp;</td>
<td>
<div id="help"></div>
<div id="data">
<div id="parameters">
<div class="inline">
<label>
<select id="style_select">
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
</select>
</label>
</div>
</div>
</div>
</td>
<td class="b_center_right">&nbsp;</td>
</tr>
<tr style="height: 54px;">
<td class="b_bottom_left">&nbsp;</td>
<td class="b_bottom_center">&nbsp;</td>
<td class="b_bottom_right">&nbsp;</td>
</tr>
</table>
</body>
</html>
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
id="http://www.njin.fr/sankore/apps/Cadran opératoire" id="http://www.njin.fr/sankore/apps/Cadran opératoire"
version="1.0" version="1.0"
width="800" width="800"
height="700" height="580"
ub:resizable="false"> ub:resizable="false">
<name>Cadran opératoire</name> <name>Cadran opératoire</name>
......
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
height: 100%; height: 100%;
width: 120px; width: 140px;
} }
#result > div > div { #result > div > div {
position: absolute; position: absolute;
......
<!doctype html> <!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/ubw-main.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/templates.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="css/ubw-main.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/lib/modernizr.js" type="text/javascript"></script>
<script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/lib/jquery-css-transform.js" type="text/javascript"></script>
<script src="js/lib/jquery.i18n.properties-min-1.0.9.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/mustache.js" type="text/javascript"></script>
<script src="js/lib/ubw-main.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="hasHelp"> <script src="js/templates.js" type="text/javascript" charset="utf-8"></script>
<div id="ubwidget" data-themes="pad">
<div class="wrapper">
<div id="toolbar">
</div>
<div id="help">
<iframe src="help.html" width="100%" height="100%" frameborder="0"></iframe>
</div>
<div id="content">
<div id="parameters">
</div>
<div id="scene">
<div id="disc">
<div class="circle result hide">
<div>
<div id="result">
<div>
<div class="front">?</div>
<div class="back">12</div>
</div>
</div>
</div>
</div>
<div class="circle numbers">
<div><div>0</div></div>
<div><div>1</div></div>
<div><div>2</div></div>
<div><div>3</div></div>
<div><div>4</div></div>
<div><div>5</div></div>
<div><div>6</div></div>
<div><div>7</div></div>
<div><div>8</div></div>
<div><div>9</div></div>
<div><div>10</div></div>
<div><div>11</div></div>
</div>
<div class="circle operators">
<div><div>+</div></div>
<div><div>*</div></div>
<div><div>-</div></div>
<div><div>/</div></div>
</div>
<div class="circle input">
<div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html> <script src="js/lib/modernizr.js" type="text/javascript"></script>
<script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/lib/jquery-css-transform.js" type="text/javascript"></script>
<script src="js/lib/jquery.i18n.properties-min-1.0.9.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/mustache.js" type="text/javascript"></script>
<script src="js/lib/ubw-main.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".circle.input>div").keydown(function(){
if((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 189 && event.keyCode != 46 && event.keyCode != 8 && event.keyCode != 37 && event.keyCode != 39)
return false;
if(event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 37 || event.keyCode == 39)
return true;
else{
if(this.innerHTML != "<br>")
return (this.innerHTML.charAt(0) == '-')?(this.innerHTML.length > 2)?false:true:(this.innerHTML.length > 1)?(event.keyCode == 189)?true:false:true;
else
return true;
}
})
})
</script>
</head>
<body class="hasHelp">
<div id="ubwidget" data-themes="pad">
<div class="wrapper">
<div id="toolbar">
</div>
<div id="help">
<iframe src="help.html" width="100%" height="100%" frameborder="0"></iframe>
</div>
<div id="content">
<div id="parameters">
</div>
<div id="scene">
<div id="disc">
<div class="circle result hide">
<div>
<div id="result">
<div>
<div class="front">?</div>
<div class="back">12</div>
</div>
</div>
</div>
</div>
<div class="circle numbers">
<div><div>0</div></div>
<div><div>1</div></div>
<div><div>2</div></div>
<div><div>3</div></div>
<div><div>4</div></div>
<div><div>5</div></div>
<div><div>6</div></div>
<div><div>7</div></div>
<div><div>8</div></div>
<div><div>9</div></div>
<div><div>10</div></div>
<div><div>11</div></div>
</div>
<div class="circle operators">
<div><div>+</div></div>
<div><div>*</div></div>
<div><div>-</div></div>
<div><div>/</div></div>
</div>
<div class="circle input">
<div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
...@@ -10,4 +10,5 @@ ...@@ -10,4 +10,5 @@
<p> To change the number in the center, click and replace it.</p> <p> To change the number in the center, click and replace it.</p>
<p>"Display" button comes back to the activity.</p> <p>"Display" button comes back to the activity.</p>
\ No newline at end of file
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
version="1.0" version="1.0"
width="800" width="800"
height="600" height="600"
ub:resizable="true"> ub:resizable="false">
<name>Calcul rapide</name> <name>Calcul rapide</name>
<author href="http://www.njin.fr" email="contact@njin.fr">njin</author> <author href="http://www.njin.fr" email="contact@njin.fr">njin</author>
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<li> operation (addition, subtraction, multiplication),</li> <li> operation (addition, subtraction, multiplication),</li>
<li> magnitude of proposed numbers,</li> <li> magnitude of proposed numbers,</li>
<li> number of elements (2-4),</li> <li> number of elements (2-4),</li>
<li> number of operations (1-5). </li> </ul> <li> number of operations (2-10). </li> </ul>
<p> Results are automatically calculated by the interactivity. </p> <p> Results are automatically calculated by the interactivity. </p>
<p>"Display" button comes back to the activity.</p> <p>"Display" button comes back to the activity.</p>
...@@ -11,6 +11,6 @@ ...@@ -11,6 +11,6 @@
<li>lopération à effectuer (addition, soustraction, multiplication),</li> <li>lopération à effectuer (addition, soustraction, multiplication),</li>
<li>lordre de grandeur des nombres proposés,</li> <li>lordre de grandeur des nombres proposés,</li>
<li>le nombre d'éléments de l’opération (2 à 4),</li> <li>le nombre d'éléments de l’opération (2 à 4),</li>
<li>le nombre d’opérations (1 à 5).</li></ul> <li>le nombre d’opérations (2 à 10).</li></ul>
<p>Le résultat des opérations n’est pas à inscrire dans le mode "Edition", il est calculé automatiquement par l‘interactivité.</p> <p>Le résultat des opérations n’est pas à inscrire dans le mode "Edition", il est calculé automatiquement par l‘interactivité.</p>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment