tasklib_book.js 65 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496
  1. //播放音频图片地址
  2. var PicInfo = {
  3. answerPointImgUrl: "file:///android_asset/js/update-answer.png",
  4. yaoshiShowImgUrl: "file:///android_asset/js/yaoshi-show.png",
  5. yaoshiHideImgUrl: "file:///android_asset/js/yaoshi-hide.png",
  6. recordPlayImgUrl: "file:///android_asset/js/play.png",
  7. recordPauseImgUrl: "file:///android_asset/js/pause.png",
  8. audioPlayImgUrl: "file:///android_asset/js/dynaiselaba.gif",
  9. audioPauseImgUrl: "file:///android_asset/js/dynaiselaba.png"
  10. }
  11. //本地调用用的资源
  12. var PicInfo1 = {
  13. answerPointImgUrl: "../Images/update-answer.png",
  14. yaoshiShowImgUrl: "../Images/yaoshi-show.png",
  15. yaoshiHideImgUrl: "../Images/yaoshi-hide.png",
  16. KouYuTagImgUrl: "../Images/KY.png",
  17. recordPlayImgUrl: "../Images/play.png",
  18. recordPauseImgUrl: "../Images/pause.png",
  19. audioPlayImgUrl: "../Images/dynaiselaba.gif",
  20. audioPauseImgUrl: "../Images/dynaiselaba.png"
  21. }
  22. // 表格处理Start
  23. var pressTableFlag = false;
  24. var GetPadVal = function () {
  25. var PaddingVal = $(document.body).css("padding");
  26. var PadValArr = PaddingVal.split(" ");
  27. if (PadValArr.length > 2) {
  28. return parseFloat(PadValArr[1]) + parseFloat(PadValArr[3]);
  29. }
  30. else if (PadValArr.length > 1) {
  31. return parseFloat(PadValArr[1]) * 2;
  32. }
  33. else {
  34. return parseFloat(PadValArr[0]) * 2;
  35. }
  36. };
  37. var dealTdTextFunc = function (HtmlStr) {
  38. var ReStr = "";
  39. var ReNumber = 0;
  40. var pattStr = new RegExp(/<P.*?<\/P>/i);
  41. if (pattStr.test(HtmlStr)) {
  42. while (pattStr.test(HtmlStr)) {
  43. var matchesArr = HtmlStr.match(pattStr);
  44. $("#pContrainId").html(matchesArr[0]);
  45. HtmlStr = HtmlStr.replace(matchesArr[0], "");
  46. if (ReNumber <= $("#pContrainId").text().length) {
  47. ReNumber = $("#pContrainId").text().length;
  48. ReStr = $("#pContrainId").text();
  49. }
  50. }
  51. }
  52. else {
  53. $("#pContrainId").html(HtmlStr);
  54. ReStr = $("#pContrainId").text();
  55. }
  56. return ReStr;
  57. };
  58. var AdjustTableFunc = function () {
  59. // 添加宽度处理
  60. var ScreenWidth = $(document.body).width();
  61. $(document.body).css("width", "999999px");
  62. $(document.body).append('<span id="pContrainId"></span>');
  63. var Index = 0;
  64. $.each($("table"), function (index, item) {
  65. // 处理表格总宽度
  66. var ArrMaxLen = [];
  67. var TableWidth = 0;
  68. var TotalMaxLen = 0;
  69. var RuleFlag = true;
  70. $.each($(item).find("tr"), function (trIndex, trItem) {
  71. $.each($(trItem).find("td"), function (tdIndex, tdItem) {
  72. var tdtext = dealTdTextFunc($(tdItem).html());
  73. $("#pContrainId").text(tdtext);
  74. var tdWidthVal = $("#pContrainId").width();
  75. if (ArrMaxLen.length < tdIndex + 1) {
  76. if (trIndex != 0) {
  77. RuleFlag = false;
  78. }
  79. ArrMaxLen.push(0);
  80. }
  81. if (ArrMaxLen[tdIndex] < tdWidthVal) {
  82. TotalMaxLen += tdWidthVal - ArrMaxLen[tdIndex];
  83. ArrMaxLen[tdIndex] = tdWidthVal;
  84. }
  85. });
  86. });
  87. // 判断表格是否只有一行
  88. if ($(item).find("tr").length == 1 && $(item).find("tr").eq(0).find("td").length == 1) {
  89. $(item).find("tr").eq(0).find("td").eq(0).css("width", (ScreenWidth - 4 - GetPadVal()) + "px");
  90. $(item).css("width", (ScreenWidth - 4 - GetPadVal()) + "px");
  91. }
  92. else {
  93. if (TotalMaxLen < ScreenWidth) {
  94. var AddPx = (ScreenWidth - TotalMaxLen) / ArrMaxLen.length;
  95. AddPx = AddPx > 2 ? AddPx - 2 : AddPx;
  96. for (var i = 0; i < ArrMaxLen.length; i++) {
  97. ArrMaxLen[i] += AddPx;
  98. }
  99. }
  100. var OneFlag = false;
  101. for (var i = 0; i < ArrMaxLen.length; i++) {
  102. if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length > 1 && RuleFlag) {
  103. $(item).find("tr").eq(0).find("td").eq(i).css("width", ArrMaxLen[i] + "px");
  104. TableWidth += ArrMaxLen[i];
  105. }
  106. else if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length > 1 && !RuleFlag) {
  107. TableWidth += ArrMaxLen[i];
  108. var NotRuleWidth = 0;
  109. if (i == ArrMaxLen.length - 1) {
  110. NotRuleWidth = TableWidth / $(item).find("tr").eq(0).find("td").length;
  111. }
  112. $.each($(item).find("tr").eq(0).find("td"), function (tdIndex, tdItem) {
  113. $(tdItem).css("width", NotRuleWidth + "px");
  114. });
  115. }
  116. else if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length == 1) {
  117. OneFlag = true;
  118. TableWidth += ArrMaxLen[i];
  119. }
  120. }
  121. if (OneFlag) {
  122. $(item).find("tr").eq(0).find("td").eq(0).css("width", TableWidth + "px");
  123. }
  124. $(item).css("width", TableWidth + "px");
  125. }
  126. // 替换HTML
  127. var ChildHtmlStr = $(item).prop("outerHTML");
  128. var HtmlStr = "<div class='TableContainer TContain_" + Index + "'></div>";
  129. $(item).after(HtmlStr);
  130. $(item).remove();
  131. var JqStr = ".TContain_" + Index;
  132. $(JqStr).append(ChildHtmlStr);
  133. Index += 1;
  134. });
  135. $(document.body).css("width", ScreenWidth + "px");
  136. var BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width()) - GetPadVal()); // 界面宽度
  137. var Index = 0;
  138. $.each($("table"), function (index, item) {
  139. var TableWidth = isNaN(parseFloat($(item).width())) ? 0 : parseFloat($(item).width()); // 表格宽度
  140. // 替换HTML
  141. var JqStr = ".TContain_" + Index;
  142. $(JqStr).css("width", BodyWidth + "px");
  143. if (TableWidth > BodyWidth) {
  144. // 额外显示滚动条
  145. var SHtmlStr = "<div class='PSBar' style='width: " + BodyWidth + "px;'></div>";
  146. $(JqStr).after(SHtmlStr);
  147. var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
  148. var HiddenWidth = BodyWidth - (TableWidth - BodyWidth) * HiddenRate; // 现滚动条大小
  149. var CSHtmlStr = "<div class='CSBar' style='width: " + HiddenWidth + "px;'></div>";
  150. $(JqStr).next().append(CSHtmlStr);
  151. }
  152. Index += 1;
  153. });
  154. $.each($(".container-table"), function (index, item) {
  155. $(item).css("width", BodyWidth + "px");
  156. });
  157. // 滚动条事件
  158. $(".TableContainer").on("touchstart", function () {
  159. pressTableFlag = true;
  160. }).on("touchmove", function () {
  161. var TableWidth = isNaN(parseFloat($(this).find("table").width())) ? 0 : parseFloat($(this).find("table").width()); // 表格宽度
  162. BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width() - GetPadVal())); // 界面宽度
  163. var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
  164. var SLeftWdith = isNaN(parseFloat($(this)[0].scrollLeft)) ? 0 : parseFloat($(this)[0].scrollLeft);
  165. SLeftWdith *= HiddenRate;
  166. var NextClsName = $(this).next().attr("class");
  167. if (NextClsName == "PSBar") {
  168. $(this).next().find(".CSBar").css("left", SLeftWdith + "px");
  169. }
  170. });
  171. window.addEventListener("scroll", function (event) {
  172. var ClsName = event.target.className;
  173. if (ClsName == undefined) {
  174. return;
  175. }
  176. ClsName = ClsName.replace("TableContainer ", ".");
  177. var TableWidth = isNaN(parseFloat($(ClsName).find("table").width())) ? 0 : parseFloat($(ClsName).find("table").width()); // 表格宽度
  178. BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width() - GetPadVal())); // 界面宽度
  179. var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
  180. var SLeftWdith = isNaN(parseFloat($(ClsName)[0].scrollLeft)) ? 0 : parseFloat($(ClsName)[0].scrollLeft);
  181. SLeftWdith *= HiddenRate;
  182. var NextClsName = $(ClsName).next().attr("class");
  183. if (NextClsName == "PSBar") {
  184. $(ClsName).next().find(".CSBar").css("left", SLeftWdith + "px");
  185. }
  186. }, true);
  187. $("#pContrainId").remove();
  188. };
  189. // 表格处理End
  190. // 处理显示或隐藏答案
  191. var dealAnswerFunc = function (NodeHandle, OCFlag) {
  192. var FontSizeValue = $(NodeHandle).css("font-size");
  193. var underlineContentText = $(NodeHandle).text(); // 获取文本内容
  194. var widthValue = $(NodeHandle).css("width");
  195. var newClsName = $(NodeHandle).next().attr("class");
  196. if (newClsName != "underlineContentShow") {
  197. var addHtml = "";
  198. if (hasChineseWorld(underlineContentText)) {
  199. addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";font-size:" + FontSizeValue + ";line-height:" + FontSizeValue + ";height:" + FontSizeValue + ";' data-status='0'>&emsp;</span>";
  200. }
  201. else {
  202. addHtml = "<span class='underlineContentShow' style='width:" + widthValue + ";font-size:" + FontSizeValue + ";line-height:" + FontSizeValue + ";height:" + FontSizeValue + ";' data-status='0'>&nbsp;</span>";
  203. }
  204. if (OCFlag) {
  205. $(NodeHandle).css("display", "inline-block").after(addHtml);
  206. }
  207. else {
  208. $(NodeHandle).css("display", "none").after(addHtml);
  209. $(NodeHandle).next().attr("data-status", "1");
  210. }
  211. }
  212. else {
  213. if (OCFlag) {
  214. $(NodeHandle).css("display", "inline-block").next().attr("data-status", "0");
  215. }
  216. else {
  217. $(NodeHandle).css("display", "none").next().attr("data-status", "1");
  218. }
  219. }
  220. if (underlineContentText.indexOf("√") > -1) {
  221. if (OCFlag) {
  222. $(NodeHandle).parent().find(".checkbox").find("input").prop('checked', true);
  223. }
  224. else {
  225. $(NodeHandle).parent().find(".checkbox").find("input").prop('checked', false);
  226. }
  227. }
  228. };
  229. //显示、隐藏答案
  230. function showHideAnswer(flag) {
  231. if (flag) {
  232. $(".underlineContent").css("color", "#92D050");
  233. $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
  234. $.each($(".underlineContent"), function (index, item) {
  235. dealAnswerFunc(item, true);
  236. });
  237. }
  238. else {
  239. $(".underlineContent").css("color", "#ffffff");
  240. $(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
  241. $.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) {
  242. dealAnswerFunc(item, false);
  243. });
  244. }
  245. }
  246. ///显示、隐藏钥匙及答案 isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案
  247. function showHideAnswerEx(isShowYX, isShowAS) {
  248. if (isShowYX) {
  249. $(".yaoshi").show();
  250. }
  251. else {
  252. $(".yaoshi").hide();
  253. }
  254. if (isShowAS) {
  255. $.each($(".underlineContent"), function (index, item) {
  256. dealAnswerFunc(item, true);
  257. //$(item).html($(item).attr("answer-anstext"));
  258. if (!$(item).hasClass("no-answer")) {
  259. $(item).css("color", "#92D050");
  260. }
  261. else {
  262. $(item).css("color", "#989898");
  263. }
  264. $(item).find(".wordStyle").css("color", "#db5d00");
  265. $(item).find(".phraseStyle").css("background-color", "#f2db8b");
  266. });
  267. $(".yaoshi").attr("data-status", "1");
  268. $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
  269. }
  270. else {
  271. $.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) {
  272. dealAnswerFunc(item, false);
  273. $(item).css("color", "#ffffff");
  274. $(item).find(".wordStyle").css("color", "#ffffff");
  275. $(item).find(".phraseStyle").css("background-color", "#ffffff");
  276. });
  277. $(".yaoshi").attr("data-status", "0");
  278. $(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
  279. }
  280. }
  281. //页面加载完,原文 绑定事件
  282. function bindEventTeaOrignalYS() {
  283. var bodyWidth = $(document.body).width();
  284. //处理答题点
  285. $.each($(".yaoshi"), function (index, item) {
  286. $(item).attr('answer-id', index);
  287. });
  288. //给音频绑定一个ID
  289. $.each($(".audioImg"), function (index, item) {
  290. $(item).attr("audiourl", "");
  291. $(item).attr('audio-id', index);
  292. });
  293. //给视频图标处理
  294. $.each($(".videoImg"), function (index, item) {
  295. $(item).attr("audiourl", "");
  296. });
  297. //给口语图标处理
  298. $.each($(".oralLanguageImg"), function (index, item) {
  299. $(item).attr("audiourl", "");
  300. });
  301. //处理参考答案
  302. $.each($(".underlineContent"), function (index, item) {
  303. $(item).attr("answer-anstext", $(item).html());
  304. });
  305. //去除多余的U空标签
  306. $.each($("u"), function (index, item) {
  307. var text = $(item).text();
  308. text = text.replace(/\s+/g, "");
  309. if (text == "") {
  310. $(item).remove();
  311. }
  312. });
  313. //处理暂无参考答案
  314. $.each($(".yaoshi"), function (index, item) {
  315. var parent = $(item).parent();
  316. var prev = $(item).nextUntil(".yaoshi").find(".underlineContent");
  317. if (prev.length == 0) {
  318. var spanHtml = document.createElement("span");
  319. //添加子节点
  320. var uHtml = document.createElement("u");
  321. uHtml.className = "underlineContent no-answer";
  322. uHtml.innerText = "暂无参考答案";
  323. //处理改错题及勾选题
  324. if ($(parent)[0].tagName == 'P') {
  325. if ($(parent).hasClass('correntQue') || $(parent).hasClass('boxQue')) {
  326. uHtml.innerHTML = "&nbsp;&nbsp;&nbsp;";
  327. //改错题,要随机下划线长度
  328. if ($(parent).hasClass('correntQue')) {
  329. uHtml.style = "width:" + randomNum(220, 300) + "px;";
  330. }
  331. uHtml.setAttribute("answer-anstext", "");
  332. }
  333. }
  334. $(spanHtml).html(uHtml.outerHTML);
  335. $(item).after(spanHtml);
  336. }
  337. });
  338. //处理表格宽度
  339. AdjustTableFunc();
  340. //一题多空的答题点标注
  341. var checkId = 0;
  342. var headid = -1;
  343. var groupId = -1;
  344. $(".multipleStart").each(function (i, item) {
  345. var $startNode = $(item);
  346. $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
  347. checkId = $(item).find('.yaoshi').attr("answer-id");
  348. var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
  349. if (index == 0 || groupId != gid) {
  350. groupId = gid;
  351. headid = checkId;
  352. }
  353. $(item).find('.yaoshi').attr('parent-anid', headid);
  354. });
  355. });
  356. //点击喇叭事件,音频播放
  357. $(".audioImg").on("click", function () {
  358. audioPlayClick(this);
  359. });
  360. //显示/隐藏习题答案
  361. $(".yaoshi").on("click", function () {
  362. var parentAnid = $(this).attr("parent-anid");
  363. var curDisplay = $(this).nextUntil(".yaoshi").find(".underlineContent").eq(0).css("display");
  364. if (curDisplay == "undefined" || curDisplay == undefined) return;
  365. if (curDisplay == "none" || $(this).attr("data-status") == "0") {
  366. if (parentAnid != undefined) {
  367. $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
  368. $(item).attr("data-status", "1");
  369. $(item).attr("src", PicInfo.yaoshiShowImgUrl);
  370. $.each($(item).parent().find(".underlineContent"), function (cIndex, cItem) {
  371. dealAnswerFunc(cItem, true);
  372. if (!$(item).hasClass("no-answer")) {
  373. $(item).css("color", "#92D050");
  374. }
  375. else {
  376. $(item).css("color", "#989898");
  377. }
  378. $(item).find(".wordStyle").css("color", "#db5d00");
  379. $(item).find(".phraseStyle").css("background-color", "#f2db8b");
  380. });
  381. });
  382. }
  383. else {
  384. $(this).attr("data-status", "1");
  385. $(this).attr("src", PicInfo.yaoshiShowImgUrl);
  386. $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
  387. dealAnswerFunc(item, true);
  388. if (!$(item).hasClass("no-answer")) {
  389. $(item).css("color", "#92D050");
  390. }
  391. else {
  392. $(item).css("color", "#989898");
  393. }
  394. $(item).find(".wordStyle").css("color", "#db5d00");
  395. $(item).find(".phraseStyle").css("background-color", "#f2db8b");
  396. });
  397. }
  398. //不再存在已隐藏的钥匙,移动端回调
  399. if ($(".yaoshi[data-status='0']").length == 0) {
  400. //添加回调
  401. console.log("全部显示了");
  402. onClickKeyShow();
  403. }
  404. }
  405. else {
  406. if (parentAnid != undefined) {
  407. $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
  408. $(item).attr("data-status", "0");
  409. $(item).attr("src", PicInfo.yaoshiHideImgUrl);
  410. $.each($(item).parent().find(".underlineContent"), function (cIndex, cItem) {
  411. dealAnswerFunc(cItem, false);
  412. $(item).css("color", "#ffffff");
  413. $(item).find(".wordStyle").css("color", "#ffffff");
  414. $(item).find(".phraseStyle").css("background-color", "#ffffff");
  415. });
  416. });
  417. }
  418. else {
  419. $(this).attr("data-status", "0");
  420. $(this).attr("src", PicInfo.yaoshiHideImgUrl);
  421. $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
  422. dealAnswerFunc(item, false);
  423. $(item).css("color", "#ffffff");
  424. $(item).find(".wordStyle").css("color", "#ffffff");
  425. $(item).find(".phraseStyle").css("background-color", "#ffffff");
  426. });
  427. }
  428. //添加回调
  429. onClickKeyHide();
  430. }
  431. });
  432. //点击播放事件,视频播放
  433. $(".videoImg").on("click", function () {
  434. var curHtml = $(this).parent().find(".videoUrl").html();
  435. var curAlt = $(this).attr("alt");//播放视频地址
  436. playVisiableAudioCallBack(2, $(this).attr("alt"));
  437. });
  438. }
  439. //页面加载完,课件 绑定事件
  440. function bindEventYS() {
  441. var bodyWidth = $(document.body).width();
  442. //不存在underline 属性下有内容,所以全部隐藏,若有就是源头数据有问题
  443. $('.underline').css("display", "none");
  444. $.each($(".yaoshi"), function (index, item) {
  445. $(item).attr('answer-id', index);
  446. });
  447. //给音频绑定一个ID
  448. $.each($(".audioImg"), function (index, item) {
  449. $(item).attr("audiourl", "");
  450. $(item).attr('audio-id', index);
  451. });
  452. //给视频图标处理
  453. $.each($(".videoImg"), function (index, item) {
  454. $(item).attr("audiourl", "");
  455. });
  456. //给口语图标处理
  457. $.each($(".oralLanguageImg"), function (index, item) {
  458. $(item).attr("audiourl", "");
  459. });
  460. //去除多余的U空标签
  461. $.each($("u"), function (index, item) {
  462. var text = $(item).text();
  463. text = text.replace(/\s+/g, "");
  464. if (text == "") {
  465. $(item).remove();
  466. }
  467. });
  468. //处理暂无参考答案
  469. $.each($(".yaoshi"), function (index, item) {
  470. var parent = $(item).parent();
  471. var prev = $(item).nextAll(".underlineContent");
  472. if (prev.length == 0) {
  473. var uHtml = document.createElement("u");
  474. uHtml.className = "underlineContent no-answer";
  475. uHtml.innerText = "暂无参考答案";
  476. //处理改错题及勾选题
  477. if ($(parent)[0].tagName == 'P') {
  478. if ($(parent).hasClass('correntQue') || $(parent).hasClass('boxQue')) {
  479. uHtml.innerHTML = "&nbsp;&nbsp;&nbsp;";
  480. //改错题,要随机下划线长度
  481. if ($(parent).hasClass('correntQue')) {
  482. uHtml.style = "width:" + randomNum(220, 300) + "px;";
  483. }
  484. uHtml.setAttribute("answer-anstext", "");
  485. }
  486. }
  487. $(item).after(uHtml);
  488. }
  489. });
  490. //处理表格宽度
  491. AdjustTableFunc();
  492. //一题多空的答题点标注
  493. var checkId = 0;
  494. var headid = -1;
  495. var groupId = -1;
  496. $(".multipleStart").each(function (i, item) {
  497. var $startNode = $(item);
  498. $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
  499. checkId = $(item).find('.yaoshi').attr("answer-id");
  500. var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
  501. if (index == 0 || groupId != gid) {
  502. groupId = gid;
  503. headid = checkId;
  504. }
  505. $(item).find('.yaoshi').attr('parent-anid', headid);
  506. });
  507. });
  508. //显示/隐藏习题答案
  509. $(".yaoshi").on("click", function () {
  510. var parentAnid = $(this).attr("parent-anid");
  511. if ($(this).attr("data-status") == "0") {
  512. // 显示处理
  513. if (parentAnid != undefined) {
  514. $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, fItem) {
  515. $(fItem).attr("data-status", "1");
  516. $(fItem).attr("src", PicInfo.yaoshiShowImgUrl);
  517. $.each($(fItem).parent().find(".underlineContent"), function (index, item) {
  518. dealAnswerFunc(item, true);
  519. if (!$(item).hasClass("no-answer")) {
  520. $(item).css("color", "#92D050");
  521. }
  522. else {
  523. $(item).css("color", "#989898");
  524. }
  525. $(item).find(".wordStyle").css("color", "#db5d00");
  526. $(item).find(".phraseStyle").css("background-color", "#f2db8b");
  527. });
  528. });
  529. }
  530. else {
  531. $(this).attr("data-status", "1");
  532. $(this).attr("src", PicInfo.yaoshiShowImgUrl);
  533. //$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#92D050");
  534. $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
  535. dealAnswerFunc(item, true);
  536. if (!$(item).hasClass("no-answer")) {
  537. $(item).css("color", "#92D050");
  538. }
  539. else {
  540. $(item).css("color", "#989898");
  541. }
  542. $(item).find(".wordStyle").css("color", "#db5d00");
  543. $(item).find(".phraseStyle").css("background-color", "#f2db8b");
  544. });
  545. }
  546. //不再存在已隐藏的钥匙,移动端回调
  547. if ($(".yaoshi[data-status='0']").length == 0) {
  548. //添加回调
  549. onClickKeyShow();
  550. }
  551. }
  552. else {
  553. // 隐藏处理
  554. if (parentAnid != undefined) {
  555. $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, fItem) {
  556. $(fItem).attr("data-status", "0");
  557. $(fItem).attr("src", PicInfo.yaoshiHideImgUrl);
  558. $.each($(fItem).parent().find(".underlineContent"), function (index, item) {
  559. dealAnswerFunc(item, false);
  560. $(item).css("color", "#ffffff");
  561. $(item).find(".wordStyle").css("color", "#ffffff");
  562. $(item).find(".phraseStyle").css("background-color", "#ffffff");
  563. });
  564. });
  565. }
  566. else {
  567. $(this).attr("data-status", "0");
  568. $(this).attr("src", PicInfo.yaoshiHideImgUrl);
  569. //$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#ffffff");
  570. $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
  571. dealAnswerFunc(item, false);
  572. $(item).css("color", "#ffffff");
  573. $(item).find(".wordStyle").css("color", "#ffffff");
  574. $(item).find(".phraseStyle").css("background-color", "#ffffff");
  575. });
  576. }
  577. //添加回调
  578. onClickKeyHide();
  579. }
  580. });
  581. //点击喇叭事件,音频播放
  582. $(".audioImg").on("click", function () {
  583. audioPlayClick(this);
  584. });
  585. //点击播放事件,视频播放
  586. $(".videoImg").on("click", function () {
  587. $(this).attr("audiourl", "");
  588. var curHtml = $(this).parent().find(".videoUrl").html();
  589. var curAlt = $(this).attr("alt");//播放视频地址
  590. playVisiableAudioCallBack(2, $(this).attr("alt"));
  591. });
  592. }
  593. // 移动端使用,true:表示点击表格且正在移动,需阻止模块切换
  594. function getPressFlag() {
  595. return pressTableFlag;
  596. }
  597. // 滚动条渲染
  598. // 设置离焦事件
  599. function resetPressFlag() {
  600. pressTableFlag = false;
  601. }
  602. // 判断是否存在中文(true表示存在)
  603. var hasChineseWorld = function (dataStr) {
  604. if (escape(dataStr).indexOf("%u") < 0) {
  605. return false;
  606. }
  607. else {
  608. return true;
  609. }
  610. };
  611. //学生端 处理作答区域
  612. var answerData = new Array();
  613. function handleAnswerRange() {
  614. // 隐藏答案划线
  615. $(".underlineContentShow").attr("data-status", "0");
  616. //规范文本格式
  617. var answerId = "";
  618. var tempJson = new Array();
  619. //先处理一题多空的情况,获取两个之间的答题点
  620. $(".multipleStart").each(function (i, item) {
  621. $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
  622. var checkId = $(item).find('.yaoshi').attr("answer-id");
  623. var headid = $(item).find('.yaoshi').attr("parent-anid");
  624. var ischecked = $(item).find(".underlineContent").text().indexOf("√") > -1;
  625. var answerText = ischecked ? "√" : "";
  626. //勾选题
  627. if ($(item).hasClass('boxQue')) {
  628. $(item).find('.yaoshi').after("<div class='checkbox' answer-id='" + checkId + "' parent-anid='" + headid + "' answer-isky='2' answer-anstext=" + answerText + "><input id=" + checkId + " type='checkbox'><label for=" + checkId + "></label></div>");
  629. //$(item).find('input').prop('checked', ischecked);
  630. $(item).find('.underlineContent').hide();
  631. }
  632. //点击事件
  633. $(item).find('input').bind("click", function () {
  634. var curObj = new Object();
  635. curObj.Id = $(this).parent().attr("answer-id");//答题点ID
  636. curObj.pId = $(this).parent().attr("parent-anid");//答题点ID
  637. curObj.IsKY = $(this).parent().attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题,2-打勾题
  638. //curObj.Text = $(this).parent().attr("answer-text");//用户作答内容
  639. curObj.Score = $(this).parent().attr("answer-score");//作答评分
  640. curObj.AnsText = $(this).parent().attr("answer-anstext");//参考答案
  641. curObj.Comment = $(this).parent().attr("answer-comment");//评语
  642. curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
  643. curObj.Text = $(this).prop("checked") ? "√" : "";//用户作答内容
  644. $(this).parent().attr("answer-text", curObj.Text);//用户作答内容
  645. $(".checkbox").removeClass("select-answer");
  646. $(".answer-body").removeClass("select-answer");
  647. $(this).parent().addClass("select-answer");
  648. //已作答,弹出作答答案
  649. if ($(this).parent().data("ans-status") == "1") {
  650. //移动端添加外部处理
  651. onClickAnswerPoint(JSON.stringify(curObj));
  652. }
  653. else {
  654. //移动端添加外部处理,弹出作答操作
  655. onClickAnswerPoint(JSON.stringify(curObj));
  656. }
  657. });
  658. //删除钥匙节点
  659. $(item).find('.yaoshi').hide();
  660. });
  661. });
  662. //所有underline不做处理
  663. $.each($(".yaoshi").nextUntil(".yaoshi").filter(".underline"), function (index, item) {
  664. tempId = $(item).prevAll(".yaoshi").attr("answer-id");
  665. //记录上一次的ID
  666. if (tempId == undefined) {
  667. tempId = answerId;
  668. }
  669. else {
  670. answerId = tempId;
  671. }
  672. var prev = $(item).prev();
  673. if ((prev.length == 0 || $(prev).attr("class") != "tag-span") && $(prev).attr("class") != "underlineContent") {
  674. if ($("span[answer-id='" + tempId + "']").length == 0) {
  675. $(item).prop("outerHTML", "<span answer-id='" + tempId + "' class='tag-span' answer-isky='0'>_</span>");
  676. }
  677. }
  678. $(item).remove();
  679. });
  680. //提取参考答案并规范文本格式
  681. answerId = "";
  682. $.each($(".yaoshi").nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
  683. var info = new Object();
  684. info.Id = $(item).prevAll(".yaoshi").attr("answer-id");
  685. info.pId = $(item).prevAll(".yaoshi").attr("parent-anid");
  686. //记录上一次的ID
  687. if (info.Id == undefined) {
  688. info.Id = answerId;
  689. }
  690. else {
  691. answerId = info.Id;
  692. }
  693. if (info.pId == undefined) {
  694. info.pId = answerId;
  695. }
  696. info.AnsText = $(item).attr("answer-anstext");
  697. if (info.AnsText == undefined) {
  698. info.AnsText = $(item).text();
  699. }
  700. tempJson.push(info);
  701. var prev = $(item).prev();
  702. if (!$(prev).hasClass("checkbox")) {
  703. if (prev.length == 0 || $(prev).attr("class") != "tag-span") {
  704. //替换答案
  705. $(item).prop("outerHTML", "<span answer-id='" + info.Id + "' class='tag-span' answer-isky='0'>_</span>");
  706. }
  707. else {
  708. $(item).remove();
  709. }
  710. }
  711. });
  712. $.each($(".yaoshi"), function (index, item) {
  713. var Id = $(item).attr("answer-id");
  714. var prev = $(item).next();
  715. if (!$(prev).hasClass("checkbox")) {
  716. if (prev.length == 0 || $(prev).attr("class") != "tag-span") {
  717. if ($("span[answer-id='" + Id + "']").length == 0) {
  718. var uHtml = document.createElement("span");
  719. uHtml.className = "tag-span";
  720. uHtml.innerText = "_";
  721. uHtml.setAttribute("answer-id", Id);
  722. $(item).after(uHtml);
  723. }
  724. }
  725. }
  726. });
  727. //处理口语试题
  728. $.each($(".oralLanguage").nextUntil(".oralLanguageDone"), function (num, part) {
  729. if (part.tagName != "p") {
  730. $.each($(part).find(".tag-span"), function (index, item) {
  731. $(item).attr("answer-isky", "1");
  732. });
  733. }
  734. else {
  735. if ($(part).hasClass("underlinePart")) {
  736. $.each($(part).find(".tag-span"), function (index, item) {
  737. $(item).attr("answer-isky", "1");
  738. });
  739. }
  740. }
  741. });
  742. //合并参考答案数据
  743. var tempid = "";
  744. var temppid = "";
  745. var temptext = "";
  746. for (var i = 0; i < tempJson.length; i++) {
  747. if (tempid == tempJson[i].Id) {
  748. temptext = temptext + tempJson[i].AnsText;
  749. }
  750. else {
  751. if (tempid != "") {
  752. var info = new Object();
  753. info.Id = tempid;
  754. info.pId = temppid;
  755. info.AnsText = temptext;
  756. answerData.push(info);
  757. //重置
  758. tempid = "";
  759. temptext = "";
  760. }
  761. tempid = tempJson[i].Id;
  762. temppid = tempJson[i].pId;
  763. temptext = tempJson[i].AnsText;
  764. //最后一个存入
  765. if (i == tempJson.length - 1) {
  766. var info = new Object();
  767. info.Id = tempid;
  768. info.pId = temppid;
  769. info.AnsText = temptext;
  770. answerData.push(info);
  771. }
  772. }
  773. }
  774. //补全答题点
  775. var Num = 0;
  776. if (answerData.length > 0) {
  777. //Num = Number.parseInt(answerData[answerData.length - 1].Id);
  778. Num = Number.parseInt($(".yaoshi:last").attr('answer-id'));
  779. for (var i = 0; i < Num + 1; i++) {
  780. if (i < answerData.length) {
  781. var index = Number(answerData[i].Id) - i;
  782. for (var j = 0; j < index; j++) {
  783. var info = new Object();
  784. info.Id = (i + j).toString();
  785. info.pId = info.Id;
  786. info.AnsText = "";
  787. answerData.splice(i, 0, info);
  788. }
  789. }
  790. else {
  791. var info = new Object();
  792. info.Id = (i).toString();
  793. info.pId = info.Id;
  794. info.AnsText = "";
  795. answerData.splice(i, 0, info);
  796. }
  797. }
  798. }
  799. //添加答题点的点击UI及交互
  800. $.each($(".tag-span"), function (index, item) {
  801. var answerText = "";
  802. var parentId = "";
  803. var isky = $(item).attr('answer-isky');
  804. var answerid = $(item).attr('answer-id');
  805. for (var i = 0; i < answerData.length; i++) {
  806. if (answerid == answerData[i].Id) {
  807. parentId = answerData[i].pId;
  808. answerText = answerData[i].AnsText;
  809. break;
  810. }
  811. }
  812. $(item).prop("outerHTML", "<div class='answer-body' answer-id='" + answerid + "' parent-anid='" + parentId + "' answer-anstext='" + answerText + "' answer-isky='" + isky + "' answer-showanswer='0'><div class='answer-audio-range'><img src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range'><img src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div><buttom class='answer-text'></buttom></div>");
  813. //删除钥匙节点
  814. var prev = $("img[answer-id='" + answerid + "']");
  815. if (prev.length > 0) {
  816. $(prev).remove();
  817. }
  818. });
  819. //添加点击事件
  820. $(".answer-body").on("click", function () {
  821. var curObj = new Object();
  822. curObj.Id = $(this).attr("answer-id");//答题点ID
  823. curObj.pId = $(this).attr("parent-anid");//答题点ID
  824. curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  825. curObj.Text = $(this).attr("answer-text");//用户作答内容
  826. curObj.Score = $(this).attr("answer-score");//作答评分
  827. curObj.AnsText = $(this).attr("answer-anstext");//参考答案
  828. curObj.Comment = $(this).attr("answer-comment");//评语
  829. curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
  830. $(".checkbox").removeClass("select-answer");
  831. $(".answer-body").removeClass("select-answer");
  832. $(this).addClass("select-answer");
  833. //已作答,弹出作答答案
  834. if ($(this).data("ans-status") == "1") {
  835. //移动端添加外部处理
  836. onClickAnswerPoint(JSON.stringify(curObj));
  837. }
  838. else {
  839. //移动端添加外部处理,弹出作答操作
  840. onClickAnswerPoint(JSON.stringify(curObj));
  841. }
  842. });
  843. //去除多余的空格横线
  844. $.each($(".underline"), function (index, item) {
  845. var text = $(item).text();
  846. text = text.replace(/\s+/g, "");
  847. if (text == "") {
  848. $(item).remove();
  849. }
  850. });
  851. //删除所有钥匙节点
  852. $("img[class=yaoshi]").remove();
  853. //console.log(JSON.stringify(answerData));
  854. return answerData;
  855. }
  856. //接收学生的作答
  857. function reviewAnswer(answerJson) {
  858. if (answerJson != "" && answerJson) {
  859. var answerObj = JSON.parse(answerJson);
  860. var selectElement = $(".answer-body[answer-id='" + answerObj.Id + "']");
  861. var audioElement = $(selectElement).children(".answer-audio-range").children("img").eq(0);
  862. answerObj.IsKY = $(selectElement).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  863. //是否为音频作答
  864. if ((answerObj.Type == 3 || answerObj.Type == 4) && answerObj.AudioUrl != "") {
  865. $(selectElement).children(".answer-point-range").hide();
  866. $(selectElement).children(".answer-audio-range").css("display", "inline-block");
  867. $(selectElement).children(".answer-audio-range").children("span").text("作答音频(" + answerObj.AudioLength + "s)");
  868. //填充作答内容
  869. $(selectElement).attr("answer-text", answerObj.Text);
  870. if (answerObj.Text != "") {
  871. answerObj.Text = "(" + answerObj.Text + ")";
  872. $(selectElement).children(".answer-text").show();
  873. $(selectElement).children(".answer-text").text(answerObj.Text);
  874. }
  875. //是否之前存在作答音频
  876. $(selectElement).attr("answer-url", answerObj.AudioUrl);
  877. $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
  878. $(selectElement).children(".answer-audio-range").attr("play-status", "0");
  879. //独立绑定事件
  880. $(audioElement).on("click", function () {
  881. recordAudioClick(this, answerObj.Id, answerObj.AudioUrl);
  882. });
  883. $(selectElement).children(".answer-audio-range").children("span").on("click", function () {
  884. $(".answer-body").removeClass("select-answer");
  885. $(selectElement).addClass("select-answer");
  886. onClickAnswerPoint(JSON.stringify(answerObj));
  887. });
  888. }
  889. else {
  890. $(selectElement).attr("answer-text", answerObj.Text);//填充作答内容
  891. $(selectElement).children(".answer-audio-range").hide();
  892. if (answerObj.Text != "") {
  893. $(selectElement).children(".answer-text").show();
  894. $(selectElement).children(".answer-point-range").hide();
  895. $(selectElement).children(".answer-text").text(answerObj.Text);
  896. }
  897. else {
  898. $(selectElement).children(".answer-text").hide();
  899. $(selectElement).children(".answer-point-range").show();
  900. }
  901. }
  902. }
  903. }
  904. //提交,获取所有作答答案及参考答案
  905. function getAllAnswer() {
  906. //处理作答
  907. $.each($(".answer-body"), function (index, item) {
  908. var answerid = $(item).attr("answer-id");
  909. var parentid = $(item).attr("parent-anid");
  910. var mytext = $(item).children(".answer-text").text();
  911. var curDisplay = $(item).children(".answer-audio-range").css("display");
  912. if (mytext == "" && curDisplay == "none") {
  913. mytext = "未作答";
  914. if (parentid != answerid) {
  915. mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
  916. $(item).children(".answer-text").html(mytext);
  917. $(item).children(".answer-text").addClass("noanswer-border");
  918. }
  919. else {
  920. $(item).children(".answer-text").text(mytext);
  921. $(item).children(".answer-text").addClass("no-answer");
  922. }
  923. $(item).children(".answer-point-range").hide();
  924. $(item).children(".answer-text").show();
  925. }
  926. });
  927. $(".answer-body").removeClass("select-answer");//移除样式
  928. $(".answer-body").unbind("click");//取消点击绑定事件
  929. $(".answer-body").children(".answer-audio-range").children("span").unbind("click");//取消点击绑定事件
  930. //打勾题的还原
  931. $.each($(".checkbox"), function (num, item) {
  932. var answerid = $(item).attr("answer-id");
  933. var parentid = $(item).attr("parent-anid");
  934. //提交直接还原作答现场
  935. var mytext = $(item).attr("answer-text");//我的答案
  936. var ischecked = mytext.indexOf("√") > -1;
  937. var answerText = $(item).attr("answer-anstext");//参考答案
  938. mytext = mytext == "" ? "__" : mytext;
  939. $(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>");
  940. });
  941. //console.log(JSON.stringify(answerData));
  942. return answerData;
  943. }
  944. //回填所有答案,answerJson:所有作答及参考答案List,statusType:0-可作答,1-已提交,2-查看评阅
  945. function backupAllAnswer(answerJson, statusType) {
  946. if (answerJson != "" && answerJson) {
  947. var answerList = JSON.parse(answerJson);
  948. $.each($(".answer-body"), function (num, item) {
  949. //查找
  950. var index = 0;
  951. var answerid = $(item).attr("answer-id");
  952. var parentid = $(item).attr("parent-anid");
  953. for (var i = 0; i < answerList.length; i++) {
  954. if (answerid == answerList[i].Id) {
  955. index = i;
  956. break;
  957. }
  958. }
  959. //提交直接还原作答现场
  960. var mytext = answerList[index].Text;//我的答案
  961. answerList[index].IsKY = $(item).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  962. //添加音频控制
  963. var hasAudio = false;
  964. var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
  965. if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
  966. hasAudio = true;
  967. $(item).children(".answer-point-range").hide();
  968. $(item).children(".answer-audio-range").css("display", "inline-block");
  969. $(item).children(".answer-audio-range").children("span").text("作答音频(" + answerList[index].AudioLength + "s)");
  970. //填充作答内容
  971. $(item).attr("answer-text", mytext);
  972. if (mytext != "") {
  973. mytext = "(" + mytext + ")";
  974. $(item).children(".answer-text").show();
  975. $(item).children(".answer-text").text(mytext);
  976. }
  977. //音频节点
  978. $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
  979. $(item).attr("answer-url", answerList[index].AudioUrl);
  980. $(item).children(".answer-audio-range").attr("play-status", "0");
  981. //独立绑定事件
  982. $(audioElement).on("click", function () {
  983. recordAudioClick(this, answerList[index].Id, answerList[index].AudioUrl);
  984. });
  985. }
  986. //可作答状态,作答还原
  987. if (statusType == 0) {
  988. //已作答过,还原作答,增加作答后的UI节点
  989. if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
  990. $(item).children(".answer-audio-range").children("span").on("click", function () {
  991. $(".answer-body").removeClass("select-answer");
  992. $(item).addClass("select-answer");
  993. onClickAnswerPoint(JSON.stringify(answerList[index]));
  994. });
  995. }
  996. else {
  997. $(item).attr("answer-text", mytext);//填充作答内容
  998. if (mytext != "") {
  999. $(item).children(".answer-text").show();
  1000. $(item).children(".answer-point-range").hide();
  1001. $(item).children(".answer-text").text(mytext);
  1002. }
  1003. }
  1004. }
  1005. //已提交,作答还原
  1006. if (statusType == 1) {
  1007. //取消点击绑定事件
  1008. $(item).unbind('click');
  1009. //填充作答内容
  1010. $(item).attr("answer-text", mytext);
  1011. if (mytext == "" && !hasAudio) {
  1012. mytext = "未作答";
  1013. if (parentid != answerid) {
  1014. mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
  1015. $(item).children(".answer-text").html(mytext);
  1016. $(item).children(".answer-text").addClass("noanswer-border");
  1017. }
  1018. else {
  1019. $(item).children(".answer-text").text(mytext);
  1020. $(item).children(".answer-text").addClass("no-answer");
  1021. }
  1022. $(item).children(".answer-text").show();
  1023. }
  1024. else if (mytext == "" && hasAudio) {
  1025. $(item).children(".answer-text").hide();
  1026. }
  1027. else {
  1028. $(item).children(".answer-text").show();
  1029. $(item).children(".answer-text").text(mytext);
  1030. }
  1031. $(item).children(".answer-point-range").hide();
  1032. }
  1033. //已评阅,查看评阅详情
  1034. if (statusType == 2) {
  1035. //添加音频控制
  1036. if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
  1037. //独立绑定事件
  1038. $(item).children(".answer-audio-range").children("span").on("click", function () {
  1039. $(".answer-body").removeClass("select-answer");
  1040. $(item).addClass("select-answer");
  1041. onClickAnswerPoint(JSON.stringify(answerList[index]));
  1042. });
  1043. }
  1044. else {
  1045. $(item).attr("answer-text", mytext);//填充作答内容
  1046. if (mytext == "" && !hasAudio) {
  1047. mytext = "未作答";
  1048. if (parentid != answerid) {
  1049. mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
  1050. $(item).children(".answer-text").html(mytext);
  1051. $(item).children(".answer-text").addClass("noanswer-border");
  1052. }
  1053. else {
  1054. $(item).children(".answer-text").text(mytext);
  1055. $(item).children(".answer-text").addClass("no-answer");
  1056. }
  1057. $(item).children(".answer-text").show();
  1058. }
  1059. else if (mytext == "" && hasAudio) {
  1060. $(item).children(".answer-text").hide();
  1061. }
  1062. else {
  1063. $(item).children(".answer-text").show();
  1064. $(item).children(".answer-text").text(mytext);
  1065. }
  1066. $(item).children(".answer-point-range").hide();
  1067. }
  1068. //评阅样式
  1069. if (answerList[index].Score == 0 && answerList[index].Text != "") {
  1070. $(item).children(".answer-text").addClass("bad-answer");
  1071. }
  1072. if (answerList[index].Score > 0) {
  1073. $(item).children(".answer-text").addClass("good-answer");
  1074. }
  1075. }
  1076. // 添加answer-boy的样式判断
  1077. var DStatusFlag = $(item).find(".answer-point-range").css("display") != "none";
  1078. if (DStatusFlag) {
  1079. $(item).attr("answer-showanswer", "0"); // 修改显示格式
  1080. }
  1081. else {
  1082. $(item).attr("answer-showanswer", "1"); // 修改显示格式
  1083. }
  1084. });
  1085. //打勾题的还原
  1086. $.each($(".checkbox"), function (num, item) {
  1087. //可作答状态,作答还原
  1088. var index = 0;
  1089. var answerid = $(item).attr("answer-id");
  1090. var parentid = $(item).attr("parent-anid");
  1091. for (var i = 0; i < answerList.length; i++) {
  1092. if (answerid == answerList[i].Id) {
  1093. index = i;
  1094. break;
  1095. }
  1096. }
  1097. //提交直接还原作答现场
  1098. var mytext = answerList[index].Text;//我的答案
  1099. var ischecked = mytext.indexOf("√") > -1;
  1100. var answerText = $(item).attr("answer-anstext");//参考答案
  1101. $(item).attr("answer-text", mytext);
  1102. $(item).find('input').prop('checked', ischecked);
  1103. //已提交,已评阅,还原HTML代码,去除checkbox
  1104. if (statusType == 1 || statusType == 2) {
  1105. mytext = mytext == "" ? "__" : mytext;
  1106. $(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>");
  1107. }
  1108. });
  1109. //点击事件重新绑定
  1110. if (statusType == 0 || statusType == 2) {
  1111. $(".answer-body").unbind("click").on("click", function () {
  1112. var curObj = new Object();
  1113. curObj.Id = $(this).attr("answer-id");//答题点ID
  1114. curObj.pId = $(this).attr("parent-anid");//答题点ID
  1115. curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  1116. curObj.Text = $(this).attr("answer-text");//用户作答内容
  1117. curObj.Score = $(this).attr("answer-score");//作答评分
  1118. curObj.AnsText = $(this).attr("answer-anstext");//参考答案
  1119. curObj.Comment = $(this).attr("answer-comment");//评语
  1120. curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
  1121. $(".checkbox").removeClass("select-answer");
  1122. $(".answer-body").removeClass("select-answer");
  1123. if (statusType == 2) {
  1124. $(".answer-body[parent-anid=" + curObj.pId + "]").addClass("select-answer");
  1125. }
  1126. else {
  1127. $(this).addClass("select-answer");
  1128. }
  1129. //已作答,弹出作答答案
  1130. if ($(this).data("ans-status") == "1") {
  1131. //移动端添加外部处理
  1132. onClickAnswerPoint(JSON.stringify(curObj));
  1133. }
  1134. else {
  1135. //移动端添加外部处理,弹出作答操作
  1136. onClickAnswerPoint(JSON.stringify(curObj));
  1137. }
  1138. });
  1139. }
  1140. }
  1141. }
  1142. //老师评阅学生作答
  1143. function reviewStuAnswer(answerJson) {
  1144. if (answerJson != "" && answerJson) {
  1145. var answerObj = JSON.parse(answerJson);
  1146. var selectElement = $(".answer-body[answer-id='" + answerObj.Id + "']");
  1147. //$(selectElement).attr("answer-text", answerObj.Text);//用户作答内容
  1148. $(selectElement).attr("answer-score", answerObj.Score);//作答评分
  1149. $(selectElement).attr("answer-anstext ", answerObj.AnsText);//参考答案
  1150. $(selectElement).attr("answer-comment", answerObj.Comment);//评语
  1151. //评阅样式
  1152. if (answerObj.Score == 0) {
  1153. $(selectElement).children(".answer-text").removeClass("good-answer");
  1154. $(selectElement).children(".answer-text").addClass("bad-answer");
  1155. }
  1156. if (answerObj.Score > 0) {
  1157. $(selectElement).children(".answer-text").removeClass("bad-answer");
  1158. $(selectElement).children(".answer-text").addClass("good-answer");
  1159. }
  1160. }
  1161. }
  1162. //回填所有评阅信息,answerJson:所有作答及参考答案评阅信息List
  1163. function backupAllReview(answerJson) {
  1164. if (answerJson != "" && answerJson) {
  1165. var answerList = JSON.parse(answerJson);
  1166. $.each($(".answer-body"), function (num, item) {
  1167. //查找
  1168. var index = 0;
  1169. var answerid = $(item).attr("answer-id");
  1170. var parentid = $(item).attr("parent-anid");
  1171. for (var i = 0; i < answerList.length; i++) {
  1172. if (answerid == answerList[i].Id) {
  1173. index = i;
  1174. break;
  1175. }
  1176. }
  1177. //$(item).attr("answer-id", answerList[index].Id);//答题点ID
  1178. //$(item).attr("answer-text", answerList[index].Text);//用户作答内容
  1179. $(item).attr("answer-score", answerList[index].Score);//作答评分
  1180. $(item).attr("answer-anstext", answerList[index].AnsText);//参考答案
  1181. $(item).attr("answer-comment", answerList[index].Comment);//评语
  1182. //提交直接还原作答现场
  1183. var mytext = answerList[index].Text;//我的答案
  1184. var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
  1185. if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
  1186. $(item).children(".answer-point-range").hide();
  1187. $(item).children(".answer-audio-range").css("display", "inline-block");
  1188. $(item).children(".answer-audio-range").children("span").text("作答音频(" + answerList[index].AudioLength + "s)");
  1189. //填充作答内容
  1190. $(item).attr("answer-text", mytext);
  1191. if (mytext != "") {
  1192. mytext = "(" + mytext + ")";
  1193. $(item).children(".answer-text").show();
  1194. $(item).children(".answer-text").text(mytext);
  1195. }
  1196. //是否之前存在作答音频
  1197. $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
  1198. $(item).attr("answer-url", answerList[index].AudioUrl);
  1199. $(item).children(".answer-audio-range").attr("play-status", "0");
  1200. //独立绑定事件
  1201. $(audioElement).on("click", function () {
  1202. recordAudioClick(this, answerList[index].Id, answerList[index].AudioUrl);
  1203. });
  1204. $(item).children(".answer-audio-range").children("span").on("click", function () {
  1205. $(".answer-body").removeClass("select-answer");
  1206. $(item).addClass("select-answer");
  1207. onClickAnswerPoint(JSON.stringify(answerList[index]));
  1208. });
  1209. }
  1210. else {
  1211. $(item).attr("answer-text", mytext);//填充作答内容
  1212. if (mytext == "") {
  1213. mytext = "未作答";
  1214. if (parentid != answerid) {
  1215. mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
  1216. $(item).children(".answer-text").html(mytext);
  1217. $(item).children(".answer-text").addClass("noanswer-border");
  1218. }
  1219. else {
  1220. $(item).children(".answer-text").text(mytext);
  1221. $(item).children(".answer-text").addClass("no-answer");
  1222. }
  1223. }
  1224. else {
  1225. $(item).children(".answer-text").text(mytext);
  1226. }
  1227. $(item).children(".answer-text").show();
  1228. $(item).children(".answer-point-range").hide();
  1229. }
  1230. //评阅样式
  1231. if (answerList[index].Score == 0) {
  1232. $(item).children(".answer-text").addClass("bad-answer");
  1233. }
  1234. if (answerList[index].Score > 0) {
  1235. $(item).children(".answer-text").addClass("good-answer");
  1236. }
  1237. });
  1238. //打勾题的还原
  1239. $.each($(".checkbox"), function (num, item) {
  1240. //查找
  1241. var index = 0;
  1242. var answerid = $(item).attr("answer-id");
  1243. var parentid = $(item).attr("parent-anid");
  1244. for (var i = 0; i < answerList.length; i++) {
  1245. if (answerid == answerList[i].Id) {
  1246. index = i;
  1247. break;
  1248. }
  1249. }
  1250. //提交直接还原作答现场
  1251. var mytext = answerList[index].Text;//我的答案
  1252. var ischecked = mytext.indexOf("√") > -1;
  1253. var answerText = $(item).attr("answer-anstext");//参考答案
  1254. mytext = mytext == "" ? "__" : mytext;
  1255. $(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>");
  1256. });
  1257. //点击事件重新绑定
  1258. $(".answer-body").unbind("click").on("click", function () {
  1259. var curObj = new Object();
  1260. curObj.Id = $(this).attr("answer-id");//答题点ID
  1261. curObj.pId = $(this).attr("parent-anid");//答题点ID
  1262. curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  1263. curObj.Text = $(this).attr("answer-text");//用户作答内容
  1264. curObj.Score = $(this).attr("answer-score");//作答评分
  1265. curObj.AnsText = $(this).attr("answer-anstext");//参考答案
  1266. curObj.Comment = $(this).attr("answer-comment");//评语
  1267. curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
  1268. $(".checkbox").removeClass("select-answer");
  1269. $(".answer-body").removeClass("select-answer");
  1270. //$(this).addClass("select-answer");
  1271. $(".answer-body[parent-anid=" + curObj.pId + "]").addClass("select-answer");
  1272. //已作答,弹出作答答案
  1273. if ($(this).data("ans-status") == "1") {
  1274. //移动端添加外部处理
  1275. onClickAnswerPoint(JSON.stringify(curObj));
  1276. }
  1277. else {
  1278. //移动端添加外部处理,弹出作答操作
  1279. onClickAnswerPoint(JSON.stringify(curObj));
  1280. }
  1281. });
  1282. }
  1283. }
  1284. //处理播放录音,answerid:答题点ID,isPlay:是否播放(0-暂停,1-播放)
  1285. function playRecordAudio(answerid, isPlay) {
  1286. //获取其他正在播放的音频
  1287. var playing = $(".answer-body[answer-id='" + answerid + "']").children(".answer-audio-range");
  1288. if (playing.length > 0) {
  1289. if (isPlay == "1") {
  1290. $(playing).attr("play-status", "1");
  1291. $(playing).find("img").attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
  1292. }
  1293. else {
  1294. $(playing).attr("play-status", "0");
  1295. $(playing).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  1296. }
  1297. }
  1298. }
  1299. //滚动到相应DIV
  1300. function scrollAnswer(answerid) {
  1301. //console.log(answerid);
  1302. $(".checkbox").removeClass("select-answer");
  1303. $(".answer-body").removeClass("select-answer");
  1304. var ansDom = $(".answer-body[parent-anid='" + answerid + "']");
  1305. if (ansDom.length == 0) {
  1306. ansDom = $(".checkbox[parent-anid='" + answerid + "']");
  1307. }
  1308. $(ansDom).addClass("select-answer");
  1309. var scroll_offset = $(ansDom).offset(); //得到box这个div层的offset,包含两个值,top和left
  1310. var offset_top = scroll_offset.top;
  1311. if (offset_top > 150) {
  1312. offset_top = offset_top - 200;
  1313. }
  1314. $("body,html").animate({
  1315. scrollTop: offset_top //让body的scrollTop等于pos的top,就实现了滚动
  1316. });
  1317. }
  1318. //暂停播放原文音频
  1319. function pauseTextAudio(audioid) {
  1320. //获取其他正在播放的音频
  1321. var playing = $(".audioImg[audio-id='" + audioid + "']");
  1322. if (playing.length > 0) {
  1323. $(playing).attr("play-status", "0");
  1324. $(playing).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
  1325. }
  1326. }
  1327. //原文音频播放按钮点击事件
  1328. function audioPlayClick(myobj) {
  1329. var curHtml = $(myobj).parent().find(".audioUrl").html();
  1330. var curAlt = $(myobj).attr("alt");
  1331. //处理当前按钮的状
  1332. if ($(myobj).attr("play-status") == "1") {
  1333. $(myobj).attr("play-status", "0");
  1334. $(myobj).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
  1335. }
  1336. else {
  1337. //停止其他作答音频播放
  1338. var isRecordPlaying = $(".answer-audio-range[play-status='1']");
  1339. if (isRecordPlaying.length > 0) {
  1340. $(isRecordPlaying).attr("play-status", "0");
  1341. $(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  1342. }
  1343. //停止其他原文音频播放
  1344. var audioPlaying = $(".audioImg[play-status='1']");
  1345. if (audioPlaying.length > 0) {
  1346. $(audioPlaying).attr("play-status", "0");
  1347. $(audioPlaying).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
  1348. }
  1349. //设置播放状态
  1350. $(myobj).attr("play-status", "1");
  1351. $(myobj).attr("src", PicInfo.audioPlayImgUrl);//移动端要根据本地 喇叭 路径替换
  1352. }
  1353. var info = new Object();
  1354. info.Id = $(myobj).attr("audio-id");
  1355. info.AudioUrl = curAlt;
  1356. //移动端添加外部处理
  1357. playVisiableAudioCallBack(1, JSON.stringify(info));
  1358. }
  1359. //作答录音播放按钮点击事件
  1360. function recordAudioClick(myobj, id, url) {
  1361. //处理当前按钮的状态
  1362. if ($(myobj).parent().attr("play-status") == "0") {
  1363. //停止其他作答音频播放
  1364. var isRecordPlaying = $(".answer-audio-range[play-status='1']");
  1365. if (isRecordPlaying.length > 0) {
  1366. $(isRecordPlaying).attr("play-status", "0");
  1367. $(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  1368. }
  1369. //停止其他原文音频播放
  1370. var audioPlaying = $(".audioImg[play-status='1']");
  1371. if (audioPlaying.length > 0) {
  1372. $(audioPlaying).attr("play-status", "0");
  1373. $(audioPlaying).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地 喇叭 路径替换
  1374. }
  1375. //设置播放状态
  1376. $(myobj).parent().attr("play-status", "1");
  1377. $(myobj).attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
  1378. }
  1379. else {
  1380. $(myobj).parent().attr("play-status", "0");
  1381. $(myobj).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  1382. }
  1383. //移动端添加外部处理,播放录音
  1384. var info = new Object();
  1385. info.Id = id;
  1386. info.AudioUrl = url;
  1387. //移动端添加外部处理,播放录音
  1388. playVisiableAudioCallBack(3, JSON.stringify(info));
  1389. }
  1390. //生成从minNum到maxNum的随机数
  1391. function randomNum(minNum, maxNum) {
  1392. switch (arguments.length) {
  1393. case 1:
  1394. return parseInt(Math.random() * minNum + 1, 10);
  1395. break;
  1396. case 2:
  1397. return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
  1398. break;
  1399. default:
  1400. return 0;
  1401. break;
  1402. }
  1403. }
  1404. function playVisiableAudioCallBack(type, url) {
  1405. //console.log(url);
  1406. cancelBubble();
  1407. plugin.startPlay(type, url);
  1408. }
  1409. function onClickAnswerPoint(data) {
  1410. //alert(JSON.stringify(data));
  1411. console.log(JSON.stringify(data));
  1412. cancelBubble();
  1413. plugin.onClickAnswerPoint(data);
  1414. }
  1415. function onClickKeyHide() {
  1416. //alert(JSON.stringify(data));
  1417. cancelBubble();
  1418. plugin.onClickKeyHide();
  1419. }
  1420. function onClickKeyShow() {
  1421. //alert(JSON.stringify(data));
  1422. cancelBubble();
  1423. plugin.onClickKeyShow();
  1424. }
  1425. function cancelBubble(e) {
  1426. var evt = e ? e : window.event;
  1427. if (evt.stopPropagation) { //W3C
  1428. evt.stopPropagation();
  1429. } else { //IE
  1430. evt.cancelBubble = true;
  1431. }
  1432. }
  1433. function getSelectedText(title) {
  1434. var txt;
  1435. if (window.getSelection) {
  1436. txt = window.getSelection().toString();
  1437. } else if (window.document.getSelection) {
  1438. txt = window.document.getSelection().toString();
  1439. } else if (window.document.selection) {
  1440. txt = window.document.selection.createRange().text;
  1441. }
  1442. JSInterface.callback(txt, title);
  1443. }