//播放音频图片地址 var PicInfo = { 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 PicInfo1 = { 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" } // 高亮 var styleWPSContrl = { wordFlag: true, phraseFlag: true, sentenceFlag: true } // 处理多选 var dealCheckBox = function () { $.each($(".checkbox").find("input"), function (index, element) { var inputId = $(element).attr("id"); var answerText = $(element).attr("answer-text"); var dataStatus = (answerText == undefined || answerText == "") ? 0 : 1; var HtmlStr = "
"; $(element).attr("hidden", "hidden").after(HtmlStr); }); }; // 多选点击 var ControlFlag = true; // 多选框是否可选 var clickCheckBox = function (inputId) { if (!ControlFlag) { return; } var BoxJqStr = ".cBoxCls_" + inputId; if ($(BoxJqStr).attr("data-status") == "1") { $(BoxJqStr).attr("data-status", "0"); } else { $(BoxJqStr).attr("data-status", "1"); } $("#" + inputId).click(); } // 表格处理Start var pressTableFlag = false; var GetPadVal = function (THandel) { var PaddingVal = $(THandel).css("padding"); var PadValArr = PaddingVal.split(" "); if (PadValArr.length > 2) { return parseFloat(PadValArr[1]) + parseFloat(PadValArr[3]); } else if (PadValArr.length > 1) { return parseFloat(PadValArr[1]) * 2; } else { return parseFloat(PadValArr[0]) * 2; } }; // 获取最大字符长度的字符串(起决定宽度的字符串/将字符去除HTML标签)(使用) var removeHtmlFunc = function (HtmlStr) { var ReArr = { TextStr: "", WidthVal: 0, ImgFlag: false, }; // 清除非长度标签 var pattStr = new RegExp(/<(img){1}.*?>/ig); var matchesArr = HtmlStr.match(pattStr); if (matchesArr != null && (matchesArr != undefined && matchesArr.length > 0)) { for (var i = 0; i < matchesArr.length; i++) { var pattWStr = new RegExp(/width\s?:\s?[0-9]+px;/ig); var matchesWArr = matchesArr[i].match(pattWStr); var TempWidthVal=parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", "").replace("px", "")); ReArr.WidthVal = TempWidthVal > ReArr.WidthVal ? TempWidthVal : ReArr.WidthVal; if (ReArr.WidthVal != 0) { ReArr.ImgFlag = true; } HtmlStr = HtmlStr.replace(matchesArr[i], ""); } } pattStr = new RegExp(/(<(p){1}.*?>).*?(<\/\2>)/ig); matchesArr = HtmlStr.match(pattStr); if (matchesArr != undefined && matchesArr.length > 0) { // 清除匹配的P标签 for (var i = 0; i < matchesArr.length; i++) { HtmlStr = HtmlStr.replace(matchesArr[i], ""); } } // 判断是否存在p标签 if (matchesArr != null || (matchesArr != undefined && matchesArr.length > 0)) { if (HtmlStr != null && HtmlStr != "") { // p标签混排 HtmlStr = "

" + HtmlStr + "

"; matchesArr.push(HtmlStr); HtmlStr = null; } pattStr = new RegExp(/(<(p|b|span|u){1}.*?>).*?(<\/\2>)/i); for (var i = 0; i < matchesArr.length; i++) { var NewHtmlStr = matchesArr[i]; while (pattStr.test(NewHtmlStr)) { var TmatchesArr = NewHtmlStr.match(pattStr); if (TmatchesArr.length > 0) { // 存在P标签 NewHtmlStr = NewHtmlStr.replace(TmatchesArr[1], "").replace(TmatchesArr[3], ""); } } if (i == 0 || (HtmlStr.length < NewHtmlStr.length)) { HtmlStr = NewHtmlStr; } } } else { pattStr = new RegExp(/(<(b|span|u){1}.*?>).*?(<\/\2>)/i); if (pattStr.test(HtmlStr)) { while (pattStr.test(HtmlStr)) { var matchesArr = HtmlStr.match(pattStr); if (matchesArr.length > 0) { HtmlStr = HtmlStr.replace(matchesArr[1], "").replace(matchesArr[3], ""); } } } } ReArr.TextStr = HtmlStr; return ReArr; }; // 获取最大字符长度的字符串(起决定宽度的字符串/将字符去除HTML标签)(替换,不用) var dealTdTextFunc = function (HtmlStr) { var ReStr = ""; var ReNumber = 0; var pattStr = new RegExp(//i); if (pattStr.test(HtmlStr)) { while (pattStr.test(HtmlStr)) { var matchesArr = HtmlStr.match(pattStr); $("#pContrainId").html(matchesArr[0]); HtmlStr = HtmlStr.replace(matchesArr[0], ""); if (ReNumber <= $("#pContrainId").text().length) { ReNumber = $("#pContrainId").text().length; ReStr = $("#pContrainId").text(); } } } else { $("#pContrainId").html(HtmlStr); ReStr = $("#pContrainId").text(); } return ReStr; }; var AdjustTableFunc = function () { // 添加宽度处理 var ScreenWidth = $(document.body).width(); $(document.body).css("width", "999999px"); $(document.body).append(''); var Index = 0; $.each($("table"), function (index, item) { // 处理表格总宽度 var ArrMaxLen = []; var TableWidth = 0; var TotalMaxLen = 0; var RuleFlag = true; $.each($(item).find("tr"), function (trIndex, trItem) { $.each($(trItem).find("td"), function (tdIndex, tdItem) { var RemoveHtmlArr = removeHtmlFunc($(tdItem).html()); $("#pContrainId").text(RemoveHtmlArr.TextStr); var tdWidthVal = $("#pContrainId").width() + parseFloat(RemoveHtmlArr.WidthVal); // 获取文字宽度 tdWidthVal += GetPadVal(tdItem); if (!RemoveHtmlArr.ImgFlag && (tdWidthVal > ScreenWidth)) { tdWidthVal = ScreenWidth; } if (tdWidthVal < 165) { tdWidthVal = 165; } if (ArrMaxLen.length < tdIndex + 1) { if (trIndex != 0) { RuleFlag = false; } ArrMaxLen.push(0); } if (ArrMaxLen[tdIndex] < tdWidthVal) { TotalMaxLen += tdWidthVal - ArrMaxLen[tdIndex]; ArrMaxLen[tdIndex] = tdWidthVal; } }); }); // 判断表格是否只有一行 if ($(item).find("tr").length == 1 && $(item).find("tr").eq(0).find("td").length == 1) { $(item).find("tr").eq(0).find("td").eq(0).css("width", (ScreenWidth - 4 - GetPadVal(document.body)) + "px"); $(item).css("width", (ScreenWidth - 4 - GetPadVal(document.body)) + "px"); } else { if (TotalMaxLen < ScreenWidth) { var AddPx = (ScreenWidth - TotalMaxLen) / ArrMaxLen.length; AddPx = AddPx > 2 ? AddPx - 2 : AddPx; for (var i = 0; i < ArrMaxLen.length; i++) { ArrMaxLen[i] += AddPx; } } var OneFlag = false; for (var i = 0; i < ArrMaxLen.length; i++) { if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length > 1 && RuleFlag) { $(item).find("tr").eq(0).find("td").eq(i).css("width", ArrMaxLen[i] + "px"); TableWidth += ArrMaxLen[i]; } else if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length > 1 && !RuleFlag) { if (i == ArrMaxLen.length - 1) { var FLenVal = $(item).find("tr").eq(0).find("td").length; var AllLenArr = []; for (var j = 0; j < FLenVal; j++) { AllLenArr.push(parseInt($(item).find("tr").eq(0).find("td").eq(j).attr("colspan"))); } var AIndex = 0; for (var j = 0; j < AllLenArr.length; j++) { var AWidthVal = 0; for (var k = 0; k < parseInt(AllLenArr[j]) ; k++) { AWidthVal += ArrMaxLen[AIndex]; AIndex += 1; } AWidthVal += 100; TableWidth += AWidthVal; $(item).find("tr").eq(0).find("td").eq(j).css("width", AWidthVal + "px"); } } } else if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length == 1) { OneFlag = true; TableWidth += ArrMaxLen[i]; } } if (OneFlag) { $(item).find("tr").eq(0).find("td").eq(0).css("width", TableWidth + "px"); } $(item).css("width", TableWidth + "px"); } // 替换HTML var ChildHtmlStr = $(item).prop("outerHTML"); var HtmlStr = "
"; $(item).after(HtmlStr); $(item).remove(); var JqStr = ".TContain_" + Index; $(JqStr).append(ChildHtmlStr); Index += 1; }); $(document.body).css("width", ScreenWidth + "px"); var BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width()) - GetPadVal(document.body)); // 界面宽度 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() - GetPadVal(document.body))); // 界面宽度 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() - GetPadVal(document.body))); // 界面宽度 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); $("#pContrainId").remove(); }; // 表格处理End // 判断是否在横线内 var isGCFunc = function (NodeHandle) { var isFlag = false; var PClsName = $(NodeHandle).attr("class"); var tagName = $(NodeHandle).prop("tagName"); while (tagName != undefined && tagName != "BODY" && ((PClsName != undefined && PClsName.indexOf("underlineContent") == -1) || PClsName == undefined)) { NodeHandle = $(NodeHandle).parent(); PClsName = $(NodeHandle).attr("class"); tagName = $(NodeHandle).prop("tagName"); } if (PClsName != undefined && PClsName.indexOf("underlineContent") > -1) { isFlag = true; } return isFlag; }; // 不调用fill需要增加处理(绑定横线内处理) var addFillAssist = function () { $.each($(document).find(".underlineContent"), function (Iindex, Iitem) { // 卡控遍历条件(添加新的class) var ClsName = $(Iitem).attr("class"); var hitStyleFlag = $(Iitem).attr("hitstyle"); if (ClsName != undefined && ClsName.indexOf("cAStauts") == -1) { $(Iitem).addClass("cAStauts"); if ($(Iitem).attr("shcode") == undefined) { $(Iitem).attr("shcode", 1); } if ($(Iitem).attr("showflag") == undefined) { $(Iitem).attr("showflag", "1"); } $(Iitem).attr("ulflag", "1"); $.each($(Iitem).find("u,span,p"), function (index, element) { var eClsName = $(element).attr("class"); var eHitStyleFlag = $(element).attr("hitstyle"); if (eClsName == undefined || eClsName.indexOf("cAStauts") == -1) { $(element).addClass("cAStauts"); } if ($(element).attr("ulflag") == undefined) { $(element).attr("ulflag", "1"); } if ($(element).attr("shcode") == undefined) { $(element).attr("shcode", 1); } if ($(element).attr("showflag") == undefined) { $(element).attr("showflag", "1"); } }); } }); if (typeof (showGLWorld) == "function") { showGLWorld(styleWPSContrl.wordFlag, styleWPSContrl.phraseFlag, styleWPSContrl.sentenceFlag); } }; // 处理显示或隐藏答案,(shcode是否可点击1可点击;ulflag判断是否存在横线内1表示在;showflag是否显示1显示) var dealAnswerFunc = function (NodeHandle, OCFlag, ThProFlag) { if (OCFlag) { var showflagS = $(NodeHandle).attr("showflag"); if ($(NodeHandle).attr("ulflag") == 1) { if (!ThProFlag || (ThProFlag && showflagS == 1)) { if ($(NodeHandle).text() == "暂无参考答案") { $(NodeHandle).css("color", "#989898").attr("shcode", 1).attr("showflag", "1"); } else { $(NodeHandle).css("color", "#92D050").attr("shcode", 1).attr("showflag", "1"); } } } else { $(NodeHandle).css("color", "#000000").attr("shcode", 1).attr("showflag", "1"); } if ($(NodeHandle).attr("hitstyle") == "wordStyle") { if (styleWPSContrl.wordFlag) { if (!ThProFlag || (ThProFlag && showflagS == 1)) { $(NodeHandle).css("color", "#db5d00").attr("shcode", 1).attr("showflag", "1"); } } else { var ulflag = $(NodeHandle).attr("ulflag"); if (ulflag == "1") { if (!ThProFlag || (ThProFlag && showflagS == 1)) { $(NodeHandle).css("color", "#92D050").attr("shcode", 0).attr("showflag", "1"); } } else { $(NodeHandle).css("color", "#000000").attr("shcode", 0).attr("showflag", "1"); } } } else if ($(NodeHandle).attr("hitstyle") == "phraseStyle") { if (styleWPSContrl.phraseFlag && showflagS == "1") { var ulflag = $(NodeHandle).attr("ulflag"); if (ulflag == "1") { $(NodeHandle).css("background-color", "#f2db8b").attr("shcode", 1).attr("showflag", "1").css("border-bottom", "1px solid #979797"); } else { $(NodeHandle).css("background-color", "#f2db8b").attr("shcode", 1).attr("showflag", "1"); } } else if (showflagS == "1") { var ulflag = $(NodeHandle).attr("ulflag"); if (ulflag == "1") { $(NodeHandle).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "1").css("border-bottom", "1px solid #979797"); } else { $(NodeHandle).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "1"); } } } else if ($(NodeHandle).attr("hitstyle") == "sentenceStyle") { if (styleWPSContrl.sentenceFlag && showflagS == "1") { $(NodeHandle).css("border-bottom", "2px solid #78ae43").attr("shcode", 1).attr("showflag", "1"); } else if (showflagS == "1") { $(NodeHandle).css("border-bottom", "2px solid #ffffff").attr("shcode", 1).attr("showflag", "1"); } } if (!ThProFlag) { $.each($(NodeHandle).find(".cAStauts"), function (index, element) { showflagS = $(element).attr("showflag"); // 处理普通文本 if ($(element).attr("ulflag") == 1) { if (!ThProFlag || (ThProFlag && showflagS == 1)) { if ($(element).text() == "暂无参考答案") { $(element).css("color", "#989898").attr("shcode", 1).attr("showflag", "1"); } else { $(element).css("color", "#92D050").attr("shcode", 1).attr("showflag", "1"); } } } else { $(element).css("color", "#000000").attr("shcode", 1).attr("showflag", "1"); } // 处理高亮 if ($(element).attr("hitstyle") == "wordStyle") { if (styleWPSContrl.wordFlag) { if (!ThProFlag || (ThProFlag && showflagS == 1)) { $(element).css("color", "#db5d00").attr("shcode", 1).attr("showflag", "1"); } } else { if (!ThProFlag || (ThProFlag && showflagS == 1)) { var ulflag = $(element).attr("ulflag"); if (ulflag == "1") { if (!ThProFlag || (ThProFlag && showflagS == 1)) { $(element).css("color", "#92D050").attr("shcode", 0).attr("showflag", "1"); } } else { $(element).css("color", "#000000").attr("shcode", 0).attr("showflag", "1"); } } } } else if ($(element).attr("hitstyle") == "phraseStyle") { if (styleWPSContrl.phraseFlag) { if (!ThProFlag || (ThProFlag && showflagS == 1)) { var ulflag = $(element).attr("ulflag"); if (ulflag == "1") { $(element).css("background-color", "#f2db8b").attr("shcode", 1).attr("showflag", "1").css("border-bottom", "1px solid #979797"); } else { $(element).css("background-color", "#f2db8b").attr("shcode", 1).attr("showflag", "1"); } } } else { var ulflag = $(element).attr("ulflag"); if (ulflag == "1") { $(element).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "1").css("border-bottom", "1px solid #979797"); } else { $(element).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "1"); } } } else if ($(element).attr("hitstyle") == "sentenceStyle") { if (styleWPSContrl.sentenceFlag) { if (!ThProFlag || (ThProFlag && showflagS == 1)) { $(element).css("border-bottom", "2px solid #78ae43").attr("shcode", 1).attr("showflag", "1"); } } else { $(element).css("border-bottom", "2px solid #ffffff").attr("shcode", 0).attr("showflag", "1"); } } }); } } else { $(NodeHandle).css("color", "#ffffff").attr("shcode", 1).attr("showflag", "0"); if ($(NodeHandle).attr("hitstyle") == "wordStyle") { $(NodeHandle).attr("shcode", 0).attr("showflag", "0"); } else if ($(NodeHandle).attr("hitstyle") == "phraseStyle") { $(NodeHandle).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "0"); } else if ($(NodeHandle).attr("hitstyle") == "sentenceStyle") { $(NodeHandle).css("border-bottom", "2px solid #ffffff").attr("shcode", 0).attr("showflag", "0").css("border-bottom", "1px solid #979797"); } $.each($(NodeHandle).find(".cAStauts"), function (index, element) { // 处理普通文本 $(element).css("color", "#ffffff").attr("shcode", 1).attr("showflag", "0"); // 合并处理 // 处理高亮 if ($(element).attr("hitstyle") == "wordStyle") { $(element).attr("shcode", 0).attr("showflag", "0"); } else if ($(element).attr("hitstyle") == "phraseStyle") { $(element).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "0").css("border-bottom", "1px solid #979797"); } else if ($(element).attr("hitstyle") == "sentenceStyle") { $(element).css("border-bottom", "2px solid #ffffff").attr("shcode", 0).attr("showflag", "0"); } }); } var underlineContentText = $(NodeHandle).text(); // 获取文本内容 if (underlineContentText != undefined && underlineContentText.indexOf("√") > -1) { if (OCFlag) { $(NodeHandle).parent().find(".checkbox").find("input").prop('checked', true); } else { $(NodeHandle).parent().find(".checkbox").find("input").prop('checked', false); } } }; //显示、隐藏答案 function showHideAnswer(flag) { if (flag) { $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl); $.each($(".underlineContent"), function (index, item) { dealAnswerFunc(item, true, false); }); } else { $(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl); $.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) { dealAnswerFunc(item, false, false); }); } } //显示、隐藏钥匙及答案 isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案 function showHideAnswerEx(isShowYX, isShowAS) { if (isShowYX) { $(".yaoshi").show(); } else { $(".yaoshi").hide(); } if (isShowAS) { $.each($(".underlineContent"), function (index, item) { dealAnswerFunc(item, true, false); }); $(".yaoshi").attr("data-status", "1"); $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl); } else { $.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) { dealAnswerFunc(item, false, false); }); $(".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("answer-anstext", $(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 = "暂无参考答案"; //处理改错题及勾选题 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;display:inline-block;"; } uHtml.setAttribute("answer-anstext", ""); } } $(spanHtml).html(uHtml.outerHTML); $(item).after(spanHtml); } }); //处理表格宽度 AdjustTableFunc(); //一题多空的答题点标注 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) { dealAnswerFunc(cItem, true, false); }); }); } else { $(this).attr("data-status", "1"); $(this).attr("src", PicInfo.yaoshiShowImgUrl); $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) { dealAnswerFunc(item, true, false); }); } //不再存在已隐藏的钥匙,移动端回调 if ($(".yaoshi[data-status='0']").length == 0) { //添加回调 console.log("全部显示了"); onClickKeyShow(); } } 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) { dealAnswerFunc(cItem, false, false); }); }); } else { $(this).attr("data-status", "0"); $(this).attr("src", PicInfo.yaoshiHideImgUrl); $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) { dealAnswerFunc(item, false, false); }); } //添加回调 onClickKeyHide(); } }); //点击播放事件,视频播放 $(".videoImg").on("click", function () { var curHtml = $(this).parent().find(".videoUrl").html(); var curAlt = $(this).attr("alt");//播放视频地址 playVisiableAudioCallBack(2, $(this).attr("alt")); }); addFillAssist(); } //页面加载完,课件 绑定事件 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 = "暂无参考答案"; //处理改错题及勾选题 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;display:inline-block;"; } uHtml.setAttribute("answer-anstext", ""); } } $(item).after(uHtml); } }); //处理表格宽度 AdjustTableFunc(); //一题多空的答题点标注 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) { dealAnswerFunc(item, true, false); }); }); } 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) { dealAnswerFunc(item, true, false); }); } //不再存在已隐藏的钥匙,移动端回调 if ($(".yaoshi[data-status='0']").length == 0) { //添加回调 onClickKeyShow(); } } 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) { dealAnswerFunc(item, false, false); }); }); } 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) { dealAnswerFunc(item, false, false); }); } //添加回调 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")); }); } // 移动端使用,true:表示点击表格且正在移动,需阻止模块切换 function getPressFlag() { return pressTableFlag; } // 设置离焦事件 function resetPressFlag() { pressTableFlag = false; } //学生端 处理作答区域 var answerData = new Array(); function handleAnswerRange() { // 隐藏答案划线 $(".underlineContentShow").attr("data-status", "0"); //规范文本格式 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("answer-anstext"); 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)); // 处理多选框样式 dealCheckBox(); 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)); }); $(selectElement).attr("answer-showanswer", "1"); } 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); $(selectElement).attr("answer-showanswer", "1"); } else { $(selectElement).children(".answer-text").hide(); $(selectElement).children(".answer-point-range").show(); } } } } //提交,获取所有作答答案及参考答案 function getAllAnswer() { //处理作答 $.each($(".answer-body"), function (index, item) { var isanswer = false; var answerid = $(item).attr("answer-id"); var parentid = $(item).attr("parent-anid"); //遍历同一小题的作答,如果作答了,整个小题都认为是作答了 $.each($(".answer-body[parent-anid=" + parentid + "]"), function (n, item) { var atext = $(item).children(".answer-text").text(); if (atext != "" && atext != "未作答") { isanswer = true; } }); var mytext = $(item).children(".answer-text").text(); var curDisplay = $(item).children(".answer-audio-range").css("display"); if (mytext == "" && curDisplay == "none") { mytext = "未作答"; if (isanswer) { mytext = "    "; $(item).children(".answer-text").html(mytext); $(item).children(".answer-text").addClass("noanswer-border"); } else { $(item).children(".answer-text").text(mytext); $(item).children(".answer-text").addClass("no-answer"); } $(item).children(".answer-point-range").hide(); $(item).children(".answer-text").show(); } }); $(".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 + "
"); }); ControlFlag = false; //console.log(JSON.stringify(answerData)); return answerData; } //回填所有答案,answerJson:所有作答及参考答案List,statusType:0-可作答,1-已提交,2-查看评阅 function backupAllAnswer(answerJson, statusType) { if(statusType == 0) { ControlFlag = true; } else { ControlFlag = false; } if (answerJson != "" && answerJson) { var answerList = JSON.parse(answerJson); $.each($(".answer-body"), function (num, item) { var index = 0; var isanswer = false; 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; } } //一题多空的作答关联查找 for (var i = 0; i < answerList.length; i++) { if (parentid == answerList[i].pId) { if (answerList[i].Text != "") { isanswer = true; 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 = "未作答"; if (isanswer) { mytext = "    "; $(item).children(".answer-text").html(mytext); $(item).children(".answer-text").addClass("noanswer-border"); } else { $(item).children(".answer-text").text(mytext); $(item).children(".answer-text").addClass("no-answer"); } $(item).children(".answer-text").show(); } 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 = "未作答"; if (isanswer) { mytext = "    "; $(item).children(".answer-text").html(mytext); $(item).children(".answer-text").addClass("noanswer-border"); } else { $(item).children(".answer-text").text(mytext); $(item).children(".answer-text").addClass("no-answer"); } $(item).children(".answer-text").show(); } 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) { if (!$(item).children(".answer-text").hasClass("good-answer")) { $(item).children(".answer-text").addClass("bad-answer"); } } if (answerList[index].Score > 0) { //遍历同一小题的评阅,并加上样式 $.each($(".answer-body[parent-anid=" + parentid + "]"), function (n, item) { $(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); //还原打勾效果 if (ischecked && statusType == 0) { clickCheckBox(answerid); } //已提交,已评阅,还原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"); if (statusType == 2) { $(".answer-body[parent-anid=" + curObj.pId + "]").addClass("select-answer"); } else { $(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);//评语 //遍历同一小题的评阅,并加上样式 $.each($(".answer-body[parent-anid=" + answerObj.pId + "]"), function (n, item) { //评阅样式 if (answerObj.Score == 0) { $(item).children(".answer-text").removeClass("good-answer"); $(item).children(".answer-text").addClass("bad-answer"); } if (answerObj.Score > 0) { $(item).children(".answer-text").removeClass("bad-answer"); $(item).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 ismany = false; 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; } } //一题多空的作答关联查找 for (var i = 0; i < answerList.length; i++) { if (parentid == answerList[i].pId && answerid != answerList[i].Id) { ismany = true; } } //$(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 = "未作答"; if (parentid != answerid || ismany) { mytext = "    "; $(item).children(".answer-text").html(mytext); $(item).children(".answer-text").addClass("noanswer-border"); } else { $(item).children(".answer-text").text(mytext); $(item).children(".answer-text").addClass("no-answer"); } } else { $(item).children(".answer-text").text(mytext); } $(item).children(".answer-text").show(); $(item).children(".answer-point-range").hide(); } //评阅样式 if (answerList[index].Score == 0) { if (!$(item).children(".answer-text").hasClass("good-answer")) { $(item).children(".answer-text").addClass("bad-answer"); } } if (answerList[index].Score > 0) { //遍历同一小题的评阅,并加上样式 $.each($(".answer-body[parent-anid=" + parentid + "]"), function (n, item) { $(item).children(".answer-text").addClass("good-answer"); }); } }); //打勾题的还原 $.each($(".checkbox"), function (num, item) { var index = 0; var isanswer = false; 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; } } //一题多空的作答关联查找 for (var i = 0; i < answerList.length; i++) { if (parentid == answerList[i].pId) { if (answerList[i].Text != "") { isanswer = true; 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"); $(".answer-body[parent-anid=" + curObj.pId + "]").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; } } // 传递显示单词wordFlag/短语phraseFlag/句型sentenceFlag,true表示高亮,false表示不高亮 function showGLWorld(wordFlag, phraseFlag, sentenceFlag) { styleWPSContrl.wordFlag = wordFlag; styleWPSContrl.phraseFlag = phraseFlag; styleWPSContrl.sentenceFlag = sentenceFlag; $.each($(".underlineContent").find("u[hitstyle='wordStyle'],span[hitstyle='wordStyle'],p[hitstyle='wordStyle'],u[hitstyle='phraseStyle'],span[hitstyle='phraseStyle'],p[hitstyle='phraseStyle'],u[hitstyle='sentenceStyle'],span[hitstyle='sentenceStyle'],p[hitstyle='sentenceStyle']"), function (index, element) { dealAnswerFunc(element, true, true); }); } 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 onClickKeyShow() { //alert(JSON.stringify(data)); cancelBubble(); plugin.onClickKeyShow(); } 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); }