Commit ab689ce2 authored by Claudio Valerio's avatar Claudio Valerio

imported changes made on Sankore

parent afad2faa
...@@ -4,8 +4,10 @@ ...@@ -4,8 +4,10 @@
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"
ub:resizable="false">
<name>Notes</name> <name>Notes</name>
<author href="http://www.getuniboard.com" <author href="http://www.getuniboard.com"
......
...@@ -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);
} 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() {
start(); window.location.href = 'locales/en/index.html';
}, },
200: function(){ 200: function(){
window.location.href = 'locales/' + lang + '/index.html'; 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(){
...@@ -358,7 +355,6 @@ function exportData(){ ...@@ -358,7 +355,6 @@ 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(){
...@@ -338,7 +338,6 @@ function exportData(){ ...@@ -338,7 +338,6 @@ 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 )
......
...@@ -4,9 +4,10 @@ ...@@ -4,9 +4,10 @@
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"
ub:resizable="false">
<name>Notes</name> <name>Notes</name>
<author href="http://www.getuniboard.com" <author href="http://www.getuniboard.com"
email="info@mnemis.com">Mnemis SA</author> email="info@mnemis.com">Mnemis SA</author>
......
...@@ -206,11 +206,10 @@ body{ ...@@ -206,11 +206,10 @@ body{
} }
.audio_desc{ .audio_desc{
width: 73%; width: 70%;
max-height: 40px; max-height: 40px;
overflow-x: hidden; overflow-x: hidden;
float: right; float: right;
margin-left: 20px;
word-break: break-all; word-break: break-all;
} }
......
...@@ -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() {
start(); window.location.href = 'locales/en/index.html';
}, },
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>
...@@ -215,6 +215,7 @@ html, body { ...@@ -215,6 +215,7 @@ html, body {
#parameters label > select, #parameters label > input{ #parameters label > select, #parameters label > input{
margin-left: 10px; margin-left: 10px;
width: 80px;
} }
#parameters > div.inline { #parameters > div.inline {
......
...@@ -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;
......
...@@ -215,6 +215,7 @@ html, body { ...@@ -215,6 +215,7 @@ html, body {
#parameters label > select, #parameters label > input{ #parameters label > select, #parameters label > input{
margin-left: 10px; margin-left: 10px;
width: 80px;
} }
#parameters > div.inline { #parameters > div.inline {
......
<!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/ubw-main.css">
...@@ -16,10 +16,25 @@ ...@@ -16,10 +16,25 @@
<script src="js/lib/mustache.js" type="text/javascript"></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/lib/ubw-main.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></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>
</head> <body class="hasHelp">
<body class="hasHelp">
<div id="ubwidget" data-themes="pad"> <div id="ubwidget" data-themes="pad">
<div class="wrapper"> <div class="wrapper">
<div id="toolbar"> <div id="toolbar">
...@@ -70,6 +85,6 @@ ...@@ -70,6 +85,6 @@
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>
...@@ -11,3 +11,4 @@ ...@@ -11,3 +11,4 @@
<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>
...@@ -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>
......
...@@ -215,14 +215,16 @@ html, body { ...@@ -215,14 +215,16 @@ html, body {
#parameters label > select, #parameters label > input{ #parameters label > select, #parameters label > input{
margin-left: 10px; margin-left: 10px;
width: 80px;
} }
#parameters > div.inline { #parameters > div.inline {
display: inline-block; display: inline-block;
margin-right: 20px;
} }
#parameters > div.inline+div.inline { #parameters > div.inline+div.inline {
margin-left: 20px; margin-right: 20px;
} }
#parameters input[type=text], #parameters input[type=text],
......
...@@ -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>
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
version="1.2" version="1.2"
width="950" width="950"
height="700" height="700"
ub:resizable="true"> ub:resizable="false">
<name>Notes</name> <name>Notes</name>
<author href="http://www.getuniboard.com" <author href="http://www.getuniboard.com"
......
...@@ -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() {
start(); window.location.href = 'locales/en/index.html';
}, },
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>
...@@ -87,15 +87,16 @@ function start(){ ...@@ -87,15 +87,16 @@ function start(){
$(this).addClass("selected"); $(this).addClass("selected");
$("#wgt_edit").removeClass("selected"); $("#wgt_edit").removeClass("selected");
$("#parameters").css("display","none"); $("#parameters").css("display","none");
if(window.sankore)
sankore.enableDropOnWidget(false); sankore.enableDropOnWidget(false);
$(".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;
var tmp_right = ""; var tmp_right = "";
var tmp_array = []; var tmp_array = [];
container.find(".close_cont").remove(); // container.find(".close_cont").remove();
container.find(".imgs_cont").each(function(){ container.find(".imgs_cont").each(function(){
$(this).find(".del_category").remove(); $(this).find(".del_category").remove();
$(this).find(".add_category").remove(); $(this).find(".add_category").remove();
...@@ -157,11 +158,12 @@ function start(){ ...@@ -157,11 +158,12 @@ function start(){
$(this).addClass("selected"); $(this).addClass("selected");
$("#wgt_display").removeClass("selected"); $("#wgt_display").removeClass("selected");
$("#parameters").css("display","block"); $("#parameters").css("display","block");
if(window.sankore)
sankore.enableDropOnWidget(true); sankore.enableDropOnWidget(true);
$(".cont").each(function(){ $(".cont").each(function(){
var container = $(this); var container = $(this);
$("<div class='close_cont'>").appendTo(container); // $("<div class='close_cont'>").appendTo(container);
container.find(".imgs_cont").each(function(){ container.find(".imgs_cont").each(function(){
$("<button class='del_category'></button>").appendTo($(this)); $("<button class='del_category'></button>").appendTo($(this));
$("<button class='add_category'></button>").appendTo($(this)); $("<button class='add_category'></button>").appendTo($(this));
...@@ -187,7 +189,7 @@ function start(){ ...@@ -187,7 +189,7 @@ function start(){
}); });
$("<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");
} }
...@@ -195,9 +197,9 @@ function start(){ ...@@ -195,9 +197,9 @@ 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(){
...@@ -205,10 +207,10 @@ function start(){ ...@@ -205,10 +207,10 @@ function start(){
}); });
//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(){
...@@ -299,14 +301,13 @@ function exportData(){ ...@@ -299,14 +301,13 @@ function exportData(){
cont_obj.tmp = "clear"; cont_obj.tmp = "clear";
array_to_export.push(cont_obj); array_to_export.push(cont_obj);
} }
if(window.sankore)
sankore.setPreference("categoriser_images", JSON.stringify(array_to_export)); sankore.setPreference("categoriser_images", JSON.stringify(array_to_export));
} }
//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);
...@@ -320,7 +321,7 @@ function importData(data){ ...@@ -320,7 +321,7 @@ function importData(data){
var tmp_array = []; var tmp_array = [];
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);
$("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container); // $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container);
for(var j in data[i].conts){ for(var j in data[i].conts){
var imgs_container = $("<div class='imgs_cont def_cont'>").appendTo(container); var imgs_container = $("<div class='imgs_cont def_cont'>").appendTo(container);
...@@ -382,7 +383,7 @@ function importData(data){ ...@@ -382,7 +383,7 @@ function importData(data){
} else { } else {
container = $("<div class='cont'>"); container = $("<div class='cont'>");
sub_container = $("<div class='sub_cont'>").appendTo(container); sub_container = $("<div class='sub_cont'>").appendTo(container);
$("<div class='number_cont'>" + (++tmp) + "</div>").appendTo(sub_container); // $("<div class='number_cont'>" + (++tmp) + "</div>").appendTo(sub_container);
for(j in data[i].conts){ for(j in data[i].conts){
var tmp_img_array = []; var tmp_img_array = [];
...@@ -421,7 +422,6 @@ function importData(data){ ...@@ -421,7 +422,6 @@ function importData(data){
} }
} }
}); });
checkCorrectness(imgs_container);
} }
all_imgs = $("<div class='all_imgs'>").appendTo(container); all_imgs = $("<div class='all_imgs'>").appendTo(container);
...@@ -479,7 +479,7 @@ function showExample(){ ...@@ -479,7 +479,7 @@ function showExample(){
var imgs_container_two = $("<div class='imgs_cont def_cont'>").appendTo(container); var imgs_container_two = $("<div class='imgs_cont def_cont'>").appendTo(container);
var all_imgs = $("<div class='all_imgs'>").appendTo(container); var all_imgs = $("<div class='all_imgs'>").appendTo(container);
var number = $("<div class='number_cont'>1</div>").appendTo(sub_container); // var number = $("<div class='number_cont'>1</div>").appendTo(sub_container);
$("<input type='hidden' name='mask' value='1'/>").appendTo(imgs_container_one); $("<input type='hidden' name='mask' value='1'/>").appendTo(imgs_container_one);
$("<input type='hidden' name='count' value='2'/>").appendTo(imgs_container_one); $("<input type='hidden' name='count' value='2'/>").appendTo(imgs_container_one);
...@@ -571,33 +571,33 @@ function addCategory(obj){ ...@@ -571,33 +571,33 @@ function addCategory(obj){
} }
//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 def_cont'>").appendTo(container); // var imgs_container = $("<div class='imgs_cont def_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);
//
$("<input type='hidden' name='mask' value='" + returnId() + "'/>").appendTo(imgs_container); // $("<input type='hidden' name='mask' value='" + returnId() + "'/>").appendTo(imgs_container);
$("<input type='hidden' name='count' value=''/>").appendTo(imgs_container); // $("<input type='hidden' name='count' value=''/>").appendTo(imgs_container);
var tmp_div = $("<div style='width: 100%; overflow: hidden;'>").appendTo(imgs_container); // var tmp_div = $("<div style='width: 100%; overflow: hidden;'>").appendTo(imgs_container);
$("<input type='text' class='cat_desc' value='" + sankoreLang.enter + "'/>").appendTo(tmp_div); // $("<input type='text' class='cat_desc' value='" + sankoreLang.enter + "'/>").appendTo(tmp_div);
$("<button class='del_category'></button>").appendTo(imgs_container); // $("<button class='del_category'></button>").appendTo(imgs_container);
$("<button class='add_category'></button>").appendTo(imgs_container); // $("<button class='add_category'></button>").appendTo(imgs_container);
imgs_container.attr("ondragenter", "return false;") // imgs_container.attr("ondragenter", "return false;")
.attr("ondragleave", "$(this).css(\"background-color\",\"#e6f6ff\"); return false;") // .attr("ondragleave", "$(this).css(\"background-color\",\"#e6f6ff\"); return false;")
.attr("ondragover", "$(this).css(\"background-color\",\"#c3e9ff\"); return false;") // .attr("ondragover", "$(this).css(\"background-color\",\"#c3e9ff\"); return false;")
.attr("ondrop", "$(this).css(\"background-color\",\"#e6f6ff\"); return onDropTarget(this,event);"); // .attr("ondrop", "$(this).css(\"background-color\",\"#e6f6ff\"); return onDropTarget(this,event);");
container.insertBefore($(".add_block")); // container.insertBefore($(".add_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 )
...@@ -614,19 +614,6 @@ function shuffle( arr ) ...@@ -614,19 +614,6 @@ function shuffle( arr )
return arr; return arr;
} }
function stringToXML(text){
if (window.ActiveXObject){
var doc=new ActiveXObject('Microsoft.XMLDOM');
doc.async='false';
doc.loadXML(text);
} else {
var parser=new DOMParser();
doc=parser.parseFromString(text,'text/xml');
}
return doc;
}
//changing the style //changing the style
function changeStyle(val){ function changeStyle(val){
switch(val){ switch(val){
...@@ -684,6 +671,18 @@ function changeStyle(val){ ...@@ -684,6 +671,18 @@ function changeStyle(val){
} }
} }
function stringToXML(text){
if (window.ActiveXObject){
var doc=new ActiveXObject('Microsoft.XMLDOM');
doc.async='false';
doc.loadXML(text);
} else {
var parser=new DOMParser();
doc=parser.parseFromString(text,'text/xml');
}
return doc;
}
//return id //return id
function returnId(){ function returnId(){
var tmp = Math.random().toString(); var tmp = Math.random().toString();
...@@ -779,7 +778,6 @@ function onDropTarget(obj, event) { ...@@ -779,7 +778,6 @@ function onDropTarget(obj, event) {
} }
} }
} }
exportData();
} }
else { else {
alert ("Your browser does not support the dataTransfer object."); alert ("Your browser does not support the dataTransfer object.");
......
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
id="http://uniboard.mnemis.com/widgets/notes" id="http://uniboard.mnemis.com/widgets/notes"
version="1.2" version="1.2"
width="990" width="990"
height="560" height="600"
ub:resizable="true"> ub:resizable="false">
<name>Notes</name> <name>Notes</name>
<author href="http://www.getuniboard.com" <author href="http://www.getuniboard.com"
......
...@@ -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() {
start(); window.location.href = 'locales/en/index.html';
}, },
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>
...@@ -26,20 +26,16 @@ var sankoreLang = { ...@@ -26,20 +26,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, 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>",
theme: "Thème" theme: "Thème"
}; };
...@@ -115,14 +111,14 @@ function start(){ ...@@ -115,14 +111,14 @@ 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;
var tmp_right = ""; var tmp_right = "";
var tmp_array = []; var tmp_array = [];
container.find(".close_cont").remove(); // container.find(".close_cont").remove();
container.find(".imgs_cont").each(function(){ container.find(".imgs_cont").each(function(){
$(this).find(".del_category").remove(); $(this).find(".del_category").remove();
$(this).find(".add_img").remove(); $(this).find(".add_img").remove();
...@@ -191,7 +187,7 @@ function start(){ ...@@ -191,7 +187,7 @@ function start(){
$(".cont").each(function(){ $(".cont").each(function(){
var container = $(this); var container = $(this);
$("<div class='close_cont'>").appendTo(container); // $("<div class='close_cont'>").appendTo(container);
container.find(".imgs_cont").each(function(){ container.find(".imgs_cont").each(function(){
$("<button class='del_category'></button>").appendTo($(this)); $("<button class='del_category'></button>").appendTo($(this));
$("<button class='add_category'></button>").appendTo($(this)); $("<button class='add_category'></button>").appendTo($(this));
...@@ -217,28 +213,28 @@ function start(){ ...@@ -217,28 +213,28 @@ function start(){
}); });
$("<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");
} }
} }
}); });
//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(){
addText($(this).parent(), $(this)); addText($(this).parent(), $(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(){
...@@ -323,14 +319,13 @@ function exportData(){ ...@@ -323,14 +319,13 @@ function exportData(){
cont_obj.tmp = "clear"; cont_obj.tmp = "clear";
array_to_export.push(cont_obj); array_to_export.push(cont_obj);
} }
if(window.sankore)
sankore.setPreference("categoriser_text", JSON.stringify(array_to_export)); sankore.setPreference("categoriser_text", JSON.stringify(array_to_export));
} }
//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);
...@@ -345,7 +340,7 @@ function importData(data){ ...@@ -345,7 +340,7 @@ function importData(data){
var tmp_array = []; var tmp_array = [];
var container = $("<div class='cont'>").appendTo("#data"); var container = $("<div class='cont'>").appendTo("#data");
var sub_container = $("<div class='sub_cont'>").appendTo(container); var sub_container = $("<div class='sub_cont'>").appendTo(container);
$("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container); // $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container);
for(var j in data[i].conts){ for(var j in data[i].conts){
var imgs_container = $("<div class='imgs_cont def_cont'>").appendTo(container); var imgs_container = $("<div class='imgs_cont def_cont'>").appendTo(container);
...@@ -404,7 +399,7 @@ function importData(data){ ...@@ -404,7 +399,7 @@ function importData(data){
} else { } else {
container = $("<div class='cont'>").appendTo("#data"); container = $("<div class='cont'>").appendTo("#data");
sub_container = $("<div class='sub_cont'>").appendTo(container); sub_container = $("<div class='sub_cont'>").appendTo(container);
$("<div class='number_cont'>" + (++tmp) + "</div>").appendTo(sub_container); // $("<div class='number_cont'>" + (++tmp) + "</div>").appendTo(sub_container);
for(j in data[i].conts){ for(j in data[i].conts){
var tmp_img_array = []; var tmp_img_array = [];
...@@ -442,7 +437,6 @@ function importData(data){ ...@@ -442,7 +437,6 @@ function importData(data){
} }
} }
}); });
checkCorrectness(imgs_container);
} }
all_imgs = $("<div class='all_imgs'>").appendTo(container); all_imgs = $("<div class='all_imgs'>").appendTo(container);
...@@ -498,7 +492,7 @@ function showExample(){ ...@@ -498,7 +492,7 @@ function showExample(){
var imgs_container_two = $("<div class='imgs_cont def_cont'>").appendTo(container); var imgs_container_two = $("<div class='imgs_cont def_cont'>").appendTo(container);
var all_imgs = $("<div class='all_imgs'>").appendTo(container); var all_imgs = $("<div class='all_imgs'>").appendTo(container);
var number = $("<div class='number_cont'>1</div>").appendTo(sub_container); // var number = $("<div class='number_cont'>1</div>").appendTo(sub_container);
$("<input type='hidden' name='mask' value='1'/>").appendTo(imgs_container_one); $("<input type='hidden' name='mask' value='1'/>").appendTo(imgs_container_one);
$("<input type='hidden' name='count' value='2'/>").appendTo(imgs_container_one); $("<input type='hidden' name='count' value='2'/>").appendTo(imgs_container_one);
...@@ -597,30 +591,30 @@ function addCategory(obj){ ...@@ -597,30 +591,30 @@ function addCategory(obj){
} }
//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 def_cont'>").appendTo(container); // var imgs_container = $("<div class='imgs_cont def_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);
//
$("<input type='hidden' name='mask' value='" + returnId() + "'/>").appendTo(imgs_container); // $("<input type='hidden' name='mask' value='" + returnId() + "'/>").appendTo(imgs_container);
$("<input type='hidden' name='count' value=''/>").appendTo(imgs_container); // $("<input type='hidden' name='count' value=''/>").appendTo(imgs_container);
var tmp_div = $("<div style='width: 100%; overflow: hidden;'>").appendTo(imgs_container); // var tmp_div = $("<div style='width: 100%; overflow: hidden;'>").appendTo(imgs_container);
$("<input type='text' class='cat_desc' value='" + sankoreLang.enter + "'/>").appendTo(tmp_div); // $("<input type='text' class='cat_desc' value='" + sankoreLang.enter + "'/>").appendTo(tmp_div);
$("<button class='del_category'></button>").appendTo(imgs_container); // $("<button class='del_category'></button>").appendTo(imgs_container);
$("<button class='add_category'></button>").appendTo(imgs_container); // $("<button class='add_category'></button>").appendTo(imgs_container);
$("<div class='add_img'>").appendTo(imgs_container); // $("<div class='add_img'>").appendTo(imgs_container);
container.insertBefore($(".add_block")); // container.insertBefore($(".add_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 )
......
...@@ -93,14 +93,14 @@ function start(){ ...@@ -93,14 +93,14 @@ 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;
var tmp_right = ""; var tmp_right = "";
var tmp_array = []; var tmp_array = [];
container.find(".close_cont").remove(); // container.find(".close_cont").remove();
container.find(".imgs_cont").each(function(){ container.find(".imgs_cont").each(function(){
$(this).find(".del_category").remove(); $(this).find(".del_category").remove();
$(this).find(".add_img").remove(); $(this).find(".add_img").remove();
...@@ -169,7 +169,7 @@ function start(){ ...@@ -169,7 +169,7 @@ function start(){
$(".cont").each(function(){ $(".cont").each(function(){
var container = $(this); var container = $(this);
$("<div class='close_cont'>").appendTo(container); // $("<div class='close_cont'>").appendTo(container);
container.find(".imgs_cont").each(function(){ container.find(".imgs_cont").each(function(){
$("<button class='del_category'></button>").appendTo($(this)); $("<button class='del_category'></button>").appendTo($(this));
$("<button class='add_category'></button>").appendTo($(this)); $("<button class='add_category'></button>").appendTo($(this));
...@@ -195,28 +195,28 @@ function start(){ ...@@ -195,28 +195,28 @@ function start(){
}); });
$("<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");
} }
} }
}); });
//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(){
addText($(this).parent(), $(this)); addText($(this).parent(), $(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(){
...@@ -301,14 +301,13 @@ function exportData(){ ...@@ -301,14 +301,13 @@ function exportData(){
cont_obj.tmp = "clear"; cont_obj.tmp = "clear";
array_to_export.push(cont_obj); array_to_export.push(cont_obj);
} }
if(window.sankore)
sankore.setPreference("categoriser_text", JSON.stringify(array_to_export)); sankore.setPreference("categoriser_text", JSON.stringify(array_to_export));
} }
//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);
...@@ -323,7 +322,7 @@ function importData(data){ ...@@ -323,7 +322,7 @@ function importData(data){
var tmp_array = []; var tmp_array = [];
var container = $("<div class='cont'>").appendTo("#data"); var container = $("<div class='cont'>").appendTo("#data");
var sub_container = $("<div class='sub_cont'>").appendTo(container); var sub_container = $("<div class='sub_cont'>").appendTo(container);
$("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container); // $("<div class='number_cont'>"+ (++tmp) +"</div>").appendTo(sub_container);
for(var j in data[i].conts){ for(var j in data[i].conts){
var imgs_container = $("<div class='imgs_cont def_cont'>").appendTo(container); var imgs_container = $("<div class='imgs_cont def_cont'>").appendTo(container);
...@@ -382,7 +381,7 @@ function importData(data){ ...@@ -382,7 +381,7 @@ function importData(data){
} else { } else {
container = $("<div class='cont'>").appendTo("#data"); container = $("<div class='cont'>").appendTo("#data");
sub_container = $("<div class='sub_cont'>").appendTo(container); sub_container = $("<div class='sub_cont'>").appendTo(container);
$("<div class='number_cont'>" + (++tmp) + "</div>").appendTo(sub_container); // $("<div class='number_cont'>" + (++tmp) + "</div>").appendTo(sub_container);
for(j in data[i].conts){ for(j in data[i].conts){
var tmp_img_array = []; var tmp_img_array = [];
...@@ -420,7 +419,6 @@ function importData(data){ ...@@ -420,7 +419,6 @@ function importData(data){
} }
} }
}); });
checkCorrectness(imgs_container);
} }
all_imgs = $("<div class='all_imgs'>").appendTo(container); all_imgs = $("<div class='all_imgs'>").appendTo(container);
...@@ -476,7 +474,7 @@ function showExample(){ ...@@ -476,7 +474,7 @@ function showExample(){
var imgs_container_two = $("<div class='imgs_cont def_cont'>").appendTo(container); var imgs_container_two = $("<div class='imgs_cont def_cont'>").appendTo(container);
var all_imgs = $("<div class='all_imgs'>").appendTo(container); var all_imgs = $("<div class='all_imgs'>").appendTo(container);
var number = $("<div class='number_cont'>1</div>").appendTo(sub_container); // var number = $("<div class='number_cont'>1</div>").appendTo(sub_container);
$("<input type='hidden' name='mask' value='1'/>").appendTo(imgs_container_one); $("<input type='hidden' name='mask' value='1'/>").appendTo(imgs_container_one);
$("<input type='hidden' name='count' value='2'/>").appendTo(imgs_container_one); $("<input type='hidden' name='count' value='2'/>").appendTo(imgs_container_one);
...@@ -575,30 +573,30 @@ function addCategory(obj){ ...@@ -575,30 +573,30 @@ function addCategory(obj){
} }
//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 def_cont'>").appendTo(container); // var imgs_container = $("<div class='imgs_cont def_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);
//
$("<input type='hidden' name='mask' value='" + returnId() + "'/>").appendTo(imgs_container); // $("<input type='hidden' name='mask' value='" + returnId() + "'/>").appendTo(imgs_container);
$("<input type='hidden' name='count' value=''/>").appendTo(imgs_container); // $("<input type='hidden' name='count' value=''/>").appendTo(imgs_container);
var tmp_div = $("<div style='width: 100%; overflow: hidden;'>").appendTo(imgs_container); // var tmp_div = $("<div style='width: 100%; overflow: hidden;'>").appendTo(imgs_container);
$("<input type='text' class='cat_desc' value='" + sankoreLang.enter + "'/>").appendTo(tmp_div); // $("<input type='text' class='cat_desc' value='" + sankoreLang.enter + "'/>").appendTo(tmp_div);
$("<button class='del_category'></button>").appendTo(imgs_container); // $("<button class='del_category'></button>").appendTo(imgs_container);
$("<button class='add_category'></button>").appendTo(imgs_container); // $("<button class='add_category'></button>").appendTo(imgs_container);
$("<div class='add_img'>").appendTo(imgs_container); // $("<div class='add_img'>").appendTo(imgs_container);
container.insertBefore($(".add_block")); // container.insertBefore($(".add_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 )
......
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
id="http://uniboard.mnemis.com/widgets/webbrowser" id="http://uniboard.mnemis.com/widgets/webbrowser"
version="1.1" version="1.1"
width="920" width="920"
height="500" height="450"
ub:resizable="true"> ub:resizable="false">
<name>Choisir</name> <name>Choisir</name>
<author href="http://www.getuniboard.com" <author href="http://www.getuniboard.com"
......
...@@ -48,6 +48,7 @@ body{ ...@@ -48,6 +48,7 @@ body{
margin: 2px; margin: 2px;
font-family: sans-serif; font-family: sans-serif;
font-size: large; font-size: large;
display: none;
} }
.addQstButton{ .addQstButton{
...@@ -112,6 +113,7 @@ body{ ...@@ -112,6 +113,7 @@ body{
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
border-radius: 10px; border-radius: 10px;
margin-bottom: 8px;
} }
.applyChanges{ .applyChanges{
...@@ -186,6 +188,7 @@ body{ ...@@ -186,6 +188,7 @@ body{
color: black; color: black;
cursor: pointer; cursor: pointer;
border-radius: 10px; border-radius: 10px;
margin-top: 5px;
} }
.newAnswer{ .newAnswer{
......
<!DOCTYPE html>
<html>
<head>
<title></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="../../scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="scripts/selQuestionApp.js"></script>
<script type="text/javascript">
$(document).ready(function(){
init();
});
</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>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
......
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