//播放音频图片地址 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); }