|
|
@@ -155,148 +155,9 @@ function showHideAnswerEx(isShowYX, isShowAS) {
|
|
|
//页面加载完，原文 绑定事件
|
|
|
function bindEventTeaOrignalYS() {
|
|
|
var bodyWidth = $(document.body).width();
|
|
|
- //显示/隐藏习题答案
|
|
|
- $(".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") {
|
|
|
- $(this).attr("data-status", "1");
|
|
|
- $(this).attr("src", PicInfo.yaoshiShowImgUrl);
|
|
|
- //$(this).nextUntil(".yaoshi").find(".underlineContent").show();
|
|
|
- //$(this).nextUntil(".yaoshi").find(".underlineContent").css("color", "#92D050");
|
|
|
- if (parentAnid != undefined) {
|
|
|
- $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), 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 = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'> </span>";
|
|
|
- }
|
|
|
- else {
|
|
|
- addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'> </span>";
|
|
|
- }
|
|
|
- $(item).css("display", "inline-block").after(addHtml);
|
|
|
- }
|
|
|
- else {
|
|
|
- $(item).css("display", "inline-block").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 {
|
|
|
- $.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 = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'> </span>";
|
|
|
- }
|
|
|
- else {
|
|
|
- addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'> </span>";
|
|
|
- }
|
|
|
- $(item).css("display", "inline-block").after(addHtml);
|
|
|
- }
|
|
|
- else {
|
|
|
- $(item).css("display", "inline-block").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{
|
|
|
- $(this).attr("data-status", "0");
|
|
|
- $(this).attr("src", PicInfo.yaoshiHideImgUrl);
|
|
|
- if (parentAnid != undefined) {
|
|
|
- $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), 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 = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'> </span>";
|
|
|
- }
|
|
|
- else {
|
|
|
- addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'> </span>";
|
|
|
- }
|
|
|
- $(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 {
|
|
|
- $.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 = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'> </span>";
|
|
|
- }
|
|
|
- else {
|
|
|
- addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";' data-status='0'> </span>";
|
|
|
- }
|
|
|
- $(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();
|
|
|
- }
|
|
|
- });
|
|
|
//处理答题点
|
|
|
- $.each($(".underlineContent"), function (index, item) {
|
|
|
- $(item).attr("data-text", $(item).html());
|
|
|
+ $.each($(".yaoshi"), function (index, item) {
|
|
|
+ $(item).attr('answer-id', index);
|
|
|
});
|
|
|
//给音频绑定一个ID
|
|
|
$.each($(".audioImg"), function (index, item) {
|
|
|
@@ -311,6 +172,10 @@ function bindEventTeaOrignalYS() {
|
|
|
$.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();
|
|
|
@@ -321,6 +186,7 @@ function bindEventTeaOrignalYS() {
|
|
|
});
|
|
|
//处理暂无参考答案
|
|
|
$.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");
|
|
|
@@ -328,6 +194,11 @@ function bindEventTeaOrignalYS() {
|
|
|
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 = " ";
|
|
|
+ }
|
|
|
+ }
|
|
|
uHtml.setAttribute("data-text", uHtml.innerText);
|
|
|
$(spanHtml).html(uHtml.outerHTML);
|
|
|
$(item).after(spanHtml);
|
|
|
@@ -337,7 +208,63 @@ function bindEventTeaOrignalYS() {
|
|
|
$.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 curDisplay = $(this).nextUntil(".yaoshi").find(".underlineContent").eq(0).css("display");
|
|
|
+ if (curDisplay == "undefined" || curDisplay == undefined) return;
|
|
|
+
|
|
|
+ if (curDisplay == "none" || $(this).attr("data-status") == "0") {
|
|
|
+ $(this).attr("data-status", "1");
|
|
|
+ $(this).attr("src", PicInfo.yaoshiShowImgUrl);
|
|
|
+ //$(this).nextUntil(".yaoshi").find(".underlineContent").show();
|
|
|
+ //$(this).nextUntil(".yaoshi").find(".underlineContent").css("color", "#92D050");
|
|
|
+ $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
|
|
|
+ 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 {
|
|
|
+ $(this).attr("data-status", "0");
|
|
|
+ $(this).attr("src", PicInfo.yaoshiHideImgUrl);
|
|
|
+ //$(this).nextUntil(".yaoshi").find(".underlineContent").hide();
|
|
|
+ //$(this).nextUntil(".yaoshi").find(".underlineContent").css("color", "#ffffff");
|
|
|
+ $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
|
|
|
+ $(item).css("color", "#ffffff");
|
|
|
+ $(item).find(".wordStyle").css("color", "#ffffff");
|
|
|
+ $(item).find(".phraseStyle").css("background-color", "#ffffff");
|
|
|
+ });
|
|
|
+ //添加回调
|
|
|
+ onClickKeyHide();
|
|
|
+ }
|
|
|
+ });
|
|
|
//点击喇叭事件,音频播放
|
|
|
$(".audioImg").on("click", function () {
|
|
|
audioPlayClick(this);
|
|
|
@@ -402,7 +329,7 @@ function bindEventYS() {
|
|
|
$.each($(".container-table"), function (index, item) {
|
|
|
$(item).css("width", bodyWidth + "px");
|
|
|
});
|
|
|
- //获取两个之间的答题点
|
|
|
+ //一题多空的答题点标注
|
|
|
var checkId = 0;
|
|
|
var headid = -1;
|
|
|
var groupId = -1;
|
|
|
@@ -620,7 +547,7 @@ function handleAnswerRange() {
|
|
|
//$(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
|
|
|
@@ -649,7 +576,7 @@ function handleAnswerRange() {
|
|
|
}
|
|
|
});
|
|
|
//删除钥匙节点
|
|
|
- $(item).find('.yaoshi').remove();
|
|
|
+ $(item).find('.yaoshi').hide();
|
|
|
});
|
|
|
});
|
|
|
|
|
|
@@ -739,6 +666,7 @@ function handleAnswerRange() {
|
|
|
|
|
|
//合并参考答案数据
|
|
|
var tempid = "";
|
|
|
+ var temppid = "";
|
|
|
var temptext = "";
|
|
|
for (var i = 0; i < tempJson.length; i++) {
|
|
|
if (tempid == tempJson[i].Id) {
|
|
|
@@ -748,6 +676,7 @@ function handleAnswerRange() {
|
|
|
if (tempid != "") {
|
|
|
var info = new Object();
|
|
|
info.Id = tempid;
|
|
|
+ info.pId = temppid;
|
|
|
info.AnsText = temptext;
|
|
|
answerData.push(info);
|
|
|
//重置
|
|
|
@@ -756,11 +685,13 @@ function handleAnswerRange() {
|
|
|
}
|
|
|
|
|
|
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);
|
|
|
}
|
|
|
@@ -778,6 +709,7 @@ function handleAnswerRange() {
|
|
|
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);
|
|
|
}
|
|
|
@@ -785,6 +717,7 @@ function handleAnswerRange() {
|
|
|
else {
|
|
|
var info = new Object();
|
|
|
info.Id = (i).toString();
|
|
|
+ info.pId = info.Id;
|
|
|
info.AnsText = "";
|
|
|
answerData.splice(i, 0, info);
|
|
|
}
|
|
|
@@ -846,7 +779,9 @@ function handleAnswerRange() {
|
|
|
$(item).remove();
|
|
|
}
|
|
|
});
|
|
|
-
|
|
|
+ //删除所有钥匙节点
|
|
|
+ $("img[class=yaoshi]").remove();
|
|
|
+ //console.log(JSON.stringify(answerData));
|
|
|
return answerData;
|
|
|
}
|
|
|
|
|
|
@@ -932,6 +867,8 @@ function getAllAnswer() {
|
|
|
$(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2'><div class='answer-audio-range'><img src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
|
|
|
});
|
|
|
|
|
|
+ //console.log(JSON.stringify(answerData));
|
|
|
+
|
|
|
return answerData;
|
|
|
}
|
|
|
|
|
|
@@ -1067,7 +1004,7 @@ function backupAllAnswer(answerJson, statusType) {
|
|
|
//已提交，已评阅，还原HTML代码，去除checkbox
|
|
|
if (statusType == 1 || statusType == 2) {
|
|
|
mytext = mytext == "" ? "__" : mytext;
|
|
|
- $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2'><div class='answer-audio-range'><img src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
|
|
|
+ $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' answer-text='" + mytext + "'><div class='answer-audio-range'><img src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
|
|
|
}
|
|
|
});
|
|
|
//点击事件重新绑定
|
|
|
@@ -1210,7 +1147,7 @@ function backupAllReview(answerJson) {
|
|
|
var ischecked = mytext.indexOf("√") > -1;
|
|
|
var answerText = $(item).attr("answer-anstext");//参考答案
|
|
|
mytext = mytext == "" ? "__" : mytext;
|
|
|
- $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2'><div class='answer-audio-range'><img src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
|
|
|
+ $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentid + "' answer-anstext='" + answerText + "' answer-isky='2' answer-text='" + mytext + "'><div class='answer-audio-range'><img src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' style='display:none;'><img src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text' style='display:block;'>" + mytext + "</buttom></div>");
|
|
|
});
|
|
|
//点击事件重新绑定
|
|
|
$(".answer-body").unbind("click").on("click", function () {
|
|
|
@@ -1260,10 +1197,11 @@ function playRecordAudio(answerid, isPlay) {
|
|
|
//滚动到相应DIV
|
|
|
function scrollAnswer(answerid) {
|
|
|
//console.log(answerid);
|
|
|
+ $(".checkbox").removeClass("select-answer");
|
|
|
$(".answer-body").removeClass("select-answer");
|
|
|
- var ansDom = $(".answer-body[answer-id='" + answerid + "']");
|
|
|
+ var ansDom = $(".answer-body[parent-anid='" + answerid + "']");
|
|
|
if (ansDom.length == 0) {
|
|
|
- ansDom = $(".checkbox[answer-id='" + answerid + "']");
|
|
|
+ ansDom = $(".checkbox[parent-anid='" + answerid + "']");
|
|
|
}
|
|
|
$(ansDom).addClass("select-answer");
|
|
|
var scroll_offset = $(ansDom).offset(); //得到box这个div层的offset，包含两个值，top和left
|
