//播放音频图片地址
var PicInfo1 = {
answerPointImgUrl: "file:///android_asset/js/update-answer.png",
yaoshiShowImgUrl: "file:///android_asset/js/yaoshi-show.png",
yaoshiHideImgUrl: "file:///android_asset/js/yaoshi-hide.png",
recordPlayImgUrl: "file:///android_asset/js/play.png",
recordPauseImgUrl: "file:///android_asset/js/pause.png",
audioPlayImgUrl: "file:///android_asset/js/dynaiselaba.gif",
audioPauseImgUrl: "file:///android_asset/js/dynaiselaba.png"
}
//本地调用用的资源
var PicInfo = {
answerPointImgUrl: "../Images/update-answer.png",
yaoshiShowImgUrl: "../Images/yaoshi-show.png",
yaoshiHideImgUrl: "../Images/yaoshi-hide.png",
KouYuTagImgUrl: "../Images/KY.png",
recordPlayImgUrl: "../Images/play.png",
recordPauseImgUrl: "../Images/pause.png",
audioPlayImgUrl: "../Images/dynaiselaba.gif",
audioPauseImgUrl: "../Images/dynaiselaba.png"
}
// 表格处理Start
var pressTableFlag = false;
var GetPadVal = function () {
var PaddingVal = $(document.body).css("padding");
if (PaddingVal == null || PaddingVal == undefined || PaddingVal == "" || PaddingVal == "0px") {
return 0;
}
var PadValArr = PaddingVal.split(" ");
if (PadValArr.length > 1) {
return parseFloat(PadValArr[1]);
}
else {
return parseFloat(PadValArr[0]);
}
};
var AdjustTableFunc = function () {
var Index = 0;
$.each($("table"), function (index, item) {
var TableWidth = isNaN(parseFloat($(item).width())) ? 0 : parseFloat($(item).width()); // 表格宽度
// 替换HTML
var ChildHtmlStr = $(item).prop("outerHTML")
var HtmlStr = "
";
$(item).after(HtmlStr);
$(item).remove();
var JqStr = ".TContain_" + Index;
$(JqStr).append(ChildHtmlStr);
Index += 1;
});
var BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width()) - 2*GetPadVal()); // 界面宽度
var Index = 0;
$.each($("table"), function (index, item) {
var TableWidth = isNaN(parseFloat($(item).width())) ? 0 : parseFloat($(item).width()); // 表格宽度
// 替换HTML
var JqStr = ".TContain_" + Index;
$(JqStr).css("width", BodyWidth + "px");
if (TableWidth > BodyWidth) {
// 额外显示滚动条
var SHtmlStr = "";
$(JqStr).after(SHtmlStr);
var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
var HiddenWidth = BodyWidth - (TableWidth - BodyWidth) * HiddenRate; // 现滚动条大小
var CSHtmlStr = "";
$(JqStr).next().append(CSHtmlStr);
}
Index += 1;
});
$.each($(".container-table"), function (index, item) {
$(item).css("width", BodyWidth + "px");
});
// 滚动条事件
$(".TableContainer").on("touchstart", function () {
pressTableFlag = true;
}).on("touchmove", function () {
var TableWidth = isNaN(parseFloat($(this).find("table").width())) ? 0 : parseFloat($(this).find("table").width()); // 表格宽度
BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width() - 2 * GetPadVal())); // 界面宽度
var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
var SLeftWdith = isNaN(parseFloat($(this)[0].scrollLeft)) ? 0 : parseFloat($(this)[0].scrollLeft);
SLeftWdith *= HiddenRate;
var NextClsName = $(this).next().attr("class");
if (NextClsName == "PSBar") {
$(this).next().find(".CSBar").css("left", SLeftWdith + "px");
}
});
window.addEventListener("scroll", function (event) {
var ClsName = event.target.className;
if (ClsName == undefined) {
return;
}
ClsName = ClsName.replace("TableContainer ", ".");
var TableWidth = isNaN(parseFloat($(ClsName).find("table").width())) ? 0 : parseFloat($(ClsName).find("table").width()); // 表格宽度
BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width() - 2 * GetPadVal())); // 界面宽度
var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
var SLeftWdith = isNaN(parseFloat($(ClsName)[0].scrollLeft)) ? 0 : parseFloat($(ClsName)[0].scrollLeft);
SLeftWdith *= HiddenRate;
var NextClsName = $(ClsName).next().attr("class");
if (NextClsName == "PSBar") {
$(ClsName).next().find(".CSBar").css("left", SLeftWdith + "px");
}
}, true);
};
// 表格处理End
// 隐藏答案处理
var GetSpaceStr = function (WdithVal) {
console.log("WdithVal=>" + WdithVal);
//16 ,4 ,3
WdithVal = parseInt(WdithVal);
console.log("WdithVal=>" + WdithVal);
var MaxY = (WdithVal - (WdithVal % 4))/4, MaxZ = (WdithVal - (WdithVal % 3))/3;
var ReStr = "";
if (WdithVal % 4 == 0) {
while (MaxY > 0) {
ReStr += " ";
MaxY -= 1;
}
}
else if (WdithVal % 3 == 0) {
while (MaxZ > 0) {
ReStr += " ";
MaxZ -= 1;
}
}
else {
var TempNum = WdithVal;
var ReFrashFlag = false;
var SpaceY = MaxY, SpaceZ;
var ZYX=1000000000, ZYY=1000000000, ZYZ=1000000000;
while (TempNum != 0) {
TempNum = WdithVal;
TempNum -= SpaceY * 4;
SpaceZ = parseInt((TempNum - TempNum % 3) / 3);
TempNum -= SpaceZ * 3;
if (ZYZ > TempNum) {
ZYX = SpaceY;
ZYY = SpaceZ;
ZYZ = TempNum;
}
if (SpaceY > 0) {
SpaceY -= 1;
}
else {
TempNum = 0;
}
}
console.log("ZYX=>" + ZYX + ",ZYY=>" + ZYY);
while (ZYX > 0) {
ReStr += " ";
ZYX -= 1;
}
while (ZYY > 0) {
ReStr += " ";
ZYY -= 1;
}
}
return ReStr;
};
//显示、隐藏答案
function showHideAnswer(flag) {
if (flag) {
//$(".underlineContent").show();
$(".underlineContent").css("color", "#92D050");
$(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
$.each($(".underlineContent"), function (index, item) {
var underlineContentText = $(this).text(); // 获取文本内容
var widthValue = $(item).css("width");
var newClsName = $(item).next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(item).css("display", "inline").after(addHtml);
}
else {
$(item).css("display", "inline").next().attr("data-status", "0");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', true);
}
});
}
else {
//$(".underlineContent").hide();
$(".underlineContent").css("color", "#ffffff");
$(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
$.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) {
var underlineContentText = $(this).text(); // 获取文本内容
var widthValue = $(item).css("width");
var newClsName = $(item).next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(item).css("display", "none").after(addHtml);
$(item).next().attr("data-status", "1");
}
else {
$(item).css("display", "none").next().attr("data-status", "1");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', false);
}
});
}
}
///显示、隐藏钥匙及答案 isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案
function showHideAnswerEx(isShowYX, isShowAS) {
if (isShowYX) {
$(".yaoshi").show();
}
else {
$(".yaoshi").hide();
}
if (isShowAS) {
$.each($(".underlineContent"), function (index, item) {
var underlineContentText = $(this).text(); // 获取文本内容
var widthValue = $(item).css("width");
var newClsName = $(item).next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+ GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(item).css("display", "inline").after(addHtml);
}
else {
$(item).css("display", "inline").next().attr("data-status", "0");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', true);
}
//$(item).html($(item).attr("data-text"));
if (!$(item).hasClass("no-answer")) {
$(item).css("color", "#92D050");
}
else {
$(item).css("color", "#989898");
}
$(item).find(".wordStyle").css("color", "#db5d00");
$(item).find(".phraseStyle").css("background-color", "#f2db8b");
});
$(".yaoshi").attr("data-status", "1");
$(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
}
else {
$.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) {
var underlineContentText = $(this).text(); // 获取文本内容
var widthValue = $(item).css("width");
var newClsName = $(item).next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(item).css("display", "none").after(addHtml);
$(item).next().attr("data-status", "1");
}
else {
$(item).css("display", "none").next().attr("data-status", "1");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', false);
}
$(item).css("color", "#ffffff");
$(item).find(".wordStyle").css("color", "#ffffff");
$(item).find(".phraseStyle").css("background-color", "#ffffff");
});
$(".yaoshi").attr("data-status", "0");
$(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
}
}
//页面加载完,原文 绑定事件
function bindEventTeaOrignalYS() {
var bodyWidth = $(document.body).width();
//处理答题点
$.each($(".yaoshi"), function (index, item) {
$(item).attr('answer-id', index);
});
//给音频绑定一个ID
$.each($(".audioImg"), function (index, item) {
$(item).attr("audiourl", "");
$(item).attr('audio-id', index);
});
//给视频图标处理
$.each($(".videoImg"), function (index, item) {
$(item).attr("audiourl", "");
});
//给口语图标处理
$.each($(".oralLanguageImg"), function (index, item) {
$(item).attr("audiourl", "");
});
//处理参考答案
$.each($(".underlineContent"), function (index, item) {
$(item).attr("data-text", $(item).html());
});
//去除多余的U空标签
$.each($("u"), function (index, item) {
var text = $(item).text();
text = text.replace(/\s+/g, "");
if (text == "") {
$(item).remove();
}
});
//处理暂无参考答案
$.each($(".yaoshi"), function (index, item) {
var parent = $(item).parent();
var prev = $(item).nextUntil(".yaoshi").find(".underlineContent");
if (prev.length == 0) {
var spanHtml = document.createElement("span");
//添加子节点
var uHtml = document.createElement("u");
uHtml.className = "underlineContent no-answer";
uHtml.innerText = "暂无参考答案";
uHtml.setAttribute("data-text", uHtml.innerText);
//处理改错题及勾选题
if ($(parent)[0].tagName == 'P') {
if ($(parent).hasClass('correntQue') || $(parent).hasClass('boxQue')) {
uHtml.innerHTML = " ";
//改错题,要随机下划线长度
if ($(parent).hasClass('correntQue')) {
uHtml.style = "width:" + randomNum(220, 300) + "px;";
}
uHtml.setAttribute("data-text", "");
}
}
$(spanHtml).html(uHtml.outerHTML);
$(item).after(spanHtml);
}
});
//处理表格宽度
AdjustTableFunc();
//$.each($(".container-table"), function (index, item) {
// $(item).css("width", bodyWidth + "px");
//});
//一题多空的答题点标注
var checkId = 0;
var headid = -1;
var groupId = -1;
$(".multipleStart").each(function (i, item) {
var $startNode = $(item);
$.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
checkId = $(item).find('.yaoshi').attr("answer-id");
var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
if (index == 0 || groupId != gid) {
groupId = gid;
headid = checkId;
}
$(item).find('.yaoshi').attr('parent-anid', headid);
});
});
//点击喇叭事件,音频播放
$(".audioImg").on("click", function () {
audioPlayClick(this);
});
//显示/隐藏习题答案
$(".yaoshi").on("click", function () {
var parentAnid = $(this).attr("parent-anid");
var curDisplay = $(this).nextUntil(".yaoshi").find(".underlineContent").eq(0).css("display");
if (curDisplay == "undefined" || curDisplay == undefined) return;
if (curDisplay == "none" || $(this).attr("data-status") == "0") {
if (parentAnid != undefined) {
$.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
$(item).attr("data-status", "1");
$(item).attr("src", PicInfo.yaoshiShowImgUrl);
$.each($(item).parent().find(".underlineContent"), function (cIndex, cItem) {
var underlineContentText = $(cItem).text(); // 获取文本内容
var widthValue = $(cItem).css("width");
var newClsName = $(cItem).next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(cItem).css("display", "inline").after(addHtml);
}
else {
$(cItem).css("display", "inline").next().attr("data-status", "0");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', true);
}
if (!$(item).hasClass("no-answer")) {
$(item).css("color", "#92D050");
}
else {
$(item).css("color", "#989898");
}
$(item).find(".wordStyle").css("color", "#db5d00");
$(item).find(".phraseStyle").css("background-color", "#f2db8b");
});
});
}
else {
$(this).attr("data-status", "1");
$(this).attr("src", PicInfo.yaoshiShowImgUrl);
$.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
var underlineContentText = $(this).text(); // 获取文本内容
var widthValue = $(item).css("width");
var newClsName = $(item).next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(item).css("display", "inline").after(addHtml);
}
else {
$(item).css("display", "inline").next().attr("data-status", "0");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', true);
}
if (!$(item).hasClass("no-answer")) {
$(item).css("color", "#92D050");
}
else {
$(item).css("color", "#989898");
}
$(item).find(".wordStyle").css("color", "#db5d00");
$(item).find(".phraseStyle").css("background-color", "#f2db8b");
});
}
//不再存在已隐藏的钥匙,移动端回调
if ($(".yaoshi[data-status='0']").length == 0) {
//添加回调
console.log("全部显示了");
}
}
else {
if (parentAnid != undefined) {
$.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
$(item).attr("data-status", "0");
$(item).attr("src", PicInfo.yaoshiHideImgUrl);
$.each($(item).parent().find(".underlineContent"), function (cIndex, cItem) {
var underlineContentText = $(cItem).text(); // 获取文本内容
var widthValue = $(cItem).css("width");
var newClsName = $(cItem).next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(cItem).css("display", "none").after(addHtml);
$(cItem).next().attr("data-status", "1");
}
else {
$(cItem).css("display", "none").next().attr("data-status", "1");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', false);
}
$(item).css("color", "#ffffff");
$(item).find(".wordStyle").css("color", "#ffffff");
$(item).find(".phraseStyle").css("background-color", "#ffffff");
});
});
}
else {
$(this).attr("data-status", "0");
$(this).attr("src", PicInfo.yaoshiHideImgUrl);
$.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
var underlineContentText = $(this).text(); // 获取文本内容
var widthValue = $(item).css("width");
var newClsName = $(item).next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(item).css("display", "none").after(addHtml);
$(item).next().attr("data-status", "1");
}
else {
$(item).css("display", "none").next().attr("data-status", "1");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', false);
}
$(item).css("color", "#ffffff");
$(item).find(".wordStyle").css("color", "#ffffff");
$(item).find(".phraseStyle").css("background-color", "#ffffff");
});
}
//添加回调
onClickKeyHide();
}
});
//点击播放事件,视频播放
$(".videoImg").on("click", function () {
var curHtml = $(this).parent().find(".videoUrl").html();
var curAlt = $(this).attr("alt");//播放视频地址
playVisiableAudioCallBack(2, $(this).attr("alt"));
});
$("td").attr("style", "");
//处理表格样式
//$(".container-table").each(function (index, item) {
// var TableWidth = isNaN(parseFloat($(item).find("table").css("width"))) ? 0 : parseFloat($(item).find("table").css("width"));
// var ScrollLeft = isNaN(parseFloat($(item).scrollLeft())) ? 0 : parseFloat($(item).scrollLeft());
// var HWidth = parseFloat(TableWidth) -parseFloat(bodyWidth);
// var HRate = parseFloat(bodyWidth) / parseFloat(TableWidth);
// var SSWidth = bodyWidth - HWidth * HRate; // 显示滚动条宽度
// if (TableWidth > bodyWidth) {
// var HtmlStr = "";
// $(item).after(HtmlStr);
// }
// });
//$(".container-table").on("touchstart", function () {
// var TableWidth = isNaN(parseFloat($(this).find("table").css("width"))) ? 0: parseFloat($(this).find("table").css("width"));
// if (TableWidth > bodyWidth) {
// pressTableFlag = true;
// }
// }).on("touchmove", function () {
// var TableWidth = isNaN(parseFloat($(this).find("table").css("width"))) ? 0: parseFloat($(this).find("table").css("width"));
// var ScrollLeft = isNaN(parseFloat($(this).scrollLeft())) ? 0: parseFloat($(this).scrollLeft());
// var HRate = parseFloat(bodyWidth) / parseFloat(TableWidth);
// var ShowSBarName = $(this).next().attr("class");
// if (ScrollLeft >= 0 && ShowSBarName == "ShowSBar" && $(this).next().find(".ShowSBarC").length > 0) {
// // 有滚动条的进行移动
// $(this).next().find(".ShowSBarC").css("left", (ScrollLeft * HRate) + "px");
// }
//});
}
//页面加载完,课件 绑定事件
function bindEventYS() {
var bodyWidth = $(document.body).width();
//不存在underline 属性下有内容,所以全部隐藏,若有就是源头数据有问题
$('.underline').css("display", "none");
$.each($(".yaoshi"), function (index, item) {
$(item).attr('answer-id', index);
});
//给音频绑定一个ID
$.each($(".audioImg"), function (index, item) {
$(item).attr("audiourl", "");
$(item).attr('audio-id', index);
});
//给视频图标处理
$.each($(".videoImg"), function (index, item) {
$(item).attr("audiourl", "");
});
//给口语图标处理
$.each($(".oralLanguageImg"), function (index, item) {
$(item).attr("audiourl", "");
});
//去除多余的U空标签
$.each($("u"), function (index, item) {
var text = $(item).text();
text = text.replace(/\s+/g, "");
if (text == "") {
$(item).remove();
}
});
//处理暂无参考答案
$.each($(".yaoshi"), function (index, item) {
var parent = $(item).parent();
var prev = $(item).nextAll(".underlineContent");
if (prev.length == 0) {
var uHtml = document.createElement("u");
uHtml.className = "underlineContent no-answer";
uHtml.innerText = "暂无参考答案";
uHtml.setAttribute("data-text", uHtml.innerText);
//处理改错题及勾选题
if ($(parent)[0].tagName == 'P') {
if ($(parent).hasClass('correntQue') || $(parent).hasClass('boxQue')) {
uHtml.innerHTML = " ";
//改错题,要随机下划线长度
if ($(parent).hasClass('correntQue')) {
uHtml.style = "width:" + randomNum(220, 300) + "px;";
}
uHtml.setAttribute("data-text", "");
}
}
$(item).after(uHtml);
}
});
//处理表格宽度
AdjustTableFunc();
//$.each($(".container-table"), function (index, item) {
// $(item).css("width", bodyWidth + "px");
//});
//一题多空的答题点标注
var checkId = 0;
var headid = -1;
var groupId = -1;
$(".multipleStart").each(function (i, item) {
var $startNode = $(item);
$.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
checkId = $(item).find('.yaoshi').attr("answer-id");
var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
if (index == 0 || groupId != gid) {
groupId = gid;
headid = checkId;
}
$(item).find('.yaoshi').attr('parent-anid', headid);
});
});
//显示/隐藏习题答案
$(".yaoshi").on("click", function () {
var parentAnid = $(this).attr("parent-anid");
if ($(this).attr("data-status") == "0") {
// 显示处理
if (parentAnid != undefined) {
$.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, fItem) {
$(fItem).attr("data-status", "1");
$(fItem).attr("src", PicInfo.yaoshiShowImgUrl);
$.each($(fItem).parent().find(".underlineContent"), function (index, item) {
var underlineContentText = $(this).text(); // 获取文本内容
var widthValue = $(item).css("width");
var newClsName = $(item).parent().find(".underlineContent").next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(item).css("display", "inline").after(addHtml);
}
else {
$(item).css("display", "inline").next().attr("data-status", "0");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', true);
}
if (!$(item).hasClass("no-answer")) {
$(item).css("color", "#92D050");
}
else {
$(item).css("color", "#989898");
}
$(item).find(".wordStyle").css("color", "#db5d00");
$(item).find(".phraseStyle").css("background-color", "#f2db8b");
});
});
}
else {
$(this).attr("data-status", "1");
$(this).attr("src", PicInfo.yaoshiShowImgUrl);
//$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#92D050");
$.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
var underlineContentText = $(this).text(); // 获取文本内容
var widthValue = $(item).css("width");
var newClsName = $(item).next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(item).css("display", "inline").after(addHtml);
}
else {
$(item).css("display", "inline").next().attr("data-status", "0");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', true);
}
if (!$(item).hasClass("no-answer")) {
$(item).css("color", "#92D050");
}
else {
$(item).css("color", "#989898");
}
$(item).find(".wordStyle").css("color", "#db5d00");
$(item).find(".phraseStyle").css("background-color", "#f2db8b");
});
}
//不再存在已隐藏的钥匙,移动端回调
if ($(".yaoshi[data-status='0']").length == 0) {
//添加回调
console.log("全部显示了");
}
}
else {
// 隐藏处理
if (parentAnid != undefined) {
$.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, fItem) {
$(fItem).attr("data-status", "0");
$(fItem).attr("src", PicInfo.yaoshiHideImgUrl);
$.each($(fItem).parent().find(".underlineContent"), function (index, item) {
var underlineContentText = $(this).text(); // 获取文本内容
var widthValue = $(item).css("width");
var newClsName = $(item).parent().find(".underlineContent").next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(item).css("display", "none").after(addHtml);
$(item).next().attr("data-status", "1");
}
else {
$(item).css("display", "none").next().attr("data-status", "1");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', false);
}
$(item).css("color", "#ffffff");
$(item).find(".wordStyle").css("color", "#ffffff");
$(item).find(".phraseStyle").css("background-color", "#ffffff");
});
});
}
else {
$(this).attr("data-status", "0");
$(this).attr("src", PicInfo.yaoshiHideImgUrl);
//$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#ffffff");
$.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
var underlineContentText = $(this).text(); // 获取文本内容
var widthValue = $(item).css("width");
var newClsName = $(item).next().attr("class");
if (newClsName != "underlineContentShow") {
var addHtml = "";
if (hasChineseWorld(underlineContentText)) {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
else {
addHtml = ""+GetSpaceStr(widthValue) +"";
}
$(item).css("display", "none").after(addHtml);
$(item).next().attr("data-status", "1");
}
else {
$(item).css("display", "none").next().attr("data-status", "1");
}
if (underlineContentText.indexOf("√") > -1) {
$(this).parent().find(".checkbox").find("input").prop('checked', false);
}
$(item).css("color", "#ffffff");
$(item).find(".wordStyle").css("color", "#ffffff");
$(item).find(".phraseStyle").css("background-color", "#ffffff");
});
}
//添加回调
onClickKeyHide();
}
});
//点击喇叭事件,音频播放
$(".audioImg").on("click", function () {
audioPlayClick(this);
});
//点击播放事件,视频播放
$(".videoImg").on("click", function () {
$(this).attr("audiourl", "");
var curHtml = $(this).parent().find(".videoUrl").html();
var curAlt = $(this).attr("alt");//播放视频地址
playVisiableAudioCallBack(2, $(this).attr("alt"));
});
$("td").attr("style", "");
//处理表格样式
//$(".container-table").each(function (index, item) {
// var TableWidth = isNaN(parseFloat($(item).find("table").css("width"))) ? 0 : parseFloat($(item).find("table").css("width"));
// var ScrollLeft = isNaN(parseFloat($(item).scrollLeft())) ? 0 : parseFloat($(item).scrollLeft());
// var HWidth = parseFloat(TableWidth) - parseFloat(bodyWidth);
// var HRate = parseFloat(bodyWidth) / parseFloat(TableWidth);
// var SSWidth = bodyWidth - HWidth * HRate; // 显示滚动条宽度
// if (TableWidth > bodyWidth) {
// var HtmlStr = "";
// $(item).after(HtmlStr);
// }
//});
//$(".container-table").on("touchstart", function () {
// var TableWidth = isNaN(parseFloat($(this).find("table").css("width"))) ? 0 : parseFloat($(this).find("table").css("width"));
// if (TableWidth > bodyWidth) {
// pressTableFlag = true;
// }
//}).on("touchmove", function () {
// var TableWidth = isNaN(parseFloat($(this).find("table").css("width"))) ? 0 : parseFloat($(this).find("table").css("width"));
// var ScrollLeft = isNaN(parseFloat($(this).scrollLeft())) ? 0 : parseFloat($(this).scrollLeft());
// var HRate = parseFloat(bodyWidth) / parseFloat(TableWidth);
// var ShowSBarName = $(this).next().attr("class");
// if (ScrollLeft >= 0 && ShowSBarName == "ShowSBar" && $(this).next().find(".ShowSBarC").length > 0) {
// // 有滚动条的进行移动
// $(this).next().find(".ShowSBarC").css("left", (ScrollLeft*HRate) + "px");
// }
//});
}
// 移动端使用,true:表示点击表格且正在移动,需阻止模块切换
function getPressFlag() {
alert(pressTableFlag);
}
// 滚动条渲染
// 设置离焦事件
function setPressFlag() {
pressTableFlag = false;
}
// 判断是否存在中文(true表示存在)
var hasChineseWorld = function (dataStr) {
if (escape(dataStr).indexOf("%u") < 0) {
return false;
}
else {
return true;
}
};
//学生端 处理作答区域
var answerData = new Array();
function handleAnswerRange() {
//规范文本格式
var answerId = "";
var tempJson = new Array();
//先处理一题多空的情况,获取两个之间的答题点
$(".multipleStart").each(function (i, item) {
$.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
var checkId = $(item).find('.yaoshi').attr("answer-id");
var headid = $(item).find('.yaoshi').attr("parent-anid");
var ischecked = $(item).find(".underlineContent").text().indexOf("√") > -1;
var answerText = ischecked ? "√" : "";
//勾选题
if ($(item).hasClass('boxQue')) {
$(item).find('.yaoshi').after("");
//$(item).find('input').prop('checked', ischecked);
$(item).find('.underlineContent').hide();
}
//点击事件
$(item).find('input').bind("click", function () {
var curObj = new Object();
curObj.Id = $(this).parent().attr("answer-id");//答题点ID
curObj.pId = $(this).parent().attr("parent-anid");//答题点ID
curObj.IsKY = $(this).parent().attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题,2-打勾题
//curObj.Text = $(this).parent().attr("answer-text");//用户作答内容
curObj.Score = $(this).parent().attr("answer-score");//作答评分
curObj.AnsText = $(this).parent().attr("answer-anstext");//参考答案
curObj.Comment = $(this).parent().attr("answer-comment");//评语
curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
curObj.Text = $(this).prop("checked") ? "√" : "";//用户作答内容
$(this).parent().attr("answer-text", curObj.Text);//用户作答内容
$(".checkbox").removeClass("select-answer");
$(".answer-body").removeClass("select-answer");
$(this).parent().addClass("select-answer");
//已作答,弹出作答答案
if ($(this).parent().data("ans-status") == "1") {
//移动端添加外部处理
onClickAnswerPoint(JSON.stringify(curObj));
}
else {
//移动端添加外部处理,弹出作答操作
onClickAnswerPoint(JSON.stringify(curObj));
}
});
//删除钥匙节点
$(item).find('.yaoshi').hide();
});
});
//所有underline不做处理
$.each($(".yaoshi").nextUntil(".yaoshi").filter(".underline"), function (index, item) {
tempId = $(item).prevAll(".yaoshi").attr("answer-id");
//记录上一次的ID
if (tempId == undefined) {
tempId = answerId;
}
else {
answerId = tempId;
}
var prev = $(item).prev();
if ((prev.length == 0 || $(prev).attr("class") != "tag-span") && $(prev).attr("class") != "underlineContent") {
if ($("span[answer-id='" + tempId + "']").length == 0) {
$(item).prop("outerHTML", "_");
}
}
$(item).remove();
});
//提取参考答案并规范文本格式
answerId = "";
$.each($(".yaoshi").nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
var info = new Object();
info.Id = $(item).prevAll(".yaoshi").attr("answer-id");
info.pId = $(item).prevAll(".yaoshi").attr("parent-anid");
//记录上一次的ID
if (info.Id == undefined) {
info.Id = answerId;
}
else {
answerId = info.Id;
}
if (info.pId == undefined) {
info.pId = answerId;
}
info.AnsText = $(item).attr("data-text");
if (info.AnsText == undefined) {
info.AnsText = $(item).text();
}
tempJson.push(info);
var prev = $(item).prev();
if (!$(prev).hasClass("checkbox")) {
if (prev.length == 0 || $(prev).attr("class") != "tag-span") {
//替换答案
$(item).prop("outerHTML", "_");
}
else {
$(item).remove();
}
}
});
//补充空钥匙的处理
$.each($(".yaoshi"), function (index, item) {
var Id = $(item).attr("answer-id");
var prev = $(item).next();
if (!$(prev).hasClass("checkbox")) {
if (prev.length == 0 || $(prev).attr("class") != "tag-span") {
if ($("span[answer-id='" + Id + "']").length == 0) {
var uHtml = document.createElement("span");
uHtml.className = "tag-span";
uHtml.innerText = "_";
uHtml.setAttribute("answer-id", Id);
$(item).after(uHtml);
}
}
}
});
//处理口语试题
$.each($(".oralLanguage").nextUntil(".oralLanguageDone"), function (num, part) {
if (part.tagName != "p") {
$.each($(part).find(".tag-span"), function (index, item) {
$(item).attr("answer-isky", "1");
});
}
else {
if ($(part).hasClass("underlinePart")) {
$.each($(part).find(".tag-span"), function (index, item) {
$(item).attr("answer-isky", "1");
});
}
}
});
//合并参考答案数据
var tempid = "";
var temppid = "";
var temptext = "";
for (var i = 0; i < tempJson.length; i++) {
if (tempid == tempJson[i].Id) {
temptext = temptext + tempJson[i].AnsText;
}
else {
if (tempid != "") {
var info = new Object();
info.Id = tempid;
info.pId = temppid;
info.AnsText = temptext;
answerData.push(info);
//重置
tempid = "";
temptext = "";
}
tempid = tempJson[i].Id;
temppid = tempJson[i].pId;
temptext = tempJson[i].AnsText;
//最后一个存入
if (i == tempJson.length - 1) {
var info = new Object();
info.Id = tempid;
info.pId = temppid;
info.AnsText = temptext;
answerData.push(info);
}
}
}
//补全答题点
var Num = 0;
if (answerData.length > 0) {
//Num = Number.parseInt(answerData[answerData.length - 1].Id);
Num = Number.parseInt($(".yaoshi:last").attr('answer-id'));
for (var i = 0; i < Num + 1; i++) {
if (i < answerData.length) {
var index = Number(answerData[i].Id) - i;
for (var j = 0; j < index; j++) {
var info = new Object();
info.Id = (i + j).toString();
info.pId = info.Id;
info.AnsText = "";
answerData.splice(i, 0, info);
}
}
else {
var info = new Object();
info.Id = (i).toString();
info.pId = info.Id;
info.AnsText = "";
answerData.splice(i, 0, info);
}
}
}
//添加答题点的点击UI及交互
$.each($(".tag-span"), function (index, item) {
var answerText = "";
var parentId = "";
var isky = $(item).attr('answer-isky');
var answerid = $(item).attr('answer-id');
for (var i = 0; i < answerData.length; i++) {
if (answerid == answerData[i].Id) {
parentId = answerData[i].pId;
answerText = answerData[i].AnsText;
break;
}
}
$(item).prop("outerHTML", "
作答音频
答题点 ");
//删除钥匙节点
var prev = $("img[answer-id='" + answerid + "']");
if (prev.length > 0) {
$(prev).remove();
}
});
//添加点击事件
$(".answer-body").on("click", function () {
var curObj = new Object();
curObj.Id = $(this).attr("answer-id");//答题点ID
curObj.pId = $(this).attr("parent-anid");//答题点ID
curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
curObj.Text = $(this).attr("answer-text");//用户作答内容
curObj.Score = $(this).attr("answer-score");//作答评分
curObj.AnsText = $(this).attr("answer-anstext");//参考答案
curObj.Comment = $(this).attr("answer-comment");//评语
curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
$(".checkbox").removeClass("select-answer");
$(".answer-body").removeClass("select-answer");
$(this).addClass("select-answer");
//已作答,弹出作答答案
if ($(this).data("ans-status") == "1") {
//移动端添加外部处理
onClickAnswerPoint(JSON.stringify(curObj));
}
else {
//移动端添加外部处理,弹出作答操作
onClickAnswerPoint(JSON.stringify(curObj));
}
});
//去除多余的空格横线
$.each($(".underline"), function (index, item) {
var text = $(item).text();
text = text.replace(/\s+/g, "");
if (text == "") {
$(item).remove();
}
});
//删除所有钥匙节点
$("img[class=yaoshi]").remove();
//console.log(JSON.stringify(answerData));
return answerData;
}
//接收学生的作答
function reviewAnswer(answerJson) {
if (answerJson != "" && answerJson) {
var answerObj = JSON.parse(answerJson);
var selectElement = $(".answer-body[answer-id='" + answerObj.Id + "']");
var audioElement = $(selectElement).children(".answer-audio-range").children("img").eq(0);
answerObj.IsKY = $(selectElement).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
//是否为音频作答
if ((answerObj.Type == 3 || answerObj.Type == 4) && answerObj.AudioUrl != "") {
$(selectElement).children(".answer-point-range").hide();
$(selectElement).children(".answer-audio-range").css("display", "inline-block");
$(selectElement).children(".answer-audio-range").children("span").text("作答音频(" + answerObj.AudioLength + "s)");
//填充作答内容
$(selectElement).attr("answer-text", answerObj.Text);
if (answerObj.Text != "") {
answerObj.Text = "(" + answerObj.Text + ")";
$(selectElement).children(".answer-text").show();
$(selectElement).children(".answer-text").text(answerObj.Text);
}
//是否之前存在作答音频
$(selectElement).attr("answer-url", answerObj.AudioUrl);
$(audioElement).attr("src", PicInfo.recordPlayImgUrl);
$(selectElement).children(".answer-audio-range").attr("play-status", "0");
//独立绑定事件
$(audioElement).on("click", function () {
recordAudioClick(this, answerObj.Id, answerObj.AudioUrl);
});
$(selectElement).children(".answer-audio-range").children("span").on("click", function () {
$(".answer-body").removeClass("select-answer");
$(selectElement).addClass("select-answer");
onClickAnswerPoint(JSON.stringify(answerObj));
});
}
else {
$(selectElement).attr("answer-text", answerObj.Text);//填充作答内容
$(selectElement).children(".answer-audio-range").hide();
if (answerObj.Text != "") {
$(selectElement).children(".answer-text").show();
$(selectElement).children(".answer-point-range").hide();
$(selectElement).children(".answer-text").text(answerObj.Text);
}
else {
$(selectElement).children(".answer-text").hide();
$(selectElement).children(".answer-point-range").show();
}
}
}
}
//提交,获取所有作答答案及参考答案
function getAllAnswer() {
//处理作答
$.each($(".answer-body"), function (index, item) {
var mytext = $(item).children(".answer-text").text();
var curDisplay = $(item).children(".answer-audio-range").css("display");
if (mytext == "" && curDisplay == "none") {
mytext = "未作答";
$(item).children(".answer-point-range").hide();
$(item).children(".answer-text").show();
$(item).children(".answer-text").text(mytext);
$(item).children(".answer-text").addClass("no-answer");
}
});
$(".answer-body").removeClass("select-answer");//移除样式
$(".answer-body").unbind("click");//取消点击绑定事件
$(".answer-body").children(".answer-audio-range").children("span").unbind("click");//取消点击绑定事件
//打勾题的还原
$.each($(".checkbox"), function (num, item) {
var answerid = $(item).attr("answer-id");
var parentid = $(item).attr("parent-anid");
//提交直接还原作答现场
var mytext = $(item).attr("answer-text");//我的答案
var ischecked = mytext.indexOf("√") > -1;
var answerText = $(item).attr("answer-anstext");//参考答案
mytext = mytext == "" ? "__" : mytext;
$(item).prop("outerHTML", "
作答音频
答题点 " + mytext + " ");
});
//console.log(JSON.stringify(answerData));
return answerData;
}
//回填所有答案,answerJson:所有作答及参考答案List,statusType:0-可作答,1-已提交,2-查看评阅
function backupAllAnswer(answerJson, statusType) {
if (answerJson != "" && answerJson) {
var answerList = JSON.parse(answerJson);
$.each($(".answer-body"), function (num, item) {
//查找
var index = 0;
var answerid = $(item).attr("answer-id");
for (var i = 0; i < answerList.length; i++) {
if (answerid == answerList[i].Id) {
index = i;
break;
}
}
//提交直接还原作答现场
var mytext = answerList[index].Text;//我的答案
answerList[index].IsKY = $(item).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
//添加音频控制
var hasAudio = false;
var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
hasAudio = true;
$(item).children(".answer-point-range").hide();
$(item).children(".answer-audio-range").css("display", "inline-block");
$(item).children(".answer-audio-range").children("span").text("作答音频(" + answerList[index].AudioLength + "s)");
//填充作答内容
$(item).attr("answer-text", mytext);
if (mytext != "") {
mytext = "(" + mytext + ")";
$(item).children(".answer-text").show();
$(item).children(".answer-text").text(mytext);
}
//音频节点
$(audioElement).attr("src", PicInfo.recordPlayImgUrl);
$(item).attr("answer-url", answerList[index].AudioUrl);
$(item).children(".answer-audio-range").attr("play-status", "0");
//独立绑定事件
$(audioElement).on("click", function () {
recordAudioClick(this, answerList[index].Id, answerList[index].AudioUrl);
});
}
//可作答状态,作答还原
if (statusType == 0) {
//已作答过,还原作答,增加作答后的UI节点
if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
$(item).children(".answer-audio-range").children("span").on("click", function () {
$(".answer-body").removeClass("select-answer");
$(item).addClass("select-answer");
onClickAnswerPoint(JSON.stringify(answerList[index]));
});
}
else {
$(item).attr("answer-text", mytext);//填充作答内容
if (mytext != "") {
$(item).children(".answer-text").show();
$(item).children(".answer-point-range").hide();
$(item).children(".answer-text").text(mytext);
}
}
}
//已提交,作答还原
if (statusType == 1) {
//取消点击绑定事件
$(item).unbind('click');
//填充作答内容
$(item).attr("answer-text", mytext);
if (mytext == "" && !hasAudio) {
mytext = "未作答";
$(item).children(".answer-text").show();
$(item).children(".answer-text").text(mytext);
$(item).children(".answer-text").addClass("no-answer");
}
else if (mytext == "" && hasAudio) {
$(item).children(".answer-text").hide();
}
else {
$(item).children(".answer-text").show();
$(item).children(".answer-text").text(mytext);
}
$(item).children(".answer-point-range").hide();
}
//已评阅,查看评阅详情
if (statusType == 2) {
//添加音频控制
if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
//独立绑定事件
$(item).children(".answer-audio-range").children("span").on("click", function () {
$(".answer-body").removeClass("select-answer");
$(item).addClass("select-answer");
onClickAnswerPoint(JSON.stringify(answerList[index]));
});
}
else {
$(item).attr("answer-text", mytext);//填充作答内容
if (mytext == "" && !hasAudio) {
mytext = "未作答";
$(item).children(".answer-text").show();
$(item).children(".answer-text").text(mytext);
$(item).children(".answer-text").addClass("no-answer");
}
else if (mytext == "" && hasAudio) {
$(item).children(".answer-text").hide();
}
else {
$(item).children(".answer-text").show();
$(item).children(".answer-text").text(mytext);
}
$(item).children(".answer-point-range").hide();
}
//评阅样式
if (answerList[index].Score == 0 && answerList[index].Text != "") {
$(item).children(".answer-text").addClass("bad-answer");
}
if (answerList[index].Score > 0) {
$(item).children(".answer-text").addClass("good-answer");
}
}
// 添加answer-boy的样式判断
var DStatusFlag = $(item).find(".answer-point-range").css("display") != "none";
if (DStatusFlag) {
$(item).attr("answer-showanswer", "0"); // 修改显示格式
}
else {
$(item).attr("answer-showanswer", "1"); // 修改显示格式
}
});
//打勾题的还原
$.each($(".checkbox"), function (num, item) {
//可作答状态,作答还原
//查找
var index = 0;
var answerid = $(item).attr("answer-id");
var parentid = $(item).attr("parent-anid");
for (var i = 0; i < answerList.length; i++) {
if (answerid == answerList[i].Id) {
index = i;
break;
}
}
//提交直接还原作答现场
var mytext = answerList[index].Text;//我的答案
var ischecked = mytext.indexOf("√") > -1;
var answerText = $(item).attr("answer-anstext");//参考答案
$(item).attr("answer-text", mytext);
$(item).find('input').prop('checked', ischecked);
//已提交,已评阅,还原HTML代码,去除checkbox
if (statusType == 1 || statusType == 2) {
mytext = mytext == "" ? "__" : mytext;
$(item).prop("outerHTML", "
作答音频
答题点 " + mytext + " ");
}
});
//点击事件重新绑定
if (statusType == 0 || statusType == 2) {
$(".answer-body").unbind("click").on("click", function () {
var curObj = new Object();
curObj.Id = $(this).attr("answer-id");//答题点ID
curObj.pId = $(this).attr("parent-anid");//答题点ID
curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
curObj.Text = $(this).attr("answer-text");//用户作答内容
curObj.Score = $(this).attr("answer-score");//作答评分
curObj.AnsText = $(this).attr("answer-anstext");//参考答案
curObj.Comment = $(this).attr("answer-comment");//评语
curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
$(".checkbox").removeClass("select-answer");
$(".answer-body").removeClass("select-answer");
$(this).addClass("select-answer");
//已作答,弹出作答答案
if ($(this).data("ans-status") == "1") {
//移动端添加外部处理
onClickAnswerPoint(JSON.stringify(curObj));
}
else {
//移动端添加外部处理,弹出作答操作
onClickAnswerPoint(JSON.stringify(curObj));
}
});
}
}
}
//老师评阅学生作答
function reviewStuAnswer(answerJson) {
if (answerJson != "" && answerJson) {
var answerObj = JSON.parse(answerJson);
var selectElement = $(".answer-body[answer-id='" + answerObj.Id + "']");
//$(selectElement).attr("answer-text", answerObj.Text);//用户作答内容
$(selectElement).attr("answer-score", answerObj.Score);//作答评分
$(selectElement).attr("answer-anstext ", answerObj.AnsText);//参考答案
$(selectElement).attr("answer-comment", answerObj.Comment);//评语
//评阅样式
if (answerObj.Score == 0) {
$(selectElement).children(".answer-text").removeClass("good-answer");
$(selectElement).children(".answer-text").addClass("bad-answer");
}
if (answerObj.Score > 0) {
$(selectElement).children(".answer-text").removeClass("bad-answer");
$(selectElement).children(".answer-text").addClass("good-answer");
}
}
}
//回填所有评阅信息,answerJson:所有作答及参考答案评阅信息List
function backupAllReview(answerJson) {
if (answerJson != "" && answerJson) {
var answerList = JSON.parse(answerJson);
$.each($(".answer-body"), function (num, item) {
//查找
var index = 0;
var answerid = $(item).attr("answer-id");
for (var i = 0; i < answerList.length; i++) {
if (answerid == answerList[i].Id) {
index = i;
break;
}
}
//$(item).attr("answer-id", answerList[index].Id);//答题点ID
//$(item).attr("answer-text", answerList[index].Text);//用户作答内容
$(item).attr("answer-score", answerList[index].Score);//作答评分
$(item).attr("answer-anstext ", answerList[index].AnsText);//参考答案
$(item).attr("answer-comment", answerList[index].Comment);//评语
//提交直接还原作答现场
var mytext = answerList[index].Text;//我的答案
var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
$(item).children(".answer-point-range").hide();
$(item).children(".answer-audio-range").css("display", "inline-block");
$(item).children(".answer-audio-range").children("span").text("作答音频(" + answerList[index].AudioLength + "s)");
//填充作答内容
$(item).attr("answer-text", mytext);
if (mytext != "") {
mytext = "(" + mytext + ")";
$(item).children(".answer-text").show();
$(item).children(".answer-text").text(mytext);
}
//是否之前存在作答音频
$(audioElement).attr("src", PicInfo.recordPlayImgUrl);
$(item).attr("answer-url", answerList[index].AudioUrl);
$(item).children(".answer-audio-range").attr("play-status", "0");
//独立绑定事件
$(audioElement).on("click", function () {
recordAudioClick(this, answerList[index].Id, answerList[index].AudioUrl);
});
$(item).children(".answer-audio-range").children("span").on("click", function () {
$(".answer-body").removeClass("select-answer");
$(item).addClass("select-answer");
onClickAnswerPoint(JSON.stringify(answerList[index]));
});
}
else {
$(item).attr("answer-text", mytext);//填充作答内容
if (mytext == "") {
mytext = "未作答";
$(item).children(".answer-text").addClass("no-answer");
}
$(item).children(".answer-text").show();
$(item).children(".answer-text").text(mytext);
$(item).children(".answer-point-range").hide();
}
//评阅样式
if (answerList[index].Score == 0) {
$(item).children(".answer-text").addClass("bad-answer");
}
if (answerList[index].Score > 0) {
$(item).children(".answer-text").addClass("good-answer");
}
});
//打勾题的还原
$.each($(".checkbox"), function (num, item) {
//查找
var index = 0;
var answerid = $(item).attr("answer-id");
var parentid = $(item).attr("parent-anid");
for (var i = 0; i < answerList.length; i++) {
if (answerid == answerList[i].Id) {
index = i;
break;
}
}
//提交直接还原作答现场
var mytext = answerList[index].Text;//我的答案
var ischecked = mytext.indexOf("√") > -1;
var answerText = $(item).attr("answer-anstext");//参考答案
mytext = mytext == "" ? "__" : mytext;
$(item).prop("outerHTML", "
作答音频
答题点 " + mytext + " ");
});
//点击事件重新绑定
$(".answer-body").unbind("click").on("click", function () {
var curObj = new Object();
curObj.Id = $(this).attr("answer-id");//答题点ID
curObj.pId = $(this).attr("parent-anid");//答题点ID
curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
curObj.Text = $(this).attr("answer-text");//用户作答内容
curObj.Score = $(this).attr("answer-score");//作答评分
curObj.AnsText = $(this).attr("answer-anstext");//参考答案
curObj.Comment = $(this).attr("answer-comment");//评语
curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
$(".checkbox").removeClass("select-answer");
$(".answer-body").removeClass("select-answer");
$(this).addClass("select-answer");
//已作答,弹出作答答案
if ($(this).data("ans-status") == "1") {
//移动端添加外部处理
onClickAnswerPoint(JSON.stringify(curObj));
}
else {
//移动端添加外部处理,弹出作答操作
onClickAnswerPoint(JSON.stringify(curObj));
}
});
}
}
//处理播放录音,answerid:答题点ID,isPlay:是否播放(0-暂停,1-播放)
function playRecordAudio(answerid, isPlay) {
//获取其他正在播放的音频
var playing = $(".answer-body[answer-id='" + answerid + "']").children(".answer-audio-range");
if (playing.length > 0) {
if (isPlay == "1") {
$(playing).attr("play-status", "1");
$(playing).find("img").attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
}
else {
$(playing).attr("play-status", "0");
$(playing).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
}
}
}
//滚动到相应DIV
function scrollAnswer(answerid) {
//console.log(answerid);
$(".checkbox").removeClass("select-answer");
$(".answer-body").removeClass("select-answer");
var ansDom = $(".answer-body[parent-anid='" + answerid + "']");
if (ansDom.length == 0) {
ansDom = $(".checkbox[parent-anid='" + answerid + "']");
}
$(ansDom).addClass("select-answer");
var scroll_offset = $(ansDom).offset(); //得到box这个div层的offset,包含两个值,top和left
var offset_top = scroll_offset.top;
if (offset_top > 150) {
offset_top = offset_top - 200;
}
$("body,html").animate({
scrollTop: offset_top //让body的scrollTop等于pos的top,就实现了滚动
});
}
//暂停播放原文音频
function pauseTextAudio(audioid) {
//获取其他正在播放的音频
var playing = $(".audioImg[audio-id='" + audioid + "']");
if (playing.length > 0) {
$(playing).attr("play-status", "0");
$(playing).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
}
}
//原文音频播放按钮点击事件
function audioPlayClick(myobj) {
var curHtml = $(myobj).parent().find(".audioUrl").html();
var curAlt = $(myobj).attr("alt");
//处理当前按钮的状
if ($(myobj).attr("play-status") == "1") {
$(myobj).attr("play-status", "0");
$(myobj).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
}
else {
//停止其他作答音频播放
var isRecordPlaying = $(".answer-audio-range[play-status='1']");
if (isRecordPlaying.length > 0) {
$(isRecordPlaying).attr("play-status", "0");
$(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
}
//停止其他原文音频播放
var audioPlaying = $(".audioImg[play-status='1']");
if (audioPlaying.length > 0) {
$(audioPlaying).attr("play-status", "0");
$(audioPlaying).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
}
//设置播放状态
$(myobj).attr("play-status", "1");
$(myobj).attr("src", PicInfo.audioPlayImgUrl);//移动端要根据本地 喇叭 路径替换
}
var info = new Object();
info.Id = $(myobj).attr("audio-id");
info.AudioUrl = curAlt;
//移动端添加外部处理
playVisiableAudioCallBack(1, JSON.stringify(info));
}
//作答录音播放按钮点击事件
function recordAudioClick(myobj, id, url) {
//处理当前按钮的状态
if ($(myobj).parent().attr("play-status") == "0") {
//停止其他作答音频播放
var isRecordPlaying = $(".answer-audio-range[play-status='1']");
if (isRecordPlaying.length > 0) {
$(isRecordPlaying).attr("play-status", "0");
$(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
}
//停止其他原文音频播放
var audioPlaying = $(".audioImg[play-status='1']");
if (audioPlaying.length > 0) {
$(audioPlaying).attr("play-status", "0");
$(audioPlaying).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地 喇叭 路径替换
}
//设置播放状态
$(myobj).parent().attr("play-status", "1");
$(myobj).attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
}
else {
$(myobj).parent().attr("play-status", "0");
$(myobj).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
}
//移动端添加外部处理,播放录音
var info = new Object();
info.Id = id;
info.AudioUrl = url;
//移动端添加外部处理,播放录音
playVisiableAudioCallBack(3, JSON.stringify(info));
}
//生成从minNum到maxNum的随机数
function randomNum(minNum, maxNum) {
switch (arguments.length) {
case 1:
return parseInt(Math.random() * minNum + 1, 10);
break;
case 2:
return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
break;
default:
return 0;
break;
}
}
function playVisiableAudioCallBack(type, url) {
//console.log(url);
cancelBubble();
plugin.startPlay(type, url);
}
function onClickAnswerPoint(data) {
//alert(JSON.stringify(data));
console.log(JSON.stringify(data));
cancelBubble();
plugin.onClickAnswerPoint(data);
}
function onClickKeyHide() {
//alert(JSON.stringify(data));
cancelBubble();
plugin.onClickKeyHide();
}
function cancelBubble(e) {
var evt = e ? e : window.event;
if (evt.stopPropagation) { //W3C
evt.stopPropagation();
} else { //IE
evt.cancelBubble = true;
}
}
function getSelectedText(title) {
var txt;
if (window.getSelection) {
txt = window.getSelection().toString();
} else if (window.document.getSelection) {
txt = window.document.getSelection().toString();
} else if (window.document.selection) {
txt = window.document.selection.createRange().text;
}
JSInterface.callback(txt, title);
}