|
|
@ -300,13 +300,13 @@ function exportData(){ |
|
|
|
$(".cont").each(function(){ |
|
|
|
$(".cont").each(function(){ |
|
|
|
var cont_obj = new Object(); |
|
|
|
var cont_obj = new Object(); |
|
|
|
cont_obj.text = $(this).find(".audio_desc").text(); |
|
|
|
cont_obj.text = $(this).find(".audio_desc").text(); |
|
|
|
cont_obj.audio = $(this).find("source").attr("src").replace("../../",""); |
|
|
|
cont_obj.audio = $(this).find("source").attr("src"); |
|
|
|
cont_obj.mode = "edit"; |
|
|
|
cont_obj.mode = "edit"; |
|
|
|
cont_obj.imgs = []; |
|
|
|
cont_obj.imgs = []; |
|
|
|
$(this).find(".img_block").each(function(){ |
|
|
|
$(this).find(".img_block").each(function(){ |
|
|
|
var img_obj = new Object(); |
|
|
|
var img_obj = new Object(); |
|
|
|
img_obj.value = $(this).find("input").val(); |
|
|
|
img_obj.value = $(this).find("input").val(); |
|
|
|
img_obj.link = $(this).find("img").attr("src").replace("../../",""); |
|
|
|
img_obj.link = $(this).find("img").attr("src"); |
|
|
|
img_obj.ht = $(this).find("img").height(); |
|
|
|
img_obj.ht = $(this).find("img").height(); |
|
|
|
img_obj.wd = $(this).find("img").width(); |
|
|
|
img_obj.wd = $(this).find("img").width(); |
|
|
|
cont_obj.imgs.push(img_obj); |
|
|
|
cont_obj.imgs.push(img_obj); |
|
|
@ -317,14 +317,14 @@ function exportData(){ |
|
|
|
$(".cont").each(function(){ |
|
|
|
$(".cont").each(function(){ |
|
|
|
var cont_obj = new Object(); |
|
|
|
var cont_obj = new Object(); |
|
|
|
cont_obj.text = $(this).find(".audio_desc").text(); |
|
|
|
cont_obj.text = $(this).find(".audio_desc").text(); |
|
|
|
cont_obj.audio = $(this).find("source").attr("src").replace("../../",""); |
|
|
|
cont_obj.audio = $(this).find("source").attr("src"); |
|
|
|
cont_obj.mode = "display"; |
|
|
|
cont_obj.mode = "display"; |
|
|
|
cont_obj.imgs = []; |
|
|
|
cont_obj.imgs = []; |
|
|
|
if($(this).find(".imgs_answers").children()[0].tagName == "DIV"){ |
|
|
|
if($(this).find(".imgs_answers").children()[0].tagName == "DIV"){ |
|
|
|
var tmp_cont = $(this).find(".imgs_answers").find(".img_block"); |
|
|
|
var tmp_cont = $(this).find(".imgs_answers").find(".img_block"); |
|
|
|
var img_obj = new Object(); |
|
|
|
var img_obj = new Object(); |
|
|
|
img_obj.value = tmp_cont.find("input").val(); |
|
|
|
img_obj.value = tmp_cont.find("input").val(); |
|
|
|
img_obj.link = tmp_cont.find("img").attr("src").replace("../../",""); |
|
|
|
img_obj.link = tmp_cont.find("img").attr("src"); |
|
|
|
img_obj.ht = tmp_cont.find("img").height(); |
|
|
|
img_obj.ht = tmp_cont.find("img").height(); |
|
|
|
img_obj.wd = tmp_cont.find("img").width(); |
|
|
|
img_obj.wd = tmp_cont.find("img").width(); |
|
|
|
img_obj.cont = "answers"; |
|
|
|
img_obj.cont = "answers"; |
|
|
@ -333,7 +333,7 @@ function exportData(){ |
|
|
|
$(this).find(".imgs_cont .img_block").each(function(){ |
|
|
|
$(this).find(".imgs_cont .img_block").each(function(){ |
|
|
|
var img_obj = new Object(); |
|
|
|
var img_obj = new Object(); |
|
|
|
img_obj.value = $(this).find("input").val(); |
|
|
|
img_obj.value = $(this).find("input").val(); |
|
|
|
img_obj.link = $(this).find("img").attr("src").replace("../../",""); |
|
|
|
img_obj.link = $(this).find("img").attr("src"); |
|
|
|
img_obj.ht = $(this).find("img").height(); |
|
|
|
img_obj.ht = $(this).find("img").height(); |
|
|
|
img_obj.wd = $(this).find("img").width(); |
|
|
|
img_obj.wd = $(this).find("img").width(); |
|
|
|
img_obj.cont = "cont"; |
|
|
|
img_obj.cont = "cont"; |
|
|
@ -362,7 +362,7 @@ function importData(data){ |
|
|
|
var audio_block = $("<div class='audio_block'>").appendTo(text); |
|
|
|
var audio_block = $("<div class='audio_block'>").appendTo(text); |
|
|
|
$("<div class='play'>").appendTo(audio_block); |
|
|
|
$("<div class='play'>").appendTo(audio_block); |
|
|
|
$("<div class='replay'>").appendTo(audio_block); |
|
|
|
$("<div class='replay'>").appendTo(audio_block); |
|
|
|
var source = $("<source/>").attr("src","../../" + data[i].audio); |
|
|
|
var source = $("<source/>").attr("src", data[i].audio); |
|
|
|
var audio = $("<audio>").appendTo(audio_block); |
|
|
|
var audio = $("<audio>").appendTo(audio_block); |
|
|
|
audio.append(source); |
|
|
|
audio.append(source); |
|
|
|
$("<input type='hidden'/>").appendTo(audio_block); |
|
|
|
$("<input type='hidden'/>").appendTo(audio_block); |
|
|
@ -370,7 +370,7 @@ function importData(data){ |
|
|
|
|
|
|
|
|
|
|
|
for(var j in data[i].imgs){ |
|
|
|
for(var j in data[i].imgs){ |
|
|
|
var img_block = $("<div class='img_block img_gray' style='text-align: center;'>"); |
|
|
|
var img_block = $("<div class='img_block img_gray' style='text-align: center;'>"); |
|
|
|
var img = $("<img src='../../" + data[i].imgs[j].link + "' style='display: inline;'>"); |
|
|
|
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); |
|
|
|
img.height(data[i].imgs[j].ht).width(data[i].imgs[j].wd); |
|
|
|
if((120 - data[i].imgs[j].ht) > 0) |
|
|
|
if((120 - data[i].imgs[j].ht) > 0) |
|
|
|
img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0"); |
|
|
|
img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0"); |
|
|
@ -453,7 +453,7 @@ function importData(data){ |
|
|
|
audio_block = $("<div class='audio_block'>").appendTo(text); |
|
|
|
audio_block = $("<div class='audio_block'>").appendTo(text); |
|
|
|
$("<div class='play'>").appendTo(audio_block); |
|
|
|
$("<div class='play'>").appendTo(audio_block); |
|
|
|
$("<div class='replay'>").appendTo(audio_block); |
|
|
|
$("<div class='replay'>").appendTo(audio_block); |
|
|
|
source = $("<source/>").attr("src","../../" + data[i].audio); |
|
|
|
source = $("<source/>").attr("src",data[i].audio); |
|
|
|
audio = $("<audio>").appendTo(audio_block); |
|
|
|
audio = $("<audio>").appendTo(audio_block); |
|
|
|
audio.append(source); |
|
|
|
audio.append(source); |
|
|
|
$("<input type='hidden'/>").appendTo(audio_block); |
|
|
|
$("<input type='hidden'/>").appendTo(audio_block); |
|
|
@ -461,7 +461,7 @@ function importData(data){ |
|
|
|
|
|
|
|
|
|
|
|
for(j in data[i].imgs){ |
|
|
|
for(j in data[i].imgs){ |
|
|
|
img_block = $("<div class='img_block img_gray' style='text-align: center;'>"); |
|
|
|
img_block = $("<div class='img_block img_gray' style='text-align: center;'>"); |
|
|
|
img = $("<img src='../../" + data[i].imgs[j].link + "' style='display: inline;'>"); |
|
|
|
img = $("<img src='" + data[i].imgs[j].link + "' style='display: inline;'>"); |
|
|
|
img.height(data[i].imgs[j].ht).width(data[i].imgs[j].wd); |
|
|
|
img.height(data[i].imgs[j].ht).width(data[i].imgs[j].wd); |
|
|
|
if((120 - data[i].imgs[j].ht) > 0) |
|
|
|
if((120 - data[i].imgs[j].ht) > 0) |
|
|
|
img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0"); |
|
|
|
img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0"); |
|
|
@ -557,7 +557,7 @@ function showExample(){ |
|
|
|
var audio_block = $("<div class='audio_block'>").appendTo(text); |
|
|
|
var audio_block = $("<div class='audio_block'>").appendTo(text); |
|
|
|
$("<div class='play'>").appendTo(audio_block); |
|
|
|
$("<div class='play'>").appendTo(audio_block); |
|
|
|
$("<div class='replay'>").appendTo(audio_block); |
|
|
|
$("<div class='replay'>").appendTo(audio_block); |
|
|
|
var source = $("<source/>").attr("src", "../../objects/beep.wav"); |
|
|
|
var source = $("<source/>").attr("src", "objects/beep.wav"); |
|
|
|
var audio = $("<audio>").appendTo(audio_block); |
|
|
|
var audio = $("<audio>").appendTo(audio_block); |
|
|
|
audio.append(source); |
|
|
|
audio.append(source); |
|
|
|
$("<input type='hidden'/>").appendTo(audio_block); |
|
|
|
$("<input type='hidden'/>").appendTo(audio_block); |
|
|
@ -567,19 +567,19 @@ function showExample(){ |
|
|
|
|
|
|
|
|
|
|
|
var img1 = $("<div class='img_block img_gray' style='text-align: center;'></div>"); |
|
|
|
var img1 = $("<div class='img_block img_gray' style='text-align: center;'></div>"); |
|
|
|
$("<input type='hidden' value='0'/>").appendTo(img1); |
|
|
|
$("<input type='hidden' value='0'/>").appendTo(img1); |
|
|
|
$("<img src=\"../../objects/0.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img1); |
|
|
|
$("<img src=\"objects/0.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img1); |
|
|
|
var img2 = $("<div class='img_block img_gray' style='text-align: center;'></div>"); |
|
|
|
var img2 = $("<div class='img_block img_gray' style='text-align: center;'></div>"); |
|
|
|
$("<input type='hidden' value='1'/>").appendTo(img2); |
|
|
|
$("<input type='hidden' value='1'/>").appendTo(img2); |
|
|
|
$("<img src=\"../../objects/1.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img2); |
|
|
|
$("<img src=\"objects/1.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img2); |
|
|
|
var img3 = $("<div class='img_block img_gray' style='text-align: center;'></div>"); |
|
|
|
var img3 = $("<div class='img_block img_gray' style='text-align: center;'></div>"); |
|
|
|
$("<input type='hidden' value='0'/>").appendTo(img3); |
|
|
|
$("<input type='hidden' value='0'/>").appendTo(img3); |
|
|
|
$("<img src=\"../../objects/2.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img3); |
|
|
|
$("<img src=\"objects/2.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img3); |
|
|
|
var img4 = $("<div class='img_block img_gray' style='text-align: center;'></div>"); |
|
|
|
var img4 = $("<div class='img_block img_gray' style='text-align: center;'></div>"); |
|
|
|
$("<input type='hidden' value='0'/>").appendTo(img4); |
|
|
|
$("<input type='hidden' value='0'/>").appendTo(img4); |
|
|
|
$("<img src=\"../../objects/3.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img4); |
|
|
|
$("<img src=\"objects/3.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img4); |
|
|
|
var img5 = $("<div class='img_block img_gray' style='text-align: center;'></div>"); |
|
|
|
var img5 = $("<div class='img_block img_gray' style='text-align: center;'></div>"); |
|
|
|
$("<input type='hidden' value='0'/>").appendTo(img5); |
|
|
|
$("<input type='hidden' value='0'/>").appendTo(img5); |
|
|
|
$("<img src=\"../../objects/4.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img5);
|
|
|
|
$("<img src=\"objects/4.gif\" style=\"display: inline;\" height=\"120\"/>").appendTo(img5);
|
|
|
|
|
|
|
|
|
|
|
|
tmp_array.push(img1, img2, img3, img4, img5); |
|
|
|
tmp_array.push(img1, img2, img3, img4, img5); |
|
|
|
tmp_array = shuffle(tmp_array); |
|
|
|
tmp_array = shuffle(tmp_array); |
|
|
@ -760,8 +760,7 @@ function onDropTarget(obj, event) { |
|
|
|
} |
|
|
|
} |
|
|
|
textData = stringToXML(textData); |
|
|
|
textData = stringToXML(textData); |
|
|
|
var tmp = textData.getElementsByTagName("path")[0].firstChild.textContent; |
|
|
|
var tmp = textData.getElementsByTagName("path")[0].firstChild.textContent; |
|
|
|
tmp = tmp.substr(1, tmp.length); |
|
|
|
var tmp_img = $("<img/>").attr("src",tmp); |
|
|
|
var tmp_img = $("<img/>").attr("src","../../" + tmp); |
|
|
|
|
|
|
|
$(obj).append(tmp_img); |
|
|
|
$(obj).append(tmp_img); |
|
|
|
setTimeout(function(){ |
|
|
|
setTimeout(function(){ |
|
|
|
if(tmp_img.height() >= tmp_img.width()) |
|
|
|
if(tmp_img.height() >= tmp_img.width()) |
|
|
|