//播放音频图片地址 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" } var TestFlag = 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(); // 变动同一个答题点的颜色修改 var JqStr = ".checkbox[answer-id='" + inputId + "']"; var parentAnID = $(JqStr).attr("parent-anid"); JqStr = ".checkbox[parent-anid='" + parentAnID + "']"; $(JqStr).addClass("select-answer"); } // 判断是否显示答题点高亮(主体课文学生未完成评阅不显示) var IsStuFills = { StuID: false, // 身份 ProcessType:0 // 作答状态 }; // 检测安卓和ios var cTTypeFunc = function () { var u = navigator.userAgent; //var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 //var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (u.indexOf('Android') > -1 || u.indexOf('Adr') > -1) { return 1; } else { return 2; } }(); // 判断是否是主体课文 var IsZTKEStatus = 0; // #region 表格处理Start var pressTableFlag = false; // 获取最大字符长度的字符串(起决定宽度的字符串/将字符去除HTML标签) var removeHtmlFunc = function (htmlStr, TdWidthVal) { 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++) { if (matchesArr[i].indexOf("nextpic") == -1) { var TempWidthVal = 0; var pattWStr = new RegExp(/width\s?:\s?[0-9|p|x|%]+;/ig); var matchesWArr = matchesArr[i].match(pattWStr); if (matchesWArr != null && matchesWArr.length > 0) { if (matchesWArr[0].indexOf("%") > -1) { var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", "")); TempWidthVal += TdWidthVal * TWidthVal; } else { TempWidthVal += parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", "").replace("px", "")); } } pattWStr = new RegExp(/width\s?=\s?["|'|0-9|p|x|%]+/ig); matchesWArr = matchesArr[i].match(pattWStr); if (matchesWArr != null && matchesWArr.length > 0) { if (matchesWArr[0].indexOf("%") > -1) { var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width=", "")); TempWidthVal += TdWidthVal * TWidthVal; } else { 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++) { // 去除多标签 pattStr = new RegExp(/(<([a-z|A-Z]+){1}.*?>).*?(<\/\2>)/i); var NewhtmlStr = matchesArr[i]; while (pattStr.test(NewhtmlStr)) { var tTmatchesArr = NewhtmlStr.match(pattStr); if (tTmatchesArr.length > 0) { // 存在P标签 NewhtmlStr = NewhtmlStr.replace(tTmatchesArr[1], "").replace(tTmatchesArr[3], ""); } } // 去除单标签 pattStr = new RegExp(/(<([a-z|A-Z]+){1}\\s*\/\\s*>)/i); while (pattStr.test(NewhtmlStr)) { var tTmatchesArr = NewhtmlStr.match(pattStr); if (tTmatchesArr.length > 0) { // 存在P标签 NewhtmlStr = NewhtmlStr.replace(tTmatchesArr[1], ""); } } if (i == 0 || (htmlStr.length < NewhtmlStr.length)) { htmlStr = NewhtmlStr; } } } else { pattStr = new RegExp(/(<([a-z|A-Z]+){1}.*?>).*?(<\/\2>)/i); // 去除多标签 while (pattStr.test(htmlStr)) { var tTmatchesArr = htmlStr.match(pattStr); if (tTmatchesArr.length > 0) { // 存在P标签 htmlStr = htmlStr.replace(tTmatchesArr[1], "").replace(tTmatchesArr[3], ""); } } // 去除单标签 pattStr = new RegExp(/(<([a-z|A-Z]+){1}\\s*\/\\s*>)/i); while (pattStr.test(htmlStr)) { var tTmatchesArr = htmlStr.match(pattStr); if (tTmatchesArr.length > 0) { // 存在P标签 htmlStr = htmlStr.replace(tTmatchesArr[1], ""); } } } // 去除多空格 while (htmlStr.match(/\s\s/g)) { htmlStr = htmlStr.replace(/\s\s/g, " "); } while (htmlStr.indexOf(" ") > -1) { htmlStr = htmlStr.replace(" ", " "); } ReArr.TextStr = htmlStr; return ReArr; }; // 动态获取表格最小宽度设置(最小宽度165px) var GetMinTableVal = function (TSWidth) { if (TSWidth > 320) { return 165 + (TSWidth - 320) * 0.09; } else { return 165; } }; // 计算存在padding的表格 function GetPadVal(THandel) { // 判断是否存在border var BorderVal = 0; var BorderStr = $(THandel).css("border-right-width"); if (BorderStr != null && BorderStr != "") { BorderVal = parseFloat(BorderStr.replace("px").replace("PX")); } BorderStr = $(THandel).css("border-right-width"); if (BorderStr != null && BorderStr != "") { BorderVal += parseFloat(BorderStr.replace("px").replace("PX")); } // 判断是否存在padding var PaddingVal = $(THandel).css("padding"); if (PaddingVal == null || PaddingVal == "") { PaddingVal = parseFloat($(THandel).css("padding-left")) + parseFloat($(THandel).css("padding-right")); if (PaddingVal == null || PaddingVal == "") { return BorderVal; } return BorderVal + PaddingVal; } var PadValArr = PaddingVal.split(" "); if (PadValArr.length > 2) { return BorderVal + parseFloat(PadValArr[1]) + parseFloat(PadValArr[3]); } else if (PadValArr.length > 1) { return BorderVal + parseFloat(PadValArr[1]) * 2; } else { return BorderVal + parseFloat(PadValArr[0]) * 2; } }; // 处理表格内的图片宽度 var DealImageWFunc = function (Item, WidthVal) { var pattWStr = new RegExp(/width\s?:\s?[0-9]+%;/ig); var pattWStr2 = new RegExp(/width\s?=\s?["|'|0-9]+%/ig); $.each($(Item).find("img").not(".nextpic"), function (index, iItem) { var HtmlStr = $(iItem).prop("outerHTML"); var matchesWArr = HtmlStr.match(pattWStr); if (matchesWArr != null && matchesWArr.length > 0) { if (matchesWArr[0].indexOf("%") > -1) { var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", "")); $(this).css("width", (WidthVal * TWidthVal / 100) + "px"); } } var matchesWArr = HtmlStr.match(pattWStr2); if (matchesWArr != null && matchesWArr.length > 0) { if (matchesWArr[0].indexOf("%") > -1) { var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("\"", "").replace("width=", "")); $(this).css("width", (WidthVal * TWidthVal / 100) + "px"); } } }); }; var AdjustTableFunc = function (sWidthVal, isAStatus) { if ($("table").length == 0) { return; } // 添加宽度处理 var ScreenWidth = sWidthVal; var TempMinWidth = GetMinTableVal(ScreenWidth); $(document.body).append(''); $("table").find(".yaoshi").addClass("nextpic"); $.each($("table"), function (index, item) { // 处理表格总宽度 var ArrMaxLen = []; var FJArrMaxLen = []; var TableWidth = 0; var TotalMaxLen = 0; var RuleFlag = true; // 表示规则 var HasIndex = 0; RSArrs = []; var NewAStatus = (isAStatus == "undefined" || isAStatus == undefined || isAStatus == null) ? 0 : parseInt(isAStatus); if (NewAStatus == 1) { // 判断是否存在答题点 NewAStatus = $(item).find(".yaoshi").length > 0 ? 1 : 0; } var CheckBoxFlag = $(item).find(".boxQue").length > 0 && $(item).find(".boxQue").length == $(item).find(".yaoshi").length; // 判断是否是只存在多选框,定位对应的列 $.each($(item).find("tr"), function (trIndex, trItem) { $.each($(trItem).find("td"), function (tdIndex, tdItem) { var RowSpanNum = parseInt($(tdItem).attr("rowspan")); var ColSpanNum = parseInt($(tdItem).attr("colspan")); RowSpanNum = (RowSpanNum == 0 || isNaN(RowSpanNum)) ? 1 : RowSpanNum; ColSpanNum = (ColSpanNum == 0 || isNaN(ColSpanNum)) ? 1 : ColSpanNum; if (ColSpanNum > 1) { RuleFlag = false; } if (RowSpanNum > 1) { var RSArr = { RSIndex: HasIndex, RSNumber: RowSpanNum, RSXIndex: tdIndex, RSYIndex: trIndex }; HasIndex += 1; RSArrs.push(RSArr); } var WidthVal = $(tdItem).css("width").replace("px", ""); var RemoveHtmlArr = removeHtmlFunc($(tdItem).html(), WidthVal); // 附加处理图片宽度 DealImageWFunc(trItem, WidthVal); $("#pContrainId").text(RemoveHtmlArr.TextStr); var tdWidthVal = $("#pContrainId").width() + parseFloat(RemoveHtmlArr.WidthVal); // 获取文字宽度 tdWidthVal += GetPadVal($(tdItem)) + 10; if (!RemoveHtmlArr.ImgFlag && (tdWidthVal > ScreenWidth)) { tdWidthVal = ScreenWidth; } // 判断是否需要设置最小宽度 if (tdWidthVal < TempMinWidth && NewAStatus == 1 && !CheckBoxFlag) { tdWidthVal = TempMinWidth; } if (tdWidthVal < 100 && NewAStatus == 1 && !CheckBoxFlag) { tdWidthVal = 100; } if (ArrMaxLen.length < tdIndex + 1) { ArrMaxLen.push(0); } if (RSArrs.length > 0) { for (var i = 0; i < RSArrs.length; i++) { if (RSArrs[i].RSNumber > 1 && RSArrs[i].RSYIndex == trIndex) { if (ArrMaxLen[tdIndex] < tdWidthVal && ColSpanNum == 1) { TotalMaxLen += tdWidthVal - ArrMaxLen[tdIndex]; ArrMaxLen[tdIndex] = tdWidthVal; } } } } else { if (ArrMaxLen[tdIndex] < tdWidthVal && ColSpanNum == 1) { TotalMaxLen += tdWidthVal - ArrMaxLen[tdIndex]; ArrMaxLen[tdIndex] = tdWidthVal; } else if (ColSpanNum > 1) { var AddFlag = true; for (var i = 0; i < FJArrMaxLen.length; i++) { if (FJArrMaxLen[i].tdIndex == tdIndex) { if (FJArrMaxLen[i].WidthVal < tdWidthVal) { FJArrMaxLen[i].WidthVal = tdWidthVal; AddFlag = false; } } } if (AddFlag) { FJArrMaxLen.push({ trIndex: trIndex, tdIndex: tdIndex, WidthVal: tdWidthVal }); } } } }); for (var i = 0; i < RSArrs.length; i++) { if (RSArrs[i].RSNumber > 1) { RSArrs[i].RSNumber -= 1; } else { RSArrs.splice(i); } } }); for (var i = 0; i < FJArrMaxLen.length; i++) { for (var j = 0; j < ArrMaxLen.length; j++) { if (ArrMaxLen[j] == 0 && FJArrMaxLen[i].tdIndex == j) { ArrMaxLen[j] = FJArrMaxLen[i].WidthVal; } } } // 判断表格是否只有一行 if ($(item).find("tr").length == 1 && $(item).find("td").length == 1) { $(item).find("tr").eq(0).find("td").eq(0).css("width", ScreenWidth + "px"); $(item).css("width", ScreenWidth + "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("td").length > 1 || $(item).find("tr").length > 1) && RuleFlag) { if (i < ArrMaxLen.length - 1) { $(item).find("tr").find("td").eq(i).css("width", ArrMaxLen[i] + "px"); TableWidth += ArrMaxLen[i]; } else { $(item).find("tr").find("td").eq(i).css("width", (ArrMaxLen[i] - 10) + "px"); TableWidth += (ArrMaxLen[i] - 10); } } else if (ArrMaxLen[i] != undefined && $(item).find("tr").length == 1 && $(item).find("td").length == 1) { OneFlag = true; if (ArrMaxLen.length - 1 == i) { TableWidth += ArrMaxLen[i] - 10; } else { TableWidth += ArrMaxLen[i]; } } } if (ArrMaxLen != undefined && ($(item).find("td").length > 1 || $(item).find("tr").length > 1) && !RuleFlag) { var TWAFlag = true; $.each($(item).find("tr"), function (trIndex, trItem) { if ($(trItem).find("td").length == ArrMaxLen.length) { $.each($(trItem).find("td"), function (tdIndex, tdItem) { if (TWAFlag) { TableWidth += ArrMaxLen[tdIndex]; } $(tdItem).css("width", ArrMaxLen[tdIndex] + "px"); }); TWAFlag = false; } }); } 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); }); var BodyWidth = isNaN(parseFloat(ScreenWidth)) ? 0 : parseFloat(ScreenWidth); // 界面宽度 $.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); } else { $(JqStr).css("margin-bottom", "15px"); } }); $.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()); // 表格宽度 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()); // 表格宽度 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(); }; // #endregion // 测试专用(移动端不需要引用) function AddTestTextFunc(DataStr3) { $("#ShowTStr").remove(); var HtmlStr = '
'), true);
}
});
// 绑定横线内处理
addFillAssist();
adjustFillFunc(fillDataNum);
}
// #endregion
// 点击事件样式渲染
var ClickRecFunc = function (pID) {
$(".answer-body").removeClass("select-answer");
var jqStr = ".answer-body[parent-anid='" + pID + "']";
$(jqStr).addClass("select-answer");
if ($(jqStr).attr("data-astatus") == "1") {
var curObj = new Object();
curObj.Id = $(jqStr).attr("answer-id");//答题点ID
curObj.pId = $(jqStr).attr("parent-anid");//答题点ID
curObj.IsKY = $(jqStr).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
curObj.AnsText = $(jqStr).attr("answer-anstext");//参考答案
onClickAnswerPoint(JSON.stringify(curObj));
}
};
// 未当前yaoshi的img对应的答题点打上标签
//shcode是否可点击1可点击;ulflag判断是否存在横线内1表示在;showflag是否显示1显示
function AddStatusFunc(NodeHandle, answerID) {
var uLCClsName = $(NodeHandle).attr("class");
var pItem = $(NodeHandle).parent();
if (uLCClsName != undefined && uLCClsName.indexOf("underlineContent") > -1 && uLCClsName.indexOf("noKey") == -1) {
// 直接等于
$(NodeHandle).attr("asid", answerID).attr("shcode", "1").attr("ulflag", "1").attr("showflag", "1");
$.each($(NodeHandle).find("span,p,u,b"), function (index, element) {
$(element).attr("asid", answerID).attr("shcode", "1").attr("ulflag", "1").attr("showflag", "1");
});
}
else if (uLCClsName != undefined && uLCClsName.indexOf("yaoshi") > -1) {
// 到了下一个钥匙
return;
}
else if ($(NodeHandle).find(".yaoshi").length > 0 || $(NodeHandle).find(".underlineContent").length > 0) {
// 存在下个标签
if ($(NodeHandle).find(".yaoshi").length > 0) {
return AddStatusFunc($(NodeHandle).children(":first"), answerID);
}
else {
// 查找子节点的underlineContent
$.each($(NodeHandle).find(".underlineContent").not(".noKey"), function (iIndex, iItem) {
$(this).attr("asid", answerID).attr("shcode", "1").attr("ulflag", "1").attr("showflag", "1");
$.each($(iItem).find("span,p,u,b"), function () {
$(this).attr("asid", answerID).attr("shcode", "1").attr("ulflag", "1").attr("showflag", "1");
});
});
}
}
if ($(NodeHandle).next().length > 0) {
return AddStatusFunc($(NodeHandle).next(), answerID);
}
else {
if (pItem[0] == undefined || pItem[0].tagName.toUpperCase() == "BODY") {
return;
}
else {
return AddStatusFunc(pItem.next(), answerID);
}
}
}
// 不调用fill需要增加处理(绑定横线内处理)
var addFillAssist = function () {
$.each($(".yaoshi"), function (index, element) {
var answerID = $(element).attr("answer-id");
if ($(this).next().length > 0) {
AddStatusFunc($(this).next(), answerID);
}
else {
AddStatusFunc($(this).parent().next(), answerID);
}
});
};
// 处理显示或隐藏答案,(shcode是否可点击1可点击;ulflag判断是否存在横线内1表示在;showflag是否显示1显示)
var dealAnswerFunc = function (NodeHandle) {
// 获取当前钥匙的状态
var showFlag = $(NodeHandle).attr("data-status");
var answerID = $(NodeHandle).attr("answer-id");
var JQStr = "span[asid='" + answerID + "'],p[asid='" + answerID + "'],u[asid='" + answerID + "'],b[asid='" + answerID + "']";
if (showFlag == "0") {
// 由显示转换为隐藏
$(JQStr).attr("showflag", "0");
// 重新渲染高亮
dealRecvHSFill($(NodeHandle), false);
}
else if (showFlag == "1") {
// 由隐藏转换为显示
$(JQStr).attr("showflag", "1");
// 重新渲染高亮
dealRecvHSFill($(NodeHandle), true);
}
var underlineContentText = $(NodeHandle).text(); // 获取文本内容
if (underlineContentText != undefined && underlineContentText.indexOf("√") > -1) {
if (showFlag == "1") {
$(NodeHandle).parent().find(".checkbox").find("input").prop('checked', true);
}
else {
$(NodeHandle).parent().find(".checkbox").find("input").prop('checked', false);
}
}
};
//显示、隐藏钥匙及答案 isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案
function showHideAnswerEx(isShowYX, isShowAS) {
if (isShowYX) {
$(".yaoshi").show();
}
else {
$(".yaoshi").hide();
// 视听说学生端原文、传统教材都是没有钥匙的(直接隐藏掉)
$(".underlineContent").find("*[showflag='1']").attr("showflag", "0");
//var JQStr = "*[showflag='1']";
//$(JQStr).attr("showflag", "0");
$(".checkbox").find("input").prop('checked', false);
}
if (isShowAS) {
$(".yaoshi").attr("data-status", "1");
$(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
$.each($(".yaoshi"), function (index, item) {
dealAnswerFunc(item);
});
}
else {
$(".yaoshi").attr("data-status", "0");
$(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
$.each($(".yaoshi"), function (index, item) {
dealAnswerFunc(item);
});
}
dealJXQTFunc();
dealNSFillFunc();
}
//页面加载完,原文 绑定事件(sWidthVal:屏幕宽度,isAStatus是否含有作答0表示没有,isMAStatus判断是否是主体课文1表示是)
function bindEventTeaOrignalYS(sWidthVal, isAStatus, isMAStatus) {
IsZTKEStatus = (isMAStatus == "undefined" || isMAStatus == undefined || isMAStatus == null) ? 0 : parseInt(isMAStatus);
var bodyWidth = $(document.body).width();
// 处理文本
dealUnderLineFunc();
//处理答题点
$.each($(".yaoshi"), function (index, item) {
$(item).attr('answer-id', index).attr("data-status", "1");
});
//给音频绑定一个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").filter(".underlineContent");
var prevF = $(item).nextUntil(".yaoshi").find(".underlineContent");
if (isHasAnswerFunc($(item).next())) {
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;height: 22px;";
}
else {
uHtml.style = "width:10px;display:inline-block;";
}
uHtml.setAttribute("answer-anstext", "");
}
}
$(spanHtml).html(uHtml.outerHTML);
$(item).after(spanHtml);
}
});
//处理表格宽度
AdjustTableFunc(sWidthVal, isAStatus);
// 音频处理
if (TestFlag) {
$.each($(".audioImg"), function (index, element) {
AddListenDiv(element, index, sWidthVal);
});
}
//一题多空的答题点标注
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);
dealAnswerFunc(item);
});
}
else {
$(this).attr("data-status", "1");
$(this).attr("src", PicInfo.yaoshiShowImgUrl);
dealAnswerFunc(this);
}
//不再存在已隐藏的钥匙,移动端回调
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);
dealAnswerFunc($(item));
});
}
else {
$(this).attr("data-status", "0");
$(this).attr("src", PicInfo.yaoshiHideImgUrl);
dealAnswerFunc($(this));
}
//添加回调
onClickKeyHide();
}
});
//点击播放事件,视频播放
$(".videoImg").on("click", function () {
$(".select-answer").removeClass("select-answer");
var curHtml = $(this).parent().find(".videoUrl").html();
var curAlt = $(this).attr("alt");//播放视频地址
playVisiableAudioCallBack(2, $(this).attr("alt"));
});
addFillAssist();
}
//页面加载完,课件 绑定事件(sWidthVal:屏幕宽度,isAStatus是否含有作答0表示没有,isMAStatus判断是否是主体课文1表示是)
function bindEventYS(sWidthVal, isAStatus, isMAStatus) {
IsZTKEStatus = (isMAStatus == "undefined" || isMAStatus == undefined || isMAStatus == null) ? 0 : parseInt(isMAStatus);
var bodyWidth = $(document.body).width();
// 处理文本
dealUnderLineFunc();
$.each($(".yaoshi"), function (index, item) {
$(item).attr('answer-id', index).attr("data-status", "1");
});
//给音频绑定一个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 (isHasAnswerFunc($(item).next())) {
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;height: 22px;";
}
else {
uHtml.style = "width:10px;display:inline-block;";
}
uHtml.setAttribute("answer-anstext", "");
}
}
$(item).after(uHtml);
}
});
//处理表格宽度
AdjustTableFunc(sWidthVal, isAStatus);
// 音频处理
if (TestFlag) {
$.each($(".audioImg"), function (index, element) {
AddListenDiv(element, index, sWidthVal);
});
}
//一题多空的答题点标注
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);
dealAnswerFunc($(fItem));
});
}
else {
$(this).attr("data-status", "1");
$(this).attr("src", PicInfo.yaoshiShowImgUrl);
dealAnswerFunc($(this));
}
//不再存在已隐藏的钥匙,移动端回调
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);
dealAnswerFunc($(fItem));
});
}
else {
$(this).attr("data-status", "0");
$(this).attr("src", PicInfo.yaoshiHideImgUrl);
dealAnswerFunc($(this));
}
//添加回调
onClickKeyHide();
}
});
//点击喇叭事件,音频播放
$(".audioImg").on("click", function () {
audioPlayClick(this);
});
//点击播放事件,视频播放
$(".videoImg").on("click", function () {
$(".select-answer").removeClass("select-answer");
$(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;
}
// 删除叼毛题库原先附加无用属性
function dealUnderLineFunc() {
// 打理干净underline
$.each($('.underline'), function () {
if ($(this).find(".underlineContent").length > 0) {
var ClsNmae = $(this).attr("class");
ClsNmae = ClsNmae.replace("underline", "").replace(" ", " ");
$(this).attr("class", ClsNmae);
}
});
$('.underline').remove(); // 删除全部
// 删除全部underlineContent的颜色
$(".underlineContent").css("color", "");
}
// 打补丁(非underlineContent下的span下嵌套underlineContent)
function dealSULContentFunc(item, Id, pId) {
var reInfosArr = [];
// 处理"非underlineContent下的span下嵌套underlineContent"
var uLCClsName = $(item).attr("class");
var nItem = $(item).next();
var pItem = $(item).parent();
if (uLCClsName != undefined && uLCClsName.indexOf("underlineContent") > -1 && uLCClsName.indexOf("noKey") == -1) {
// 直接等于
var info = new Object();
info.Id = Id;
info.pId = pId;
info.AnsText = "";
info.AnsText = $(item).attr("answer-anstext");
if (info.AnsText == undefined) {
info.AnsText = $(item).text();
}
reInfosArr.push(info);
info = null;
if ($(".tag-span[answer-id='" + Id + "']").length == 0 && $(".checkbox[answer-id='" + Id + "']").length == 0) {
var uHtml = document.createElement("span");
uHtml.className = "tag-span";
uHtml.innerText = "_";
uHtml.setAttribute("answer-id", Id);
$(item).after(uHtml);
}
dealHLIsRemove($(item), Id);
$(item).remove();
}
else if (uLCClsName != undefined && uLCClsName.indexOf("yaoshi") > -1) {
// 到了下一个钥匙
return reInfosArr;
}
else if ($(item).find(".yaoshi").length > 0 || $(item).find(".underlineContent").length > 0) {
// 存在下个标签
if ($(item).find(".yaoshi").length > 0) {
var reInfosGet = dealSULContentFunc($(item).children(":first"), Id, pId);
for (var i = 0; i < reInfosGet.length; i++) {
reInfosArr.push(reInfosGet[i]);
}
return reInfosArr;
}
else {
// 查找子节点的underlineContent
$.each($(item).find(".underlineContent").not(".noKey"), function (iIndex, iItem) {
var info = new Object();
info.Id = Id;
info.pId = pId;
info.AnsText = "";
info.AnsText = $(iItem).attr("answer-anstext");
if (info.AnsText == undefined) {
info.AnsText = $(iItem).text();
}
reInfosArr.push(info);
info = null;
if ($(".tag-span[answer-id='" + Id + "']").length == 0 && $(".checkbox[answer-id='" + Id + "']").length == 0) {
var uHtml = document.createElement("span");
uHtml.className = "tag-span";
uHtml.innerText = "_";
uHtml.setAttribute("answer-id", Id);
$(iItem).after(uHtml);
}
dealHLIsRemove($(iItem), Id);
});
$(item).find(".underlineContent").not(".noKey").remove();
}
}
if (nItem.length > 0) {
var reInfosGet = dealSULContentFunc(nItem, Id, pId);
for (var i = 0; i < reInfosGet.length; i++) {
reInfosArr.push(reInfosGet[i]);
}
}
else {
if (pItem[0] == undefined || pItem[0].tagName.toUpperCase() == "BODY") {
return reInfosArr;
}
else {
var reInfosGet = dealSULContentFunc(pItem.next(), Id, pId);
for (var i = 0; i < reInfosGet.length; i++) {
reInfosArr.push(reInfosGet[i]);
}
}
}
return reInfosArr;
}
// 继续打补丁(判断是否需要添加暂无参考答案)
function isHasAnswerFunc(item) {
var uLCClsName = $(item).attr("class");
if (uLCClsName != undefined && uLCClsName.indexOf("underlineContent") > -1) {
return false; // 存在答案
}
else if (uLCClsName != undefined && uLCClsName.indexOf("yaoshi") > -1) {
// 到了下一个答题点
return true;
}
else if ($(item).length > 0) {
// 处理子答题点
var TReStatus = 0;
$.each($(item).find("span,u,img,p"), function (iIndex, iItem) {
var iULCClsName = $(iItem).attr("class");
if (iULCClsName != undefined && iULCClsName.indexOf("underlineContent") > -1) {
TReStatus = 1; // 返回false
return false; // 只能return $.each
}
else if (iULCClsName != undefined && iULCClsName.indexOf("yaoshi") > -1) {
TReStatus = 2; // 返回true
return true; // 只能return $.each
}
});
if (TReStatus > 0) {
if (TReStatus == 1) {
return false;
}
else {
return true;
}
}
// 处理子节点完毕(仍然没有),处理同龄
if ($(item).next()) {
// 存在同龄节点
return isHasAnswerFunc($(item).next());
}
else {
// 不存在同龄节点,查找父节点
if ($(item).parent()[0].tagName.toUpperCase() == "BODY") {
return true;
}
return isHasAnswerFunc($(item).parent().next());
}
}
return true;
}
//学生端 处理作答区域
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();
});
});
dealUnderLineFunc();
//提取参考答案并规范文本格式
answerId = "";
$.each($(".yaoshi"), function (index, item) {
var tId = $(item).attr("answer-id");
var tPId = $(item).attr("parent-anid");
//记录上一次的ID
if (tId == undefined) {
tId = answerId;
}
else {
answerId = tId;
}
if (tPId == undefined) {
tPId = answerId;
}
// 特殊处理
var tInfos = dealSULContentFunc($(item).next(), tId, tPId);
for (var i = 0; i < tInfos.length; i++) {
// 判断是否是勾选题
if (tInfos[i].AnsText != null && tInfos[i].AnsText.indexOf("√") > -1) {
$(".tag-span[answer-id='" + tId + "']").remove();
}
if (tInfos[i].AnsText == "暂无参考答案") {
tInfos[i].AnsText = "";
}
tempJson.push(tInfos[i]);
}
});
//合并参考答案数据
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);
}
}
}
//处理口语试题
$.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");
});
}
}
});
//添加答题点的点击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;
}
}
// 删除多选框后面的答题点
prev = $(item).prev();
if ($(prev).hasClass("checkbox")) {
$(item).remove();
}
else {
$(item).prop("outerHTML", "