diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/css/basic.css b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/css/basic.css
index 476eeb71..dc78a0d9 100644
--- a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/css/basic.css
+++ b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/css/basic.css
@@ -3,6 +3,7 @@ html, body{
height: 100%;
margin: 0;
padding: 0;
+ background-color: white;
}
.toggle_mode{
@@ -122,29 +123,35 @@ html, body{
background-color: white;
}
-.close_img{
+.close_img, .clear_img, .numb_img {
width: 30px;
- height: 30px;
- background-image: url(../img/close_img.png);
+ height: 30px;
background-repeat: no-repeat;
- position: absolute;
- top: -15px;
+ position: absolute;
right: -15px;
cursor: pointer;
}
+.close_img{
+ background-image: url(../img/close_img.png);
+ top: -15px;
+}
+
.clear_img{
- width: 30px;
- height: 30px;
background-image: url(../img/clear_img.png);
- background-repeat: no-repeat;
- position: absolute;
top: 15px;
- right: -15px;
- cursor: pointer;
}
-.fill_img{
+.numb_img{
+ background-image: url(../img/numb_img.png);
+ left: -15px;
+ top: -15px;
+ color: white;
+ font-weight: bold;
+ font-size: 130%;
+}
+
+/*.fill_img{
width: 30px;
height: 30px;
background-image: url(../img/fill_hor.png);
@@ -153,7 +160,9 @@ html, body{
top: -15px;
right: 17px;
cursor: pointer;
-}
+}*/
+
+
.add_block{
margin: 20px 0 0 20px;
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/1.jpg b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/1.jpg
deleted file mode 100644
index d3807e82..00000000
Binary files a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/1.jpg and /dev/null differ
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/1.png b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/1.png
deleted file mode 100644
index c50733dc..00000000
Binary files a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/1.png and /dev/null differ
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/2.png b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/2.png
deleted file mode 100644
index 7ad83b87..00000000
Binary files a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/2.png and /dev/null differ
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/clear_img.png b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/clear_img.png
index fbaefffb..b00fca9a 100644
Binary files a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/clear_img.png and b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/clear_img.png differ
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/drop_img.png b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/drop_img.png
new file mode 100644
index 00000000..17024f03
Binary files /dev/null and b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/drop_img.png differ
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/numb_img.png b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/numb_img.png
new file mode 100644
index 00000000..6a0284c4
Binary files /dev/null and b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/img/numb_img.png differ
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/index.html b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/index.html
index 5525abd4..20aaf679 100644
--- a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/index.html
+++ b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/index.html
@@ -15,10 +15,26 @@
lang = sankore.locale().substr(0,2);
} else
lang = "en";
- $("<script type='text/javascript' src='js/translation/" + lang + ".js'>").appendTo("head");
- if((typeof sankoreLang) == "undefined")
- $("<script type='text/javascript' src='js/translation/en.js'>").appendTo("head");
- start();
+ if(lang == "en")
+ start();
+ else{
+ 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();
@@ -38,13 +54,13 @@
<div style="width: 50%; height: 100%; float: left;">
<div id="display" style="float: right; width: 90px; cursor: pointer;" class="selected">
<div id="display_img" style="float: right;" class="green_point"></div>
- <div id="display_text" style="float: right;">Display</div>
+ <div id="display_text" style="float: right;"></div>
</div>
</div>
<div style="width: 50%; height: 100%; float: right;">
<div id="edit" style="float: left; width: 90px; cursor: pointer;">
<div id="edit_img" style="float: left;" class="red_point"></div>
- <div id="edit_text" style="float: left;">Edit</div>
+ <div id="edit_text" style="float: left;"></div>
</div>
</div>
</div>
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/script.js b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/script.js
index f43741be..7a34644b 100644
--- a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/script.js
+++ b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/script.js
@@ -1,3 +1,5 @@
+var sankoreLang = {display: "Display", edit: "Edit", short_desc: "Place the pictures in ascending order.", add: "Add new block"};
+
//main function
function start(){
@@ -40,9 +42,10 @@ function start(){
container.find(".add_img").remove();
container.find(".close_cont").remove();
container.find(".img_block").each(function(){
- if($(this).html().match(/<img/)){
+ if($(this).find("img").attr("src") != "img/drop_img.png"){
$(this).find(".close_img").remove();
$(this).find(".clear_img").remove();
+ $(this).find(".numb_img").remove();
$(this).removeAttr("ondragenter")
.removeAttr("ondragleave")
.removeAttr("ondragover")
@@ -78,7 +81,7 @@ function start(){
$("<div class='close_cont'>").appendTo(container);
container.find(".text_cont").attr("contenteditable","true");
- container.find(".imgs_cont").sortable("destroy");
+ //container.find(".imgs_cont").sortable("destroy");
container.find(".imgs_cont").css("background-color", "white");
var add_img = $("<div class='add_img'>");
@@ -87,10 +90,12 @@ function start(){
.attr("ondragleave", "$(this).css(\"background-color\",\"white\"); return false;")
.attr("ondragover", "$(this).css(\"background-color\",\"#ccc\"); return false;")
.attr("ondrop", "$(this).css(\"background-color\",\"white\"); return onDropTarget(this,event);")
- .css("float","left");
+ //.css("float","left");
$("<div class='close_img'>").appendTo($(this));
$("<div class='clear_img'>").appendTo($(this));
+ $("<div class='numb_img'>" + $(this).find("input").val() + "</div>").appendTo($(this));
});
+ rightOrder(container.find(".imgs_cont"));
container.find(".imgs_cont").append(add_img)
});
@@ -130,9 +135,7 @@ function start(){
var tmp_obj = $(this).parent().parent();
$(this).parent().remove();
if(tmp_obj.find(".img_block").size() > 0){
- tmp_obj.find(".img_block").each(function(){
- $(this).find("input").val(++i);
- });
+ refreshImgNumbers(tmp_obj);
}
});
@@ -154,7 +157,7 @@ function start(){
//cleaning an image
$(".clear_img").live("click",function(){
//$(this).parent().find(".fill_img").remove();
- $(this).parent().find("img").remove();
+ $(this).parent().find("img").attr("src","img/drop_img.png");
});
}
@@ -274,13 +277,17 @@ function showExample(){
//check result
function checkResult(event)
{
- var str = "";
- var right_str = $(event.target).find("input").val();
- $(event.target).find(".img_block").each(function(){
- str += $(this).find("input").val() + "*";
- });
- if(str == right_str)
- $(event.target).css("background-color","#9f9");
+ if($("#display").hasClass("selected")){
+ var str = "";
+ var right_str = $(event.target).find("input").val();
+ $(event.target).find(".img_block").each(function(){
+ str += $(this).find("input").val() + "*";
+ });
+ if(str == right_str)
+ $(event.target).css("background-color","#9f9");
+ } else {
+ refreshImgNumbers($(event.target));
+ }
}
//add new container
@@ -300,11 +307,13 @@ function addContainer(){
//add new img block
function addImgBlock(dest){
- var img_block = $("<div class='img_block' ondragenter='return false;' ondragleave='$(this).css(\"background-color\",\"white\"); return false;' ondragover='$(this).css(\"background-color\",\"#ccc\"); return false;' ondrop='$(this).css(\"background-color\",\"white\"); return onDropTarget(this,event);' style='text-align: center; float: left;'></div>").insertBefore(dest);
+ var img_block = $("<div class='img_block' ondragenter='return false;' ondragleave='$(this).css(\"background-color\",\"white\"); return false;' ondragover='$(this).css(\"background-color\",\"#ccc\"); return false;' ondrop='$(this).css(\"background-color\",\"white\"); return onDropTarget(this,event);' style='text-align: center;'></div>").insertBefore(dest);
var tmp_counter = dest.parent().find(".img_block").size();
$("<div class='close_img'>").appendTo(img_block);
$("<div class='clear_img'>").appendTo(img_block);
+ $("<div class='numb_img'>" + tmp_counter + "</div>").appendTo(img_block);
$("<input type='hidden' value='" + tmp_counter + "'/>").appendTo(img_block);
+ $("<img src='img/drop_img.png' height='120'/>").appendTo(img_block);
}
function refreshBlockNumbers(){
@@ -329,6 +338,35 @@ function shuffle( arr )
return arr;
}
+//regulation the images in right order
+function rightOrder(source){
+ var tmp_arr = [];
+ var tmp_var;
+ source.find(".img_block").each(function(){
+ tmp_arr.push($(this));
+ $(this).remove();
+ });
+ for(var i = 0; i < tmp_arr.length; i++)
+ for(var j = 0; j < tmp_arr.length - 1; j++){
+ if(tmp_arr[j].find("input").val() > tmp_arr[j+1].find("input").val()){
+ tmp_var = tmp_arr[j];
+ tmp_arr[j] = tmp_arr[j+1];
+ tmp_arr[j+1] = tmp_var;
+ }
+ }
+ for(i in tmp_arr)
+ source.append(tmp_arr[i]);
+}
+
+//refresh the numbers of the images
+function refreshImgNumbers(source){
+ var tmp = 1;
+ source.find(".img_block").each(function(){
+ $(this).find("input").val(tmp);
+ $(this).find(".numb_img").text(tmp);
+ tmp++;
+ });
+}
function stringToXML(text){
if (window.ActiveXObject){
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/translation/en.js b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/translation/en.js
deleted file mode 100644
index 54b95a07..00000000
--- a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/translation/en.js
+++ /dev/null
@@ -1,8 +0,0 @@
-var sankoreLang = {
- short_desc: "Place the pictures in ascending order.",
- display:"Display",
- edit:"Edit",
- add:"Add new block"
-};
-
-
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/translation/fr.js b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/translation/fr.js
deleted file mode 100644
index b7d10287..00000000
--- a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/translation/fr.js
+++ /dev/null
@@ -1,8 +0,0 @@
-var sankoreLang = {
- short_desc: "Placez les photos dans l'ordre croissant.",
- display:"D'affichage",
- edit:"Modifier",
- add:"Ajouter nouveau bloc"
-};
-
-
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/translation/ru.js b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/translation/ru.js
deleted file mode 100644
index ec8a1786..00000000
--- a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/js/translation/ru.js
+++ /dev/null
@@ -1,8 +0,0 @@
-var sankoreLang = {
- short_desc: "Расположите картинки в порядке возрастания цифр.",
- display:"Показать",
- edit:"Изменить",
- add:"Добавить новый блок"
-};
-
-
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/fr/img/drop_img.png b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/fr/img/drop_img.png
new file mode 100644
index 00000000..231d0b24
Binary files /dev/null and b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/fr/img/drop_img.png differ
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/fr/index.html b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/fr/index.html
new file mode 100644
index 00000000..017ca822
--- /dev/null
+++ b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/fr/index.html
@@ -0,0 +1,45 @@
+<!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(){
+ start();
+ //here you can put your code
+ if(window.sankore)
+ sankore.enableDropOnWidget();
+ });
+ </script>
+ </head>
+ <body>
+ <!--<div class="dnd_container">
+ <div class="dnd_1" id="dnd_1" ondragenter="return false;" ondragleave="$(this).css('border-color','#ccc'); return false;" ondragover="$(this).css('border-color','orange'); return false;" ondrop="$(this).css('border-color','#ccc'); return onDropTarget1(event);">Drop the item here ...</div>
+ <div class="dnd_2" id="dnd_2" ondragenter="return false;" ondragleave="$(this).css('border-color','#ccc'); return false;" ondragover="$(this).css('border-color','orange'); return false;" ondrop="$(this).css('border-color','#ccc'); return onDropTarget2(event);">Drop the item here ...</div>
+ </div>
+ <div class='black_overlay' id='fade'></div>
+ <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">открыть</a></p>
+ <div id="light" class="white_content">
+ Содержание<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">закрыть</a></div>-->
+ <div class="toggle_mode">
+ <div style="width: 50%; height: 100%; float: left;">
+ <div id="display" style="float: right; width: 130px; cursor: pointer;" class="selected">
+ <div id="display_img" style="float: right;" class="green_point"></div>
+ <div id="display_text" style="float: right;"></div>
+ </div>
+ </div>
+ <div style="width: 50%; height: 100%; float: right;">
+ <div id="edit" style="float: left; width: 130px; cursor: pointer;">
+ <div id="edit_img" style="float: left;" class="red_point"></div>
+ <div id="edit_text" style="float: left;"></div>
+ </div>
+ </div>
+ </div>
+ <div style="width: 100%; height: 25px;"></div>
+
+ </body>
+</html>
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/fr/js/script.js b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/fr/js/script.js
new file mode 100644
index 00000000..83d61c86
--- /dev/null
+++ b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/fr/js/script.js
@@ -0,0 +1,392 @@
+
+var sankoreLang = {display: "D'affichage", edit: "Modifier", short_desc: "Placez les photos dans l'ordre croissant.", add: "Nouveau bloc"};
+
+//main function
+function start(){
+
+ $("#display_text").text(sankoreLang.display);
+ $("#edit_text").text(sankoreLang.edit);
+
+ if(window.sankore){
+ if(sankore.preference("odr_des_imgs","")){
+ var data = jQuery.parseJSON(sankore.preference("odr_des_imgs",""));
+ importData(data);
+ } else {
+ showExample();
+ }
+ }
+ else
+ showExample();
+
+ //events
+ $("body").live("mouseout",function(){
+ if(event.target.tagName == "BODY")
+ if(window.sankore)
+ exportData();
+ })
+
+ $("#display, #edit").click(function(event){
+ if(this.id == "display"){
+ if(!$(this).hasClass("selected")){
+ $(this).addClass("selected");
+ $("#display_img").removeClass("red_point").addClass("green_point");
+ $("#edit_img").removeClass("green_point").addClass("red_point");
+ $("#edit").removeClass("selected");
+ $(".add_block").remove();
+ $(".cont").each(function(){
+ var container = $(this);
+ var tmp_i = 0;
+ var tmp_right = "";
+ var tmp_array = [];
+
+ container.find(".text_cont").removeAttr("contenteditable");
+ container.find(".add_img").remove();
+ container.find(".close_cont").remove();
+ container.find(".img_block").each(function(){
+ if($(this).find("img").attr("src") != "img/drop_img.png"){
+ $(this).find(".close_img").remove();
+ $(this).find(".clear_img").remove();
+ $(this).find(".numb_img").remove();
+ $(this).removeAttr("ondragenter")
+ .removeAttr("ondragleave")
+ .removeAttr("ondragover")
+ .removeAttr("ondrop");
+ $(this).find("input").val(++tmp_i)
+ tmp_right += tmp_i + "*";
+ } else
+ $(this).remove();
+ });
+ container.find(".imgs_cont>input").val(tmp_right);
+
+ container.find(".img_block").each(function(){
+ $(this).css("float","");
+ tmp_array.push($(this));
+ });
+ tmp_array = shuffle(tmp_array);
+ for(var i = 0; i<tmp_array.length;i++)
+ tmp_array[i].appendTo(container.find(".imgs_cont"));
+ container.find(".imgs_cont").sortable( {
+ update: checkResult
+ } );
+ });
+ }
+ } else {
+ if(!$(this).hasClass("selected")){
+ $(this).addClass("selected");
+ $("#edit_img").removeClass("red_point").addClass("green_point");
+ $("#display_img").removeClass("green_point").addClass("red_point");
+ $("#display").removeClass("selected");
+
+ $(".cont").each(function(){
+ var container = $(this);
+
+ $("<div class='close_cont'>").appendTo(container);
+ container.find(".text_cont").attr("contenteditable","true");
+ //container.find(".imgs_cont").sortable("destroy");
+ container.find(".imgs_cont").css("background-color", "white");
+
+ var add_img = $("<div class='add_img'>");
+ container.find(".img_block").each(function(){
+ $(this).attr("ondragenter", "return false;")
+ .attr("ondragleave", "$(this).css(\"background-color\",\"white\"); return false;")
+ .attr("ondragover", "$(this).css(\"background-color\",\"#ccc\"); return false;")
+ .attr("ondrop", "$(this).css(\"background-color\",\"white\"); return onDropTarget(this,event);")
+ //.css("float","left");
+ $("<div class='close_img'>").appendTo($(this));
+ $("<div class='clear_img'>").appendTo($(this));
+ $("<div class='numb_img'>" + $(this).find("input").val() + "</div>").appendTo($(this));
+ });
+ rightOrder(container.find(".imgs_cont"));
+ container.find(".imgs_cont").append(add_img)
+ });
+
+ $("<div class='add_block'>" + sankoreLang.add + "</div>").appendTo("body");
+ }
+ }
+ });
+
+ //add new block
+ $(".add_block").live("click", function(){
+ addContainer();
+ });
+
+ //adding new img
+ $(".add_img").live("click", function(){
+ addImgBlock($(this));
+ });
+
+ //deleting a block
+ $(".close_cont").live("click",function(){
+ $(this).parent().remove();
+ refreshBlockNumbers();
+ });
+
+ //deleting the img block
+ $(".close_img").live("click", function(){
+ var i = 0;
+ var tmp_obj = $(this).parent().parent();
+ $(this).parent().remove();
+ if(tmp_obj.find(".img_block").size() > 0){
+ refreshImgNumbers(tmp_obj);
+ }
+
+ });
+
+ //cleaning an image
+ $(".clear_img").live("click",function(){
+ //$(this).parent().find(".fill_img").remove();
+ $(this).parent().find("img").attr("src","img/drop_img.png");
+ });
+}
+
+//export
+function exportData(){
+ var array_to_export = [];
+ if($("#edit").hasClass("selected")){
+ $(".cont").each(function(){
+ var container = $(this);
+ var tmp_right = "";
+ var tmp_i = 0;
+ container.find(".img_block").each(function(){
+ if($(this).html().match(/<img/)){
+ $(this).find("input").val(++tmp_i)
+ tmp_right += tmp_i + "*";
+ }
+ });
+ container.find(".imgs_cont>input").val(tmp_right);
+ });
+ }
+ $(".cont").each(function(){
+ var cont_obj = new Object();
+ cont_obj.text = $(this).find(".text_cont").text();
+ cont_obj.right = $(this).find(".imgs_cont>input").val();
+ cont_obj.imgs = [];
+ $(this).find(".img_block").each(function(){
+ var img_obj = new Object();
+ img_obj.value = $(this).find("input").val();
+ img_obj.link = $(this).find("img").attr("src").replace("../../","");
+ img_obj.ht = $(this).find("img").height();
+ img_obj.wd = $(this).find("img").width();
+ cont_obj.imgs.push(img_obj);
+ });
+ array_to_export.push(cont_obj);
+ });
+ sankore.setPreference("odr_des_imgs", JSON.stringify(array_to_export));
+}
+
+//import
+function importData(data){
+
+ var tmp = 0;
+ for(var i in data){
+ var tmp_array = [];
+ var container = $("<div class='cont'>");
+ var sub_container = $("<div class='sub_cont'>").appendTo(container);
+ var imgs_container = $("<div class='imgs_cont'>").appendTo(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);
+
+ $("<input type='hidden' value='" + data[i].right + "'/>").appendTo(imgs_container);
+
+ for(var j in data[i].imgs){
+ var img_block = $("<div class='img_block' style='text-align: center;'>");
+ var img = $("<img src='../../" + data[i].imgs[j].link + "' style='display: inline;'>");
+ img.height(data[i].imgs[j].ht).width(data[i].imgs[j].wd);
+ if((120 - data[i].imgs[j].ht) > 0)
+ img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0");
+ var hidden_input = $("<input type='hidden'>").val(data[i].imgs[j].value);
+ img_block.append(hidden_input).append(img);
+ tmp_array.push(img_block);
+ }
+ tmp_array = shuffle(tmp_array);
+ for(j = 0; j<tmp_array.length;j++)
+ tmp_array[j].appendTo(imgs_container);
+ imgs_container.sortable( {
+ update: checkResult
+ } );
+ container.appendTo("body");
+ }
+}
+
+//example
+function showExample(){
+
+ var tmp_array = [];
+
+ var container = $("<div class='cont'>");
+ var sub_container = $("<div class='sub_cont'>").appendTo(container);
+ var imgs_container = $("<div class='imgs_cont'>").appendTo(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);
+
+ $("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container);
+
+ var img1 = $("<div class='img_block' style='text-align: center;'></div>");
+ $("<input type='hidden' value='1'/>").appendTo(img1);
+ $("<img src=\"../../objects/0.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img1);
+ var img2 = $("<div class='img_block' style='text-align: center;'></div>");
+ $("<input type='hidden' value='2'/>").appendTo(img2);
+ $("<img src=\"../../objects/1.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img2);
+ var img3 = $("<div class='img_block' style='text-align: center;'></div>");
+ $("<input type='hidden' value='3'/>").appendTo(img3);
+ $("<img src=\"../../objects/2.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img3);
+ var img4 = $("<div class='img_block' style='text-align: center;'></div>");
+ $("<input type='hidden' value='4'/>").appendTo(img4);
+ $("<img src=\"../../objects/3.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img4);
+ var img5 = $("<div class='img_block' style='text-align: center;'></div>");
+ $("<input type='hidden' value='5'/>").appendTo(img5);
+ $("<img src=\"../../objects/4.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img5);
+
+ tmp_array.push(img1, img2, img3, img4, img5);
+ tmp_array = shuffle(tmp_array);
+ for(var i = 0; i<tmp_array.length;i++)
+ tmp_array[i].appendTo(imgs_container);
+ imgs_container.sortable( {
+ update: checkResult
+ } );
+
+ container.appendTo("body")
+}
+
+//check result
+function checkResult(event)
+{
+ if($("#display").hasClass("selected")){
+ var str = "";
+ var right_str = $(event.target).find("input").val();
+ $(event.target).find(".img_block").each(function(){
+ str += $(this).find("input").val() + "*";
+ });
+ if(str == right_str)
+ $(event.target).css("background-color","#9f9");
+ } else {
+ refreshImgNumbers($(event.target));
+ }
+}
+
+//add new container
+function addContainer(){
+ var container = $("<div class='cont'>");
+ var sub_container = $("<div class='sub_cont'>").appendTo(container);
+ var imgs_container = $("<div class='imgs_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 text = $("<div class='text_cont' contenteditable>Enter your text here ... </div>").appendTo(sub_container);
+
+ $("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container);
+ var add_img = $("<div class='add_img'>").appendTo(imgs_container);
+ container.insertBefore($(".add_block"));
+}
+
+//add new img block
+function addImgBlock(dest){
+ var img_block = $("<div class='img_block' ondragenter='return false;' ondragleave='$(this).css(\"background-color\",\"white\"); return false;' ondragover='$(this).css(\"background-color\",\"#ccc\"); return false;' ondrop='$(this).css(\"background-color\",\"white\"); return onDropTarget(this,event);' style='text-align: center;'></div>").insertBefore(dest);
+ var tmp_counter = dest.parent().find(".img_block").size();
+ $("<div class='close_img'>").appendTo(img_block);
+ $("<div class='clear_img'>").appendTo(img_block);
+ $("<div class='numb_img'>" + tmp_counter + "</div>").appendTo(img_block);
+ $("<input type='hidden' value='" + tmp_counter + "'/>").appendTo(img_block);
+ $("<img src='img/drop_img.png' height='120'/>").appendTo(img_block);
+}
+
+function refreshBlockNumbers(){
+ var i = 0;
+ $(".cont").each(function(){
+ $(this).find(".number_cont").text(++i);
+ })
+}
+
+//shuffles an array
+function shuffle( arr )
+{
+ var pos, tmp;
+ for( var i = 0; i < arr.length; i++ )
+ {
+ pos = Math.round( Math.random() * ( arr.length - 1 ) );
+ tmp = arr[pos];
+ arr[pos] = arr[i];
+ arr[i] = tmp;
+ }
+ return arr;
+}
+
+//regulation the images in right order
+function rightOrder(source){
+ var tmp_arr = [];
+ var tmp_var;
+ source.find(".img_block").each(function(){
+ tmp_arr.push($(this));
+ $(this).remove();
+ });
+ for(var i = 0; i < tmp_arr.length; i++)
+ for(var j = 0; j < tmp_arr.length - 1; j++){
+ if(tmp_arr[j].find("input").val() > tmp_arr[j+1].find("input").val()){
+ tmp_var = tmp_arr[j];
+ tmp_arr[j] = tmp_arr[j+1];
+ tmp_arr[j+1] = tmp_var;
+ }
+ }
+ for(i in tmp_arr)
+ source.append(tmp_arr[i]);
+}
+
+//refresh the numbers of the images
+function refreshImgNumbers(source){
+ var tmp = 1;
+ source.find(".img_block").each(function(){
+ $(this).find("input").val(tmp);
+ $(this).find(".numb_img").text(tmp);
+ tmp++;
+ });
+}
+
+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;
+}
+
+function onDropTarget(obj, event) {
+ $(obj).find("img").remove();
+ if (event.dataTransfer) {
+ var format = "text/plain";
+ var textData = event.dataTransfer.getData(format);
+ if (!textData) {
+ alert(":(");
+ }
+ textData = stringToXML(textData);
+ var tmp = textData.getElementsByTagName("path")[0].firstChild.textContent;
+ tmp = tmp.substr(1, tmp.length);
+ var tmp_img = $("<img/>").attr("src", "../../" + tmp);
+ $(obj).append(tmp_img);
+ setTimeout(function(){
+ if(tmp_img.height() >= tmp_img.width())
+ tmp_img.attr("height", "120");
+ else{
+ tmp_img.attr("width","120");
+ tmp_img.css("margin",(120 - tmp_img.height())/2 + "px 0");
+ }
+ }, 6)
+ }
+ else {
+ alert ("Your browser does not support the dataTransfer object.");
+ }
+
+ if (event.stopPropagation) {
+ event.stopPropagation ();
+ }
+ else {
+ event.cancelBubble = true;
+ }
+ return false;
+}
+
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/ru/img/drop_img.png b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/ru/img/drop_img.png
new file mode 100644
index 00000000..2796c020
Binary files /dev/null and b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/ru/img/drop_img.png differ
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/ru/index.html b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/ru/index.html
new file mode 100644
index 00000000..9388cd2f
--- /dev/null
+++ b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/ru/index.html
@@ -0,0 +1,45 @@
+<!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(){
+ start();
+ //here you can put your code
+ if(window.sankore)
+ sankore.enableDropOnWidget();
+ });
+ </script>
+ </head>
+ <body>
+ <!--<div class="dnd_container">
+ <div class="dnd_1" id="dnd_1" ondragenter="return false;" ondragleave="$(this).css('border-color','#ccc'); return false;" ondragover="$(this).css('border-color','orange'); return false;" ondrop="$(this).css('border-color','#ccc'); return onDropTarget1(event);">Drop the item here ...</div>
+ <div class="dnd_2" id="dnd_2" ondragenter="return false;" ondragleave="$(this).css('border-color','#ccc'); return false;" ondragover="$(this).css('border-color','orange'); return false;" ondrop="$(this).css('border-color','#ccc'); return onDropTarget2(event);">Drop the item here ...</div>
+ </div>
+ <div class='black_overlay' id='fade'></div>
+ <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">открыть</a></p>
+ <div id="light" class="white_content">
+ Содержание<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">закрыть</a></div>-->
+ <div class="toggle_mode">
+ <div style="width: 50%; height: 100%; float: left;">
+ <div id="display" style="float: right; width: 120px; cursor: pointer;" class="selected">
+ <div id="display_img" style="float: right;" class="green_point"></div>
+ <div id="display_text" style="float: right;"></div>
+ </div>
+ </div>
+ <div style="width: 50%; height: 100%; float: right;">
+ <div id="edit" style="float: left; width: 120px; cursor: pointer;">
+ <div id="edit_img" style="float: left;" class="red_point"></div>
+ <div id="edit_text" style="float: left;"></div>
+ </div>
+ </div>
+ </div>
+ <div style="width: 100%; height: 25px;"></div>
+
+ </body>
+</html>
diff --git a/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/ru/js/script.js b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/ru/js/script.js
new file mode 100644
index 00000000..ae10471c
--- /dev/null
+++ b/resources/library/sankoreInteractivities/ordonner_des_images.wgt/locales/ru/js/script.js
@@ -0,0 +1,392 @@
+
+var sankoreLang = {display: "Показать", edit: "Изменить", short_desc: "Расположите картинки в порядке возрастания цифр.", add: "Новый блок"};
+
+//main function
+function start(){
+
+ $("#display_text").text(sankoreLang.display);
+ $("#edit_text").text(sankoreLang.edit);
+
+ if(window.sankore){
+ if(sankore.preference("odr_des_imgs","")){
+ var data = jQuery.parseJSON(sankore.preference("odr_des_imgs",""));
+ importData(data);
+ } else {
+ showExample();
+ }
+ }
+ else
+ showExample();
+
+ //events
+ $("body").live("mouseout",function(){
+ if(event.target.tagName == "BODY")
+ if(window.sankore)
+ exportData();
+ })
+
+ $("#display, #edit").click(function(event){
+ if(this.id == "display"){
+ if(!$(this).hasClass("selected")){
+ $(this).addClass("selected");
+ $("#display_img").removeClass("red_point").addClass("green_point");
+ $("#edit_img").removeClass("green_point").addClass("red_point");
+ $("#edit").removeClass("selected");
+ $(".add_block").remove();
+ $(".cont").each(function(){
+ var container = $(this);
+ var tmp_i = 0;
+ var tmp_right = "";
+ var tmp_array = [];
+
+ container.find(".text_cont").removeAttr("contenteditable");
+ container.find(".add_img").remove();
+ container.find(".close_cont").remove();
+ container.find(".img_block").each(function(){
+ if($(this).find("img").attr("src") != "img/drop_img.png"){
+ $(this).find(".close_img").remove();
+ $(this).find(".clear_img").remove();
+ $(this).find(".numb_img").remove();
+ $(this).removeAttr("ondragenter")
+ .removeAttr("ondragleave")
+ .removeAttr("ondragover")
+ .removeAttr("ondrop");
+ $(this).find("input").val(++tmp_i)
+ tmp_right += tmp_i + "*";
+ } else
+ $(this).remove();
+ });
+ container.find(".imgs_cont>input").val(tmp_right);
+
+ container.find(".img_block").each(function(){
+ $(this).css("float","");
+ tmp_array.push($(this));
+ });
+ tmp_array = shuffle(tmp_array);
+ for(var i = 0; i<tmp_array.length;i++)
+ tmp_array[i].appendTo(container.find(".imgs_cont"));
+ container.find(".imgs_cont").sortable( {
+ update: checkResult
+ } );
+ });
+ }
+ } else {
+ if(!$(this).hasClass("selected")){
+ $(this).addClass("selected");
+ $("#edit_img").removeClass("red_point").addClass("green_point");
+ $("#display_img").removeClass("green_point").addClass("red_point");
+ $("#display").removeClass("selected");
+
+ $(".cont").each(function(){
+ var container = $(this);
+
+ $("<div class='close_cont'>").appendTo(container);
+ container.find(".text_cont").attr("contenteditable","true");
+ //container.find(".imgs_cont").sortable("destroy");
+ container.find(".imgs_cont").css("background-color", "white");
+
+ var add_img = $("<div class='add_img'>");
+ container.find(".img_block").each(function(){
+ $(this).attr("ondragenter", "return false;")
+ .attr("ondragleave", "$(this).css(\"background-color\",\"white\"); return false;")
+ .attr("ondragover", "$(this).css(\"background-color\",\"#ccc\"); return false;")
+ .attr("ondrop", "$(this).css(\"background-color\",\"white\"); return onDropTarget(this,event);")
+ //.css("float","left");
+ $("<div class='close_img'>").appendTo($(this));
+ $("<div class='clear_img'>").appendTo($(this));
+ $("<div class='numb_img'>" + $(this).find("input").val() + "</div>").appendTo($(this));
+ });
+ rightOrder(container.find(".imgs_cont"));
+ container.find(".imgs_cont").append(add_img)
+ });
+
+ $("<div class='add_block'>" + sankoreLang.add + "</div>").appendTo("body");
+ }
+ }
+ });
+
+ //add new block
+ $(".add_block").live("click", function(){
+ addContainer();
+ });
+
+ //adding new img
+ $(".add_img").live("click", function(){
+ addImgBlock($(this));
+ });
+
+ //deleting a block
+ $(".close_cont").live("click",function(){
+ $(this).parent().remove();
+ refreshBlockNumbers();
+ });
+
+ //deleting the img block
+ $(".close_img").live("click", function(){
+ var i = 0;
+ var tmp_obj = $(this).parent().parent();
+ $(this).parent().remove();
+ if(tmp_obj.find(".img_block").size() > 0){
+ refreshImgNumbers(tmp_obj);
+ }
+
+ });
+
+ //cleaning an image
+ $(".clear_img").live("click",function(){
+ //$(this).parent().find(".fill_img").remove();
+ $(this).parent().find("img").attr("src","img/drop_img.png");
+ });
+}
+
+//export
+function exportData(){
+ var array_to_export = [];
+ if($("#edit").hasClass("selected")){
+ $(".cont").each(function(){
+ var container = $(this);
+ var tmp_right = "";
+ var tmp_i = 0;
+ container.find(".img_block").each(function(){
+ if($(this).html().match(/<img/)){
+ $(this).find("input").val(++tmp_i)
+ tmp_right += tmp_i + "*";
+ }
+ });
+ container.find(".imgs_cont>input").val(tmp_right);
+ });
+ }
+ $(".cont").each(function(){
+ var cont_obj = new Object();
+ cont_obj.text = $(this).find(".text_cont").text();
+ cont_obj.right = $(this).find(".imgs_cont>input").val();
+ cont_obj.imgs = [];
+ $(this).find(".img_block").each(function(){
+ var img_obj = new Object();
+ img_obj.value = $(this).find("input").val();
+ img_obj.link = $(this).find("img").attr("src").replace("../../","");
+ img_obj.ht = $(this).find("img").height();
+ img_obj.wd = $(this).find("img").width();
+ cont_obj.imgs.push(img_obj);
+ });
+ array_to_export.push(cont_obj);
+ });
+ sankore.setPreference("odr_des_imgs", JSON.stringify(array_to_export));
+}
+
+//import
+function importData(data){
+
+ var tmp = 0;
+ for(var i in data){
+ var tmp_array = [];
+ var container = $("<div class='cont'>");
+ var sub_container = $("<div class='sub_cont'>").appendTo(container);
+ var imgs_container = $("<div class='imgs_cont'>").appendTo(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);
+
+ $("<input type='hidden' value='" + data[i].right + "'/>").appendTo(imgs_container);
+
+ for(var j in data[i].imgs){
+ var img_block = $("<div class='img_block' style='text-align: center;'>");
+ var img = $("<img src='../../" + data[i].imgs[j].link + "' style='display: inline;'>");
+ img.height(data[i].imgs[j].ht).width(data[i].imgs[j].wd);
+ if((120 - data[i].imgs[j].ht) > 0)
+ img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0");
+ var hidden_input = $("<input type='hidden'>").val(data[i].imgs[j].value);
+ img_block.append(hidden_input).append(img);
+ tmp_array.push(img_block);
+ }
+ tmp_array = shuffle(tmp_array);
+ for(j = 0; j<tmp_array.length;j++)
+ tmp_array[j].appendTo(imgs_container);
+ imgs_container.sortable( {
+ update: checkResult
+ } );
+ container.appendTo("body");
+ }
+}
+
+//example
+function showExample(){
+
+ var tmp_array = [];
+
+ var container = $("<div class='cont'>");
+ var sub_container = $("<div class='sub_cont'>").appendTo(container);
+ var imgs_container = $("<div class='imgs_cont'>").appendTo(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);
+
+ $("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container);
+
+ var img1 = $("<div class='img_block' style='text-align: center;'></div>");
+ $("<input type='hidden' value='1'/>").appendTo(img1);
+ $("<img src=\"../../objects/0.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img1);
+ var img2 = $("<div class='img_block' style='text-align: center;'></div>");
+ $("<input type='hidden' value='2'/>").appendTo(img2);
+ $("<img src=\"../../objects/1.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img2);
+ var img3 = $("<div class='img_block' style='text-align: center;'></div>");
+ $("<input type='hidden' value='3'/>").appendTo(img3);
+ $("<img src=\"../../objects/2.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img3);
+ var img4 = $("<div class='img_block' style='text-align: center;'></div>");
+ $("<input type='hidden' value='4'/>").appendTo(img4);
+ $("<img src=\"../../objects/3.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img4);
+ var img5 = $("<div class='img_block' style='text-align: center;'></div>");
+ $("<input type='hidden' value='5'/>").appendTo(img5);
+ $("<img src=\"../../objects/4.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img5);
+
+ tmp_array.push(img1, img2, img3, img4, img5);
+ tmp_array = shuffle(tmp_array);
+ for(var i = 0; i<tmp_array.length;i++)
+ tmp_array[i].appendTo(imgs_container);
+ imgs_container.sortable( {
+ update: checkResult
+ } );
+
+ container.appendTo("body")
+}
+
+//check result
+function checkResult(event)
+{
+ if($("#display").hasClass("selected")){
+ var str = "";
+ var right_str = $(event.target).find("input").val();
+ $(event.target).find(".img_block").each(function(){
+ str += $(this).find("input").val() + "*";
+ });
+ if(str == right_str)
+ $(event.target).css("background-color","#9f9");
+ } else {
+ refreshImgNumbers($(event.target));
+ }
+}
+
+//add new container
+function addContainer(){
+ var container = $("<div class='cont'>");
+ var sub_container = $("<div class='sub_cont'>").appendTo(container);
+ var imgs_container = $("<div class='imgs_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 text = $("<div class='text_cont' contenteditable>Enter your text here ... </div>").appendTo(sub_container);
+
+ $("<input type='hidden' value='1*2*3*4*5*'/>").appendTo(imgs_container);
+ var add_img = $("<div class='add_img'>").appendTo(imgs_container);
+ container.insertBefore($(".add_block"));
+}
+
+//add new img block
+function addImgBlock(dest){
+ var img_block = $("<div class='img_block' ondragenter='return false;' ondragleave='$(this).css(\"background-color\",\"white\"); return false;' ondragover='$(this).css(\"background-color\",\"#ccc\"); return false;' ondrop='$(this).css(\"background-color\",\"white\"); return onDropTarget(this,event);' style='text-align: center;'></div>").insertBefore(dest);
+ var tmp_counter = dest.parent().find(".img_block").size();
+ $("<div class='close_img'>").appendTo(img_block);
+ $("<div class='clear_img'>").appendTo(img_block);
+ $("<div class='numb_img'>" + tmp_counter + "</div>").appendTo(img_block);
+ $("<input type='hidden' value='" + tmp_counter + "'/>").appendTo(img_block);
+ $("<img src='img/drop_img.png' height='120'/>").appendTo(img_block);
+}
+
+function refreshBlockNumbers(){
+ var i = 0;
+ $(".cont").each(function(){
+ $(this).find(".number_cont").text(++i);
+ })
+}
+
+//shuffles an array
+function shuffle( arr )
+{
+ var pos, tmp;
+ for( var i = 0; i < arr.length; i++ )
+ {
+ pos = Math.round( Math.random() * ( arr.length - 1 ) );
+ tmp = arr[pos];
+ arr[pos] = arr[i];
+ arr[i] = tmp;
+ }
+ return arr;
+}
+
+//regulation the images in right order
+function rightOrder(source){
+ var tmp_arr = [];
+ var tmp_var;
+ source.find(".img_block").each(function(){
+ tmp_arr.push($(this));
+ $(this).remove();
+ });
+ for(var i = 0; i < tmp_arr.length; i++)
+ for(var j = 0; j < tmp_arr.length - 1; j++){
+ if(tmp_arr[j].find("input").val() > tmp_arr[j+1].find("input").val()){
+ tmp_var = tmp_arr[j];
+ tmp_arr[j] = tmp_arr[j+1];
+ tmp_arr[j+1] = tmp_var;
+ }
+ }
+ for(i in tmp_arr)
+ source.append(tmp_arr[i]);
+}
+
+//refresh the numbers of the images
+function refreshImgNumbers(source){
+ var tmp = 1;
+ source.find(".img_block").each(function(){
+ $(this).find("input").val(tmp);
+ $(this).find(".numb_img").text(tmp);
+ tmp++;
+ });
+}
+
+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;
+}
+
+function onDropTarget(obj, event) {
+ $(obj).find("img").remove();
+ if (event.dataTransfer) {
+ var format = "text/plain";
+ var textData = event.dataTransfer.getData(format);
+ if (!textData) {
+ alert(":(");
+ }
+ textData = stringToXML(textData);
+ var tmp = textData.getElementsByTagName("path")[0].firstChild.textContent;
+ tmp = tmp.substr(1, tmp.length);
+ var tmp_img = $("<img/>").attr("src", "../../" + tmp);
+ $(obj).append(tmp_img);
+ setTimeout(function(){
+ if(tmp_img.height() >= tmp_img.width())
+ tmp_img.attr("height", "120");
+ else{
+ tmp_img.attr("width","120");
+ tmp_img.css("margin",(120 - tmp_img.height())/2 + "px 0");
+ }
+ }, 6)
+ }
+ else {
+ alert ("Your browser does not support the dataTransfer object.");
+ }
+
+ if (event.stopPropagation) {
+ event.stopPropagation ();
+ }
+ else {
+ event.cancelBubble = true;
+ }
+ return false;
+}
+