tasklib_book.js 58 KB

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