tasklib_book.js 89 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986
  1. //播放音频图片地址
  2. var PicInfo1 = {
  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 PicInfo = {
  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. var styleWPSContrl = {
  24. wordFlag: true,
  25. phraseFlag: true,
  26. sentenceFlag: true
  27. }
  28. // 处理多选
  29. var dealCheckBox = function () {
  30. $.each($(".checkbox").find("input"), function (index, element) {
  31. var inputId = $(element).attr("id");
  32. var answerText = $(element).attr("answer-text");
  33. var dataStatus = (answerText == undefined || answerText == "") ? 0 : 1;
  34. var htmlStr = "<div class='cBoxCls cBoxCls_" + inputId + "' data-status='" + dataStatus + "' onclick='clickCheckBox(" + inputId + ")'></div>";
  35. $(element).attr("hidden", "hidden").after(htmlStr);
  36. });
  37. };
  38. // 多选点击
  39. var ControlFlag = true; // 多选框是否可选
  40. var clickCheckBox = function (inputId) {
  41. if (!ControlFlag) {
  42. return;
  43. }
  44. var BoxJqStr = ".cBoxCls_" + inputId;
  45. if ($(BoxJqStr).attr("data-status") == "1") {
  46. $(BoxJqStr).attr("data-status", "0");
  47. }
  48. else {
  49. $(BoxJqStr).attr("data-status", "1");
  50. }
  51. $("#" + inputId).click();
  52. }
  53. // #region 表格处理Start
  54. var pressTableFlag = false;
  55. var GetPadVal = function (THandel) {
  56. var PaddingVal = $(THandel).css("padding");
  57. var PadValArr = PaddingVal.split(" ");
  58. if (PadValArr.length > 2) {
  59. return parseFloat(PadValArr[1]) + parseFloat(PadValArr[3]);
  60. }
  61. else if (PadValArr.length > 1) {
  62. return parseFloat(PadValArr[1]) * 2;
  63. }
  64. else {
  65. return parseFloat(PadValArr[0]) * 2;
  66. }
  67. };
  68. // 获取最大字符长度的字符串(起决定宽度的字符串/将字符去除HTML标签)(使用)
  69. var removeHtmlFunc = function (htmlStr) {
  70. var ReArr = {
  71. TextStr: "",
  72. WidthVal: 0,
  73. ImgFlag: false,
  74. };
  75. // 清除非长度标签
  76. var pattStr = new RegExp(/<(img){1}.*?>/ig);
  77. var matchesArr = htmlStr.match(pattStr);
  78. if (matchesArr != null && (matchesArr != undefined && matchesArr.length > 0)) {
  79. for (var i = 0; i < matchesArr.length; i++) {
  80. var pattWStr = new RegExp(/width\s?:\s?[0-9]+px;/ig);
  81. var matchesWArr = matchesArr[i].match(pattWStr);
  82. var TempWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", "").replace("px", ""));
  83. ReArr.WidthVal = TempWidthVal > ReArr.WidthVal ? TempWidthVal : ReArr.WidthVal;
  84. if (ReArr.WidthVal != 0) {
  85. ReArr.ImgFlag = true;
  86. }
  87. htmlStr = htmlStr.replace(matchesArr[i], "");
  88. }
  89. }
  90. pattStr = new RegExp(/(<(p){1}.*?>).*?(<\/\2>)/ig);
  91. matchesArr = htmlStr.match(pattStr);
  92. if (matchesArr != undefined && matchesArr.length > 0) {
  93. // 清除匹配的P标签
  94. for (var i = 0; i < matchesArr.length; i++) {
  95. htmlStr = htmlStr.replace(matchesArr[i], "");
  96. }
  97. }
  98. // 判断是否存在p标签
  99. if (matchesArr != null || (matchesArr != undefined && matchesArr.length > 0)) {
  100. if (htmlStr != null && htmlStr != "") {
  101. // p标签混排
  102. htmlStr = "<p>" + htmlStr + "</p>";
  103. matchesArr.push(htmlStr);
  104. htmlStr = null;
  105. }
  106. pattStr = new RegExp(/(<(p|b|span|u){1}.*?>).*?(<\/\2>)/i);
  107. for (var i = 0; i < matchesArr.length; i++) {
  108. var NewhtmlStr = matchesArr[i];
  109. while (pattStr.test(NewhtmlStr)) {
  110. var TmatchesArr = NewhtmlStr.match(pattStr);
  111. if (TmatchesArr.length > 0) {
  112. // 存在P标签
  113. NewhtmlStr = NewhtmlStr.replace(TmatchesArr[1], "").replace(TmatchesArr[3], "");
  114. }
  115. }
  116. if (i == 0 || (htmlStr.length < NewhtmlStr.length)) {
  117. htmlStr = NewhtmlStr;
  118. }
  119. }
  120. }
  121. else {
  122. pattStr = new RegExp(/(<(b|span|u){1}.*?>).*?(<\/\2>)/i);
  123. if (pattStr.test(htmlStr)) {
  124. while (pattStr.test(htmlStr)) {
  125. var matchesArr = htmlStr.match(pattStr);
  126. if (matchesArr.length > 0) {
  127. htmlStr = htmlStr.replace(matchesArr[1], "").replace(matchesArr[3], "");
  128. }
  129. }
  130. }
  131. }
  132. ReArr.TextStr = htmlStr;
  133. return ReArr;
  134. };
  135. // 获取最大字符长度的字符串(起决定宽度的字符串/将字符去除HTML标签)(替换,不用)
  136. var dealTdTextFunc = function (htmlStr) {
  137. var ReStr = "";
  138. var ReNumber = 0;
  139. var pattStr = new RegExp(/<P.*?<\/P>/i);
  140. if (pattStr.test(htmlStr)) {
  141. while (pattStr.test(htmlStr)) {
  142. var matchesArr = htmlStr.match(pattStr);
  143. $("#pContrainId").html(matchesArr[0]);
  144. htmlStr = htmlStr.replace(matchesArr[0], "");
  145. if (ReNumber <= $("#pContrainId").text().length) {
  146. ReNumber = $("#pContrainId").text().length;
  147. ReStr = $("#pContrainId").text();
  148. }
  149. }
  150. }
  151. else {
  152. $("#pContrainId").html(htmlStr);
  153. ReStr = $("#pContrainId").text();
  154. }
  155. return ReStr;
  156. };
  157. // 动态获取表格最小宽度设置
  158. var GetMinTableVal = function (TSWidth) {
  159. return 165 + (TSWidth - 320) * 0.09;
  160. };
  161. var AdjustTableFunc = function () {
  162. // 添加宽度处理
  163. var ScreenWidth = $(document.body).width();
  164. var TempMinWidth = GetMinTableVal(ScreenWidth);
  165. $(document.body).css("width", "999999px");
  166. $(document.body).append('<span id="pContrainId"></span>');
  167. var Index = 0;
  168. $.each($("table"), function (index, item) {
  169. // 处理表格总宽度
  170. var ArrMaxLen = [];
  171. var TableWidth = 0;
  172. var TotalMaxLen = 0;
  173. var RuleFlag = true;
  174. $.each($(item).find("tr"), function (trIndex, trItem) {
  175. $.each($(trItem).find("td"), function (tdIndex, tdItem) {
  176. var RemoveHtmlArr = removeHtmlFunc($(tdItem).html());
  177. $("#pContrainId").text(RemoveHtmlArr.TextStr);
  178. var tdWidthVal = $("#pContrainId").width() + parseFloat(RemoveHtmlArr.WidthVal); // 获取文字宽度
  179. tdWidthVal += GetPadVal(tdItem);
  180. if (!RemoveHtmlArr.ImgFlag && (tdWidthVal > ScreenWidth)) {
  181. tdWidthVal = ScreenWidth;
  182. }
  183. if (tdWidthVal < TempMinWidth) {
  184. tdWidthVal = TempMinWidth;
  185. }
  186. if (ArrMaxLen.length < tdIndex + 1) {
  187. if (trIndex != 0) {
  188. RuleFlag = false;
  189. }
  190. ArrMaxLen.push(0);
  191. }
  192. if (ArrMaxLen[tdIndex] < tdWidthVal) {
  193. TotalMaxLen += tdWidthVal - ArrMaxLen[tdIndex];
  194. ArrMaxLen[tdIndex] = tdWidthVal;
  195. }
  196. });
  197. });
  198. // 判断表格是否只有一行
  199. if ($(item).find("tr").length == 1 && $(item).find("tr").eq(0).find("td").length == 1) {
  200. $(item).find("tr").eq(0).find("td").eq(0).css("width", (ScreenWidth - 4 - GetPadVal(document.body)) + "px");
  201. $(item).css("width", (ScreenWidth - 4 - GetPadVal(document.body)) + "px");
  202. }
  203. else {
  204. if (TotalMaxLen < ScreenWidth) {
  205. var AddPx = (ScreenWidth - TotalMaxLen) / ArrMaxLen.length;
  206. AddPx = AddPx > 2 ? AddPx - 2 : AddPx;
  207. for (var i = 0; i < ArrMaxLen.length; i++) {
  208. ArrMaxLen[i] += AddPx;
  209. }
  210. }
  211. var OneFlag = false;
  212. for (var i = 0; i < ArrMaxLen.length; i++) {
  213. if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length > 1 && RuleFlag) {
  214. $(item).find("tr").eq(0).find("td").eq(i).css("width", ArrMaxLen[i] + "px");
  215. TableWidth += ArrMaxLen[i];
  216. }
  217. else if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length > 1 && !RuleFlag) {
  218. if (i == ArrMaxLen.length - 1) {
  219. var FLenVal = $(item).find("tr").eq(0).find("td").length;
  220. var AllLenArr = [];
  221. for (var j = 0; j < FLenVal; j++) {
  222. AllLenArr.push(parseInt($(item).find("tr").eq(0).find("td").eq(j).attr("colspan")));
  223. }
  224. var AIndex = 0;
  225. for (var j = 0; j < AllLenArr.length; j++) {
  226. var AWidthVal = 0;
  227. for (var k = 0; k < parseInt(AllLenArr[j]) ; k++) {
  228. AWidthVal += ArrMaxLen[AIndex];
  229. AIndex += 1;
  230. }
  231. AWidthVal += 100;
  232. TableWidth += AWidthVal;
  233. $(item).find("tr").eq(0).find("td").eq(j).css("width", AWidthVal + "px");
  234. }
  235. }
  236. }
  237. else if (ArrMaxLen[i] != undefined && $(item).find("tr").eq(0).find("td").length == 1) {
  238. OneFlag = true;
  239. TableWidth += ArrMaxLen[i];
  240. }
  241. }
  242. if (OneFlag) {
  243. $(item).find("tr").eq(0).find("td").eq(0).css("width", TableWidth + "px");
  244. }
  245. $(item).css("width", TableWidth + "px");
  246. }
  247. // 替换HTML
  248. var ChildhtmlStr = $(item).prop("outerHTML");
  249. var htmlStr = "<div class='TableContainer TContain_" + Index + "'></div>";
  250. $(item).after(htmlStr);
  251. $(item).remove();
  252. var JqStr = ".TContain_" + Index;
  253. $(JqStr).append(ChildhtmlStr);
  254. Index += 1;
  255. });
  256. $(document.body).css("width", ScreenWidth + "px");
  257. var BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width()) - GetPadVal(document.body)); // 界面宽度
  258. var Index = 0;
  259. $.each($("table"), function (index, item) {
  260. var TableWidth = isNaN(parseFloat($(item).width())) ? 0 : parseFloat($(item).width()); // 表格宽度
  261. // 替换HTML
  262. var JqStr = ".TContain_" + Index;
  263. $(JqStr).css("width", BodyWidth + "px");
  264. if (TableWidth > BodyWidth) {
  265. // 额外显示滚动条
  266. var ShtmlStr = "<div class='PSBar' style='width: " + BodyWidth + "px;'></div>";
  267. $(JqStr).after(ShtmlStr);
  268. var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
  269. var HiddenWidth = BodyWidth - (TableWidth - BodyWidth) * HiddenRate; // 现滚动条大小
  270. var CShtmlStr = "<div class='CSBar' style='width: " + HiddenWidth + "px;'></div>";
  271. $(JqStr).next().append(CShtmlStr);
  272. }
  273. Index += 1;
  274. });
  275. $.each($(".container-table"), function (index, item) {
  276. $(item).css("width", BodyWidth + "px");
  277. });
  278. // 滚动条事件
  279. $(".TableContainer").on("touchstart", function () {
  280. pressTableFlag = true;
  281. }).on("touchmove", function () {
  282. var TableWidth = isNaN(parseFloat($(this).find("table").width())) ? 0 : parseFloat($(this).find("table").width()); // 表格宽度
  283. BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width() - GetPadVal(document.body))); // 界面宽度
  284. var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
  285. var SLeftWdith = isNaN(parseFloat($(this)[0].scrollLeft)) ? 0 : parseFloat($(this)[0].scrollLeft);
  286. SLeftWdith *= HiddenRate;
  287. var NextClsName = $(this).next().attr("class");
  288. if (NextClsName == "PSBar") {
  289. $(this).next().find(".CSBar").css("left", SLeftWdith + "px");
  290. }
  291. });
  292. window.addEventListener("scroll", function (event) {
  293. var ClsName = event.target.className;
  294. if (ClsName == undefined) {
  295. return;
  296. }
  297. ClsName = ClsName.replace("TableContainer ", ".");
  298. var TableWidth = isNaN(parseFloat($(ClsName).find("table").width())) ? 0 : parseFloat($(ClsName).find("table").width()); // 表格宽度
  299. BodyWidth = isNaN(parseFloat($(document).width())) ? 0 : (parseFloat($(document).width() - GetPadVal(document.body))); // 界面宽度
  300. var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
  301. var SLeftWdith = isNaN(parseFloat($(ClsName)[0].scrollLeft)) ? 0 : parseFloat($(ClsName)[0].scrollLeft);
  302. SLeftWdith *= HiddenRate;
  303. var NextClsName = $(ClsName).next().attr("class");
  304. if (NextClsName == "PSBar") {
  305. $(ClsName).next().find(".CSBar").css("left", SLeftWdith + "px");
  306. }
  307. }, true);
  308. $("#pContrainId").remove();
  309. };
  310. // #endregion
  311. //#region 听力音频处理
  312. var AddListenDiv = function (NodeHandle, NIndex) {
  313. var UrlStr = $(NodeHandle).attr("alt");
  314. if (UrlStr != null && UrlStr.indexOf("|") > -1) {
  315. var UrlArr = UrlStr.split("|");
  316. var htmlStr = '<div class="ListenDiv" data-status="1" style="width:' + ($(document.body).width() - GetPadVal(document.body)) + 'px;"><div class="LDivTop">';
  317. for (var i = 0; i < UrlArr.length; i++) {
  318. var SelectedN = (i == 0 ? 1 : 0);
  319. htmlStr += '<div class="LDivTItem LDivTItem_' + NIndex + ' LDivTItem_' + NIndex + '_' + i + '" data-selected="' + SelectedN + '" onclick="cLSourceFunc(' + NIndex + ',' + i + ')" data-auduourl="' + UrlArr[i] + '">听力材料' + (i + 1) + '</div>';
  320. }
  321. htmlStr += '</div><div class="LDivFooter"><div class="LDFPlayS LDFPlayS_' + NIndex + '" data-playstatus="0" onclick="playMusicFunc(' + NIndex + ')"></div><div class="LDFPauseS LDFPauseS_' + NIndex + '" onclick="pauseMusicFunc(' + NIndex + ')"></div><div class="LDFProcS"><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS"><span class="RunTime RunTime_' + NIndex + '">00:00</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '">00:00</span></div></div></div>';
  322. }
  323. else if (UrlStr != null) {
  324. var htmlStr = '<div class="ListenDiv" data-status="0"><div class="LDivTop" style="width:1px;height:0px;overflow:hidden;"><div class="LDivTItem LDivTItem_' + NIndex + ' LDivTItem_' + NIndex + '_0" data-selected="1" onclick="cLSourceFunc(' + NIndex + ',0)" data-selected="1" data-auduourl="' + UrlStr + '"></div></div><div class="LDivFooter"><div class="LDFPlayS LDFPlayS_' + NIndex + '" data-playstatus="0" onclick="playMusicFunc(' + NIndex + ')"></div><div class="LDFPauseS LDFPauseS_' + NIndex + '" onclick="pauseMusicFunc(' + NIndex + ')"></div><div class="LDFProcS"><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS"><span class="RunTime RunTime_' + NIndex + '">01:02</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '"></span></div></div></div>';
  325. }
  326. $(NodeHandle).css("width", "1px").css("height", "1px").css("overflow", "hidden").after(htmlStr);
  327. }
  328. // 切换听力材料
  329. var cLSourceFunc = function (iIndex, oIndex) {
  330. pauseMusicFunc(iIndex);
  331. var jQIStr = ".LDivTItem_" + iIndex;
  332. var jQIOStr = ".LDivTItem_" + iIndex + '_' + oIndex;
  333. $(jQIStr).attr("data-selected", 0);
  334. $(jQIOStr).attr("data-selected", 1);
  335. }
  336. // 暂停播放处理
  337. var playMusicFunc = function (iIndex) {
  338. var jQStr = ".LDFPlayS_" + iIndex;
  339. var playStatus = $(jQStr).attr("data-playstatus"); // 检测当前状态,0表示暂停
  340. var AudioUrl = $(jQStr).parent().prev(".LDivTop").find(".LDivTItem[data-selected='1']").attr("data-auduourl");
  341. var AStatus = 0;
  342. if (playStatus == "0") {
  343. $(jQStr).attr("data-playstatus", 1);
  344. AStatus = 1;
  345. }
  346. else {
  347. $(jQStr).attr("data-playstatus", 0);
  348. AStatus = 2;
  349. }
  350. var info = {
  351. Id: iIndex, // 第几个
  352. AudioUrl: AudioUrl, // 音频
  353. AStatus: AStatus, // 播放状态:0表示重置,1表示播放,2表示暂停
  354. }
  355. playVisiableAudioCallBack(1, JSON.stringify(info));
  356. }
  357. // 重置播放处理
  358. var pauseMusicFunc = function (iIndex) {
  359. var jQStr = ".LDFPlayS_" + iIndex;
  360. $(jQStr).attr("data-playstatus", 0);
  361. var AudioUrl = $(jQStr).parent().prev(".LDivTop").find(".LDivTItem[data-selected='1']").attr("data-auduourl");
  362. var info = {
  363. Id: iIndex, // 第几个
  364. AudioUrl: AudioUrl, // 音频
  365. AStatus: 0, // 播放状态:0表示重置,1表示播放,2表示暂停
  366. }
  367. playVisiableAudioCallBack(1, JSON.stringify(info));
  368. }
  369. // 设置滑块的位置
  370. var playImageFunc = function (iIndex,leftVal,allTimes) {
  371. var jQStr = ".LDFProcImg_" + iIndex;
  372. var LeftPx = (leftVal * 158) / allTimes;
  373. //LeftPx = LeftPx > 158 ? 158 : LeftPx;
  374. //LeftPx = LeftPx < 0 ? 0 : LeftPx;
  375. $(jQStr).css("left", LeftPx + "pt"); // 设置滑块滚动
  376. jQStr = ".RunTime_" + iIndex;
  377. $(jQStr).text(timeToStrFunc(leftVal)); // 设置文字显示
  378. jQStr = ".RunAllTime_" + iIndex;
  379. $(jQStr).text(timeToStrFunc(allTimes)); // 设置文字显示
  380. };
  381. // 时间转换
  382. var timeToStrFunc = function (timerNumber) {
  383. var ReStr = "";
  384. var TempData = 0;
  385. if (isNaN(timerNumber) || timerNumber == "") {
  386. return "00:00";
  387. }
  388. if (timerNumber > 3600) {
  389. TempData = Math.floor(timerNumber / 3600);
  390. timerNumber -= TempData * 3600;
  391. ReStr += (TempData < 10 ? ("0" + TempData) : TempData) + ":";
  392. }
  393. if (timerNumber > 60) {
  394. var TempData = Math.floor(timerNumber / 60);
  395. timerNumber -= TempData * 60;
  396. ReStr += (TempData < 10 ? ("0" + TempData) : TempData) + ":";
  397. }
  398. else {
  399. ReStr += "00:";
  400. }
  401. if (timerNumber < 10) {
  402. ReStr += "0" + timerNumber;
  403. }
  404. else {
  405. ReStr += timerNumber;
  406. }
  407. return ReStr;
  408. };
  409. //#endregion
  410. // 判断是否在横线内
  411. var isGCFunc = function (NodeHandle) {
  412. var isFlag = false;
  413. var PClsName = $(NodeHandle).attr("class");
  414. var tagName = $(NodeHandle).prop("tagName");
  415. while (tagName != undefined && tagName != "BODY" && ((PClsName != undefined && PClsName.indexOf("underlineContent") == -1) || PClsName == undefined)) {
  416. NodeHandle = $(NodeHandle).parent();
  417. PClsName = $(NodeHandle).attr("class");
  418. tagName = $(NodeHandle).prop("tagName");
  419. }
  420. if (PClsName != undefined && PClsName.indexOf("underlineContent") > -1) {
  421. isFlag = true;
  422. }
  423. return isFlag;
  424. };
  425. // 不调用fill需要增加处理(绑定横线内处理)
  426. var addFillAssist = function () {
  427. $.each($(document).find(".underlineContent"), function (Iindex, Iitem) {
  428. // 卡控遍历条件(添加新的class)
  429. var ClsName = $(Iitem).attr("class");
  430. var hitStyleFlag = $(Iitem).attr("hitstyle");
  431. if (ClsName != undefined && ClsName.indexOf("cAStauts") == -1) {
  432. $(Iitem).addClass("cAStauts");
  433. if ($(Iitem).attr("shcode") == undefined) {
  434. $(Iitem).attr("shcode", 1);
  435. }
  436. if ($(Iitem).attr("showflag") == undefined) {
  437. $(Iitem).attr("showflag", "1");
  438. }
  439. $(Iitem).attr("ulflag", "1");
  440. $.each($(Iitem).find("u,span,p"), function (index, element) {
  441. var eClsName = $(element).attr("class");
  442. var eHitStyleFlag = $(element).attr("hitstyle");
  443. if (eClsName == undefined || eClsName.indexOf("cAStauts") == -1) {
  444. $(element).addClass("cAStauts");
  445. }
  446. if ($(element).attr("ulflag") == undefined) {
  447. $(element).attr("ulflag", "1");
  448. }
  449. if ($(element).attr("shcode") == undefined) {
  450. $(element).attr("shcode", 1);
  451. }
  452. if ($(element).attr("showflag") == undefined) {
  453. $(element).attr("showflag", "1");
  454. }
  455. });
  456. }
  457. });
  458. if (typeof (showGLWorld) == "function") {
  459. showGLWorld(styleWPSContrl.wordFlag, styleWPSContrl.phraseFlag, styleWPSContrl.sentenceFlag);
  460. }
  461. };
  462. // 处理显示或隐藏答案,(shcode是否可点击1可点击;ulflag判断是否存在横线内1表示在;showflag是否显示1显示)
  463. var dealAnswerFunc = function (NodeHandle, OCFlag, ThProFlag) {
  464. if (OCFlag) {
  465. var showflagS = $(NodeHandle).attr("showflag");
  466. if ($(NodeHandle).attr("ulflag") == 1) {
  467. if (!ThProFlag || (ThProFlag && showflagS == 1)) {
  468. if ($(NodeHandle).text() == "暂无参考答案") {
  469. $(NodeHandle).css("color", "#989898").attr("shcode", 1).attr("showflag", "1");
  470. }
  471. else {
  472. $(NodeHandle).css("color", "#92D050").attr("shcode", 1).attr("showflag", "1");
  473. }
  474. }
  475. }
  476. else {
  477. $(NodeHandle).css("color", "#000000").attr("shcode", 1).attr("showflag", "1");
  478. }
  479. if ($(NodeHandle).attr("hitstyle") == "wordStyle") {
  480. if (styleWPSContrl.wordFlag) {
  481. if (!ThProFlag || (ThProFlag && showflagS == 1)) {
  482. $(NodeHandle).css("color", "#db5d00").attr("shcode", 1).attr("showflag", "1");
  483. }
  484. }
  485. else {
  486. var ulflag = $(NodeHandle).attr("ulflag");
  487. if (ulflag == "1") {
  488. if (!ThProFlag || (ThProFlag && showflagS == 1)) {
  489. $(NodeHandle).css("color", "#92D050").attr("shcode", 0).attr("showflag", "1");
  490. }
  491. }
  492. else {
  493. $(NodeHandle).css("color", "#000000").attr("shcode", 0).attr("showflag", "1");
  494. }
  495. }
  496. }
  497. else if ($(NodeHandle).attr("hitstyle") == "phraseStyle") {
  498. if (styleWPSContrl.phraseFlag && showflagS == "1") {
  499. var ulflag = $(NodeHandle).attr("ulflag");
  500. if (ulflag == "1") {
  501. $(NodeHandle).css("background-color", "#f2db8b").attr("shcode", 1).attr("showflag", "1").css("border-bottom", "1px solid #979797");
  502. }
  503. else {
  504. $(NodeHandle).css("background-color", "#f2db8b").attr("shcode", 1).attr("showflag", "1");
  505. }
  506. }
  507. else if (showflagS == "1") {
  508. var ulflag = $(NodeHandle).attr("ulflag");
  509. if (ulflag == "1") {
  510. $(NodeHandle).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "1").css("border-bottom", "1px solid #979797");
  511. }
  512. else {
  513. $(NodeHandle).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "1");
  514. }
  515. }
  516. }
  517. else if ($(NodeHandle).attr("hitstyle") == "sentenceStyle") {
  518. if (styleWPSContrl.sentenceFlag && showflagS == "1") {
  519. $(NodeHandle).css("border-bottom", "2px solid #78ae43").attr("shcode", 1).attr("showflag", "1");
  520. }
  521. else if (showflagS == "1") {
  522. $(NodeHandle).css("border-bottom", "2px solid #ffffff").attr("shcode", 1).attr("showflag", "1");
  523. }
  524. }
  525. if (!ThProFlag) {
  526. $.each($(NodeHandle).find(".cAStauts"), function (index, element) {
  527. showflagS = $(element).attr("showflag");
  528. // 处理普通文本
  529. if ($(element).attr("ulflag") == 1) {
  530. if (!ThProFlag || (ThProFlag && showflagS == 1)) {
  531. if ($(element).text() == "暂无参考答案") {
  532. $(element).css("color", "#989898").attr("shcode", 1).attr("showflag", "1");
  533. }
  534. else {
  535. $(element).css("color", "#92D050").attr("shcode", 1).attr("showflag", "1");
  536. }
  537. }
  538. }
  539. else {
  540. $(element).css("color", "#000000").attr("shcode", 1).attr("showflag", "1");
  541. }
  542. // 处理高亮
  543. if ($(element).attr("hitstyle") == "wordStyle") {
  544. if (styleWPSContrl.wordFlag) {
  545. if (!ThProFlag || (ThProFlag && showflagS == 1)) {
  546. $(element).css("color", "#db5d00").attr("shcode", 1).attr("showflag", "1");
  547. }
  548. }
  549. else {
  550. if (!ThProFlag || (ThProFlag && showflagS == 1)) {
  551. var ulflag = $(element).attr("ulflag");
  552. if (ulflag == "1") {
  553. if (!ThProFlag || (ThProFlag && showflagS == 1)) {
  554. $(element).css("color", "#92D050").attr("shcode", 0).attr("showflag", "1");
  555. }
  556. }
  557. else {
  558. $(element).css("color", "#000000").attr("shcode", 0).attr("showflag", "1");
  559. }
  560. }
  561. }
  562. }
  563. else if ($(element).attr("hitstyle") == "phraseStyle") {
  564. if (styleWPSContrl.phraseFlag) {
  565. if (!ThProFlag || (ThProFlag && showflagS == 1)) {
  566. var ulflag = $(element).attr("ulflag");
  567. if (ulflag == "1") {
  568. $(element).css("background-color", "#f2db8b").attr("shcode", 1).attr("showflag", "1").css("border-bottom", "1px solid #979797");
  569. }
  570. else {
  571. $(element).css("background-color", "#f2db8b").attr("shcode", 1).attr("showflag", "1");
  572. }
  573. }
  574. }
  575. else {
  576. var ulflag = $(element).attr("ulflag");
  577. if (ulflag == "1") {
  578. $(element).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "1").css("border-bottom", "1px solid #979797");
  579. }
  580. else {
  581. $(element).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "1");
  582. }
  583. }
  584. }
  585. else if ($(element).attr("hitstyle") == "sentenceStyle") {
  586. if (styleWPSContrl.sentenceFlag) {
  587. if (!ThProFlag || (ThProFlag && showflagS == 1)) {
  588. $(element).css("border-bottom", "2px solid #78ae43").attr("shcode", 1).attr("showflag", "1");
  589. }
  590. }
  591. else {
  592. $(element).css("border-bottom", "2px solid #ffffff").attr("shcode", 0).attr("showflag", "1");
  593. }
  594. }
  595. });
  596. }
  597. }
  598. else {
  599. $(NodeHandle).css("color", "#ffffff").attr("shcode", 1).attr("showflag", "0");
  600. if ($(NodeHandle).attr("hitstyle") == "wordStyle") {
  601. $(NodeHandle).attr("shcode", 0).attr("showflag", "0");
  602. }
  603. else if ($(NodeHandle).attr("hitstyle") == "phraseStyle") {
  604. $(NodeHandle).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "0");
  605. }
  606. else if ($(NodeHandle).attr("hitstyle") == "sentenceStyle") {
  607. $(NodeHandle).css("border-bottom", "2px solid #ffffff").attr("shcode", 0).attr("showflag", "0").css("border-bottom", "1px solid #979797");
  608. }
  609. $.each($(NodeHandle).find(".cAStauts"), function (index, element) {
  610. // 处理普通文本
  611. $(element).css("color", "#ffffff").attr("shcode", 1).attr("showflag", "0"); // 合并处理
  612. // 处理高亮
  613. if ($(element).attr("hitstyle") == "wordStyle") {
  614. $(element).attr("shcode", 0).attr("showflag", "0");
  615. }
  616. else if ($(element).attr("hitstyle") == "phraseStyle") {
  617. $(element).css("background-color", "#ffffff").attr("shcode", 0).attr("showflag", "0").css("border-bottom", "1px solid #979797");
  618. }
  619. else if ($(element).attr("hitstyle") == "sentenceStyle") {
  620. $(element).css("border-bottom", "2px solid #ffffff").attr("shcode", 0).attr("showflag", "0");
  621. }
  622. });
  623. }
  624. var underlineContentText = $(NodeHandle).text(); // 获取文本内容
  625. if (underlineContentText != undefined && underlineContentText.indexOf("√") > -1) {
  626. if (OCFlag) {
  627. $(NodeHandle).parent().find(".checkbox").find("input").prop('checked', true);
  628. }
  629. else {
  630. $(NodeHandle).parent().find(".checkbox").find("input").prop('checked', false);
  631. }
  632. }
  633. };
  634. //显示、隐藏答案
  635. function showHideAnswer(flag) {
  636. if (flag) {
  637. $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
  638. $.each($(".underlineContent"), function (index, item) {
  639. dealAnswerFunc(item, true, false);
  640. });
  641. }
  642. else {
  643. $(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
  644. $.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) {
  645. dealAnswerFunc(item, false, false);
  646. });
  647. }
  648. }
  649. //显示、隐藏钥匙及答案 isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案
  650. function showHideAnswerEx(isShowYX, isShowAS) {
  651. if (isShowYX) {
  652. $(".yaoshi").show();
  653. }
  654. else {
  655. $(".yaoshi").hide();
  656. }
  657. if (isShowAS) {
  658. $.each($(".underlineContent"), function (index, item) {
  659. dealAnswerFunc(item, true, false);
  660. });
  661. $(".yaoshi").attr("data-status", "1");
  662. $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
  663. }
  664. else {
  665. $.each($(".underlineContent,.underlineContent.no-answer"), function (index, item) {
  666. dealAnswerFunc(item, false, false);
  667. });
  668. $(".yaoshi").attr("data-status", "0");
  669. $(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
  670. }
  671. }
  672. //页面加载完,原文 绑定事件
  673. function bindEventTeaOrignalYS() {
  674. var bodyWidth = $(document.body).width();
  675. //处理答题点
  676. $.each($(".yaoshi"), function (index, item) {
  677. $(item).attr('answer-id', index);
  678. });
  679. //给音频绑定一个ID
  680. $.each($(".audioImg"), function (index, item) {
  681. $(item).attr("audiourl", "");
  682. $(item).attr('audio-id', index);
  683. });
  684. //给视频图标处理
  685. $.each($(".videoImg"), function (index, item) {
  686. $(item).attr("audiourl", "");
  687. });
  688. //给口语图标处理
  689. $.each($(".oralLanguageImg"), function (index, item) {
  690. $(item).attr("audiourl", "");
  691. });
  692. //处理参考答案
  693. $.each($(".underlineContent"), function (index, item) {
  694. $(item).attr("answer-anstext", $(item).html());
  695. });
  696. //去除多余的U空标签
  697. $.each($("u"), function (index, item) {
  698. var text = $(item).text();
  699. text = text.replace(/\s+/g, "");
  700. if (text == "") {
  701. $(item).remove();
  702. }
  703. });
  704. //处理暂无参考答案
  705. $.each($(".yaoshi"), function (index, item) {
  706. var parent = $(item).parent();
  707. var prev = $(item).nextUntil(".yaoshi").find(".underlineContent");
  708. if (prev.length == 0) {
  709. var spanHtml = document.createElement("span");
  710. //添加子节点
  711. var uHtml = document.createElement("u");
  712. uHtml.className = "underlineContent no-answer";
  713. uHtml.innerText = "暂无参考答案";
  714. //处理改错题及勾选题
  715. if ($(parent)[0].tagName == 'P') {
  716. if ($(parent).hasClass('correntQue') || $(parent).hasClass('boxQue')) {
  717. uHtml.innerHTML = "&nbsp;&nbsp;&nbsp;";
  718. //改错题,要随机下划线长度
  719. if ($(parent).hasClass('correntQue')) {
  720. uHtml.style = "width:" + randomNum(220, 300) + "px;display:inline-block;";
  721. }
  722. uHtml.setAttribute("answer-anstext", "");
  723. }
  724. }
  725. $(spanHtml).html(uHtml.outerHTML);
  726. $(item).after(spanHtml);
  727. }
  728. });
  729. //处理表格宽度
  730. AdjustTableFunc();
  731. // 音频处理
  732. $.each($(".audioImg"), function (index, element) {
  733. AddListenDiv(element, index);
  734. });
  735. //一题多空的答题点标注
  736. var checkId = 0;
  737. var headid = -1;
  738. var groupId = -1;
  739. $(".multipleStart").each(function (i, item) {
  740. var $startNode = $(item);
  741. $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
  742. checkId = $(item).find('.yaoshi').attr("answer-id");
  743. var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
  744. if (index == 0 || groupId != gid) {
  745. groupId = gid;
  746. headid = checkId;
  747. }
  748. $(item).find('.yaoshi').attr('parent-anid', headid);
  749. });
  750. });
  751. //点击喇叭事件,音频播放
  752. $(".audioImg").on("click", function () {
  753. audioPlayClick(this);
  754. });
  755. //显示/隐藏习题答案
  756. $(".yaoshi").on("click", function () {
  757. var parentAnid = $(this).attr("parent-anid");
  758. var curDisplay = $(this).nextUntil(".yaoshi").find(".underlineContent").eq(0).css("display");
  759. if (curDisplay == "undefined" || curDisplay == undefined) return;
  760. if (curDisplay == "none" || $(this).attr("data-status") == "0") {
  761. if (parentAnid != undefined) {
  762. $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
  763. $(item).attr("data-status", "1");
  764. $(item).attr("src", PicInfo.yaoshiShowImgUrl);
  765. $.each($(item).parent().find(".underlineContent"), function (cIndex, cItem) {
  766. dealAnswerFunc(cItem, true, false);
  767. });
  768. });
  769. }
  770. else {
  771. $(this).attr("data-status", "1");
  772. $(this).attr("src", PicInfo.yaoshiShowImgUrl);
  773. $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
  774. dealAnswerFunc(item, true, false);
  775. });
  776. }
  777. //不再存在已隐藏的钥匙,移动端回调
  778. if ($(".yaoshi[data-status='0']").length == 0) {
  779. //添加回调
  780. console.log("全部显示了");
  781. onClickKeyShow();
  782. }
  783. }
  784. else {
  785. if (parentAnid != undefined) {
  786. $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, item) {
  787. $(item).attr("data-status", "0");
  788. $(item).attr("src", PicInfo.yaoshiHideImgUrl);
  789. $.each($(item).parent().find(".underlineContent"), function (cIndex, cItem) {
  790. dealAnswerFunc(cItem, false, false);
  791. });
  792. });
  793. }
  794. else {
  795. $(this).attr("data-status", "0");
  796. $(this).attr("src", PicInfo.yaoshiHideImgUrl);
  797. $.each($(this).nextUntil(".yaoshi").find(".underlineContent"), function (index, item) {
  798. dealAnswerFunc(item, false, false);
  799. });
  800. }
  801. //添加回调
  802. onClickKeyHide();
  803. }
  804. });
  805. //点击播放事件,视频播放
  806. $(".videoImg").on("click", function () {
  807. var curHtml = $(this).parent().find(".videoUrl").html();
  808. var curAlt = $(this).attr("alt");//播放视频地址
  809. playVisiableAudioCallBack(2, $(this).attr("alt"));
  810. });
  811. addFillAssist();
  812. }
  813. //页面加载完,课件 绑定事件
  814. function bindEventYS() {
  815. var bodyWidth = $(document.body).width();
  816. //不存在underline 属性下有内容,所以全部隐藏,若有就是源头数据有问题
  817. $('.underline').css("display", "none");
  818. $.each($(".yaoshi"), function (index, item) {
  819. $(item).attr('answer-id', index);
  820. });
  821. //给音频绑定一个ID
  822. $.each($(".audioImg"), function (index, item) {
  823. $(item).attr("audiourl", "");
  824. $(item).attr('audio-id', index);
  825. });
  826. //给视频图标处理
  827. $.each($(".videoImg"), function (index, item) {
  828. $(item).attr("audiourl", "");
  829. });
  830. //给口语图标处理
  831. $.each($(".oralLanguageImg"), function (index, item) {
  832. $(item).attr("audiourl", "");
  833. });
  834. //去除多余的U空标签
  835. $.each($("u"), function (index, item) {
  836. var text = $(item).text();
  837. text = text.replace(/\s+/g, "");
  838. if (text == "") {
  839. $(item).remove();
  840. }
  841. });
  842. //处理暂无参考答案
  843. $.each($(".yaoshi"), function (index, item) {
  844. var parent = $(item).parent();
  845. var prev = $(item).nextAll(".underlineContent");
  846. if (prev.length == 0) {
  847. var uHtml = document.createElement("u");
  848. uHtml.className = "underlineContent no-answer";
  849. uHtml.innerText = "暂无参考答案";
  850. //处理改错题及勾选题
  851. if ($(parent)[0].tagName == 'P') {
  852. if ($(parent).hasClass('correntQue') || $(parent).hasClass('boxQue')) {
  853. uHtml.innerHTML = "&nbsp;&nbsp;&nbsp;";
  854. //改错题,要随机下划线长度
  855. if ($(parent).hasClass('correntQue')) {
  856. uHtml.style = "width:" + randomNum(220, 300) + "px;display:inline-block;";
  857. }
  858. uHtml.setAttribute("answer-anstext", "");
  859. }
  860. }
  861. $(item).after(uHtml);
  862. }
  863. });
  864. //处理表格宽度
  865. AdjustTableFunc();
  866. // 音频处理
  867. $.each($(".audioImg"), function (index, element) {
  868. AddListenDiv(element, index);
  869. });
  870. //一题多空的答题点标注
  871. var checkId = 0;
  872. var headid = -1;
  873. var groupId = -1;
  874. $(".multipleStart").each(function (i, item) {
  875. var $startNode = $(item);
  876. $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
  877. checkId = $(item).find('.yaoshi').attr("answer-id");
  878. var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
  879. if (index == 0 || groupId != gid) {
  880. groupId = gid;
  881. headid = checkId;
  882. }
  883. $(item).find('.yaoshi').attr('parent-anid', headid);
  884. });
  885. });
  886. //显示/隐藏习题答案
  887. $(".yaoshi").on("click", function () {
  888. var parentAnid = $(this).attr("parent-anid");
  889. if ($(this).attr("data-status") == "0") {
  890. // 显示处理
  891. if (parentAnid != undefined) {
  892. $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, fItem) {
  893. $(fItem).attr("data-status", "1");
  894. $(fItem).attr("src", PicInfo.yaoshiShowImgUrl);
  895. $.each($(fItem).parent().find(".underlineContent"), function (index, item) {
  896. dealAnswerFunc(item, true, false);
  897. });
  898. });
  899. }
  900. else {
  901. $(this).attr("data-status", "1");
  902. $(this).attr("src", PicInfo.yaoshiShowImgUrl);
  903. //$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#92D050");
  904. $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
  905. dealAnswerFunc(item, true, false);
  906. });
  907. }
  908. //不再存在已隐藏的钥匙,移动端回调
  909. if ($(".yaoshi[data-status='0']").length == 0) {
  910. //添加回调
  911. onClickKeyShow();
  912. }
  913. }
  914. else {
  915. // 隐藏处理
  916. if (parentAnid != undefined) {
  917. $.each($(this).parents().find(".yaoshi[parent-anid='" + parentAnid + "']"), function (index, fItem) {
  918. $(fItem).attr("data-status", "0");
  919. $(fItem).attr("src", PicInfo.yaoshiHideImgUrl);
  920. $.each($(fItem).parent().find(".underlineContent"), function (index, item) {
  921. dealAnswerFunc(item, false, false);
  922. });
  923. });
  924. }
  925. else {
  926. $(this).attr("data-status", "0");
  927. $(this).attr("src", PicInfo.yaoshiHideImgUrl);
  928. //$(this).nextUntil(".yaoshi").filter(".underlineContent").css("color", "#ffffff");
  929. $.each($(this).nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
  930. dealAnswerFunc(item, false, false);
  931. });
  932. }
  933. //添加回调
  934. onClickKeyHide();
  935. }
  936. });
  937. //点击喇叭事件,音频播放
  938. $(".audioImg").on("click", function () {
  939. audioPlayClick(this);
  940. });
  941. //点击播放事件,视频播放
  942. $(".videoImg").on("click", function () {
  943. $(this).attr("audiourl", "");
  944. var curHtml = $(this).parent().find(".videoUrl").html();
  945. var curAlt = $(this).attr("alt");//播放视频地址
  946. playVisiableAudioCallBack(2, $(this).attr("alt"));
  947. });
  948. }
  949. // 移动端使用,true:表示点击表格且正在移动,需阻止模块切换
  950. function getPressFlag() {
  951. return pressTableFlag;
  952. }
  953. // 设置离焦事件
  954. function resetPressFlag() {
  955. pressTableFlag = false;
  956. }
  957. //学生端 处理作答区域
  958. var answerData = new Array();
  959. function handleAnswerRange() {
  960. // 隐藏答案划线
  961. $(".underlineContentShow").attr("data-status", "0");
  962. //规范文本格式
  963. var answerId = "";
  964. var tempJson = new Array();
  965. //先处理一题多空的情况,获取两个之间的答题点
  966. $(".multipleStart").each(function (i, item) {
  967. $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
  968. var checkId = $(item).find('.yaoshi').attr("answer-id");
  969. var headid = $(item).find('.yaoshi').attr("parent-anid");
  970. var ischecked = $(item).find(".underlineContent").text().indexOf("√") > -1;
  971. var answerText = ischecked ? "√" : "";
  972. //勾选题
  973. if ($(item).hasClass('boxQue')) {
  974. $(item).find('.yaoshi').after("<div class='checkbox' answer-id='" + checkId + "' parent-anid='" + headid + "' answer-isky='2' answer-anstext='" + answerText + "' answer-text=''><input id=" + checkId + " type='checkbox'><label for=" + checkId + "></label></div>");
  975. //$(item).find('input').prop('checked', ischecked);
  976. $(item).find('.underlineContent').hide();
  977. }
  978. //点击事件
  979. $(item).find('input').bind("click", function () {
  980. var curObj = new Object();
  981. curObj.Id = $(this).parent().attr("answer-id");//答题点ID
  982. curObj.pId = $(this).parent().attr("parent-anid");//答题点ID
  983. curObj.IsKY = $(this).parent().attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题,2-打勾题
  984. //curObj.Text = $(this).parent().attr("answer-text");//用户作答内容
  985. curObj.Score = $(this).parent().attr("answer-score");//作答评分
  986. curObj.AnsText = $(this).parent().attr("answer-anstext");//参考答案
  987. curObj.Comment = $(this).parent().attr("answer-comment");//评语
  988. curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
  989. curObj.Text = $(this).prop("checked") ? "√" : "";//用户作答内容
  990. $(this).parent().attr("answer-text", curObj.Text);//用户作答内容
  991. $(".checkbox").removeClass("select-answer");
  992. $(".answer-body").removeClass("select-answer");
  993. $(this).parent().addClass("select-answer");
  994. //已作答,弹出作答答案
  995. if ($(this).parent().data("ans-status") == "1") {
  996. //移动端添加外部处理
  997. onClickAnswerPoint(JSON.stringify(curObj));
  998. }
  999. else {
  1000. //移动端添加外部处理,弹出作答操作
  1001. onClickAnswerPoint(JSON.stringify(curObj));
  1002. }
  1003. });
  1004. //删除钥匙节点
  1005. $(item).find('.yaoshi').hide();
  1006. });
  1007. });
  1008. //所有underline不做处理
  1009. $.each($(".yaoshi").nextUntil(".yaoshi").filter(".underline"), function (index, item) {
  1010. tempId = $(item).prevAll(".yaoshi").attr("answer-id");
  1011. //记录上一次的ID
  1012. if (tempId == undefined) {
  1013. tempId = answerId;
  1014. }
  1015. else {
  1016. answerId = tempId;
  1017. }
  1018. var prev = $(item).prev();
  1019. if ((prev.length == 0 || $(prev).attr("class") != "tag-span") && $(prev).attr("class") != "underlineContent") {
  1020. if ($("span[answer-id='" + tempId + "']").length == 0) {
  1021. $(item).prop("outerHTML", "<span answer-id='" + tempId + "' class='tag-span' answer-isky='0'>_</span>");
  1022. }
  1023. }
  1024. $(item).remove();
  1025. });
  1026. //提取参考答案并规范文本格式
  1027. answerId = "";
  1028. $.each($(".yaoshi").nextUntil(".yaoshi").filter(".underlineContent"), function (index, item) {
  1029. var info = new Object();
  1030. info.Id = $(item).prevAll(".yaoshi").attr("answer-id");
  1031. info.pId = $(item).prevAll(".yaoshi").attr("parent-anid");
  1032. //记录上一次的ID
  1033. if (info.Id == undefined) {
  1034. info.Id = answerId;
  1035. }
  1036. else {
  1037. answerId = info.Id;
  1038. }
  1039. if (info.pId == undefined) {
  1040. info.pId = answerId;
  1041. }
  1042. info.AnsText = $(item).attr("answer-anstext");
  1043. if (info.AnsText == undefined) {
  1044. info.AnsText = $(item).text();
  1045. }
  1046. tempJson.push(info);
  1047. var prev = $(item).prev();
  1048. if (!$(prev).hasClass("checkbox")) {
  1049. if (prev.length == 0 || $(prev).attr("class") != "tag-span") {
  1050. //替换答案
  1051. $(item).prop("outerHTML", "<span answer-id='" + info.Id + "' class='tag-span' answer-isky='0'>_</span>");
  1052. }
  1053. else {
  1054. $(item).remove();
  1055. }
  1056. }
  1057. });
  1058. $.each($(".yaoshi"), function (index, item) {
  1059. var Id = $(item).attr("answer-id");
  1060. var prev = $(item).next();
  1061. if (!$(prev).hasClass("checkbox")) {
  1062. if (prev.length == 0 || $(prev).attr("class") != "tag-span") {
  1063. if ($("span[answer-id='" + Id + "']").length == 0) {
  1064. var uHtml = document.createElement("span");
  1065. uHtml.className = "tag-span";
  1066. uHtml.innerText = "_";
  1067. uHtml.setAttribute("answer-id", Id);
  1068. $(item).after(uHtml);
  1069. }
  1070. }
  1071. }
  1072. });
  1073. //处理口语试题
  1074. $.each($(".oralLanguage").nextUntil(".oralLanguageDone"), function (num, part) {
  1075. if (part.tagName != "p") {
  1076. $.each($(part).find(".tag-span"), function (index, item) {
  1077. $(item).attr("answer-isky", "1");
  1078. });
  1079. }
  1080. else {
  1081. if ($(part).hasClass("underlinePart")) {
  1082. $.each($(part).find(".tag-span"), function (index, item) {
  1083. $(item).attr("answer-isky", "1");
  1084. });
  1085. }
  1086. }
  1087. });
  1088. //合并参考答案数据
  1089. var tempid = "";
  1090. var temppid = "";
  1091. var temptext = "";
  1092. for (var i = 0; i < tempJson.length; i++) {
  1093. if (tempid == tempJson[i].Id) {
  1094. temptext = temptext + tempJson[i].AnsText;
  1095. }
  1096. else {
  1097. if (tempid != "") {
  1098. var info = new Object();
  1099. info.Id = tempid;
  1100. info.pId = temppid;
  1101. info.AnsText = temptext;
  1102. answerData.push(info);
  1103. //重置
  1104. tempid = "";
  1105. temptext = "";
  1106. }
  1107. tempid = tempJson[i].Id;
  1108. temppid = tempJson[i].pId;
  1109. temptext = tempJson[i].AnsText;
  1110. //最后一个存入
  1111. if (i == tempJson.length - 1) {
  1112. var info = new Object();
  1113. info.Id = tempid;
  1114. info.pId = temppid;
  1115. info.AnsText = temptext;
  1116. answerData.push(info);
  1117. }
  1118. }
  1119. }
  1120. //补全答题点
  1121. var Num = 0;
  1122. if (answerData.length > 0) {
  1123. //Num = Number.parseInt(answerData[answerData.length - 1].Id);
  1124. Num = Number.parseInt($(".yaoshi:last").attr('answer-id'));
  1125. for (var i = 0; i < Num + 1; i++) {
  1126. if (i < answerData.length) {
  1127. var index = Number(answerData[i].Id) - i;
  1128. for (var j = 0; j < index; j++) {
  1129. var info = new Object();
  1130. info.Id = (i + j).toString();
  1131. info.pId = info.Id;
  1132. info.AnsText = "";
  1133. answerData.splice(i, 0, info);
  1134. }
  1135. }
  1136. else {
  1137. var info = new Object();
  1138. info.Id = (i).toString();
  1139. info.pId = info.Id;
  1140. info.AnsText = "";
  1141. answerData.splice(i, 0, info);
  1142. }
  1143. }
  1144. }
  1145. //添加答题点的点击UI及交互
  1146. $.each($(".tag-span"), function (index, item) {
  1147. var answerText = "";
  1148. var parentId = "";
  1149. var isky = $(item).attr('answer-isky');
  1150. var answerid = $(item).attr('answer-id');
  1151. for (var i = 0; i < answerData.length; i++) {
  1152. if (answerid == answerData[i].Id) {
  1153. parentId = answerData[i].pId;
  1154. answerText = answerData[i].AnsText;
  1155. break;
  1156. }
  1157. }
  1158. $(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>");
  1159. //删除钥匙节点
  1160. var prev = $("img[answer-id='" + answerid + "']");
  1161. if (prev.length > 0) {
  1162. $(prev).remove();
  1163. }
  1164. });
  1165. //添加点击事件
  1166. $(".answer-body").on("click", function () {
  1167. var curObj = new Object();
  1168. curObj.Id = $(this).attr("answer-id");//答题点ID
  1169. curObj.pId = $(this).attr("parent-anid");//答题点ID
  1170. curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  1171. curObj.Text = $(this).attr("answer-text");//用户作答内容
  1172. curObj.Score = $(this).attr("answer-score");//作答评分
  1173. curObj.AnsText = $(this).attr("answer-anstext");//参考答案
  1174. curObj.Comment = $(this).attr("answer-comment");//评语
  1175. curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
  1176. $(".checkbox").removeClass("select-answer");
  1177. $(".answer-body").removeClass("select-answer");
  1178. $(this).addClass("select-answer");
  1179. //已作答,弹出作答答案
  1180. if ($(this).data("ans-status") == "1") {
  1181. //移动端添加外部处理
  1182. onClickAnswerPoint(JSON.stringify(curObj));
  1183. }
  1184. else {
  1185. //移动端添加外部处理,弹出作答操作
  1186. onClickAnswerPoint(JSON.stringify(curObj));
  1187. }
  1188. });
  1189. //去除多余的空格横线
  1190. $.each($(".underline"), function (index, item) {
  1191. var text = $(item).text();
  1192. text = text.replace(/\s+/g, "");
  1193. if (text == "") {
  1194. $(item).remove();
  1195. }
  1196. });
  1197. //删除所有钥匙节点
  1198. $("img[class=yaoshi]").remove();
  1199. //console.log(JSON.stringify(answerData));
  1200. // 处理多选框样式
  1201. dealCheckBox();
  1202. return answerData;
  1203. }
  1204. //接收学生的作答
  1205. function reviewAnswer(answerJson) {
  1206. if (answerJson != "" && answerJson) {
  1207. var answerObj = JSON.parse(answerJson);
  1208. var selectElement = $(".answer-body[answer-id='" + answerObj.Id + "']");
  1209. var audioElement = $(selectElement).children(".answer-audio-range").children("img").eq(0);
  1210. answerObj.IsKY = $(selectElement).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  1211. //是否为音频作答
  1212. if ((answerObj.Type == 3 || answerObj.Type == 4) && answerObj.AudioUrl != "") {
  1213. $(selectElement).children(".answer-point-range").hide();
  1214. $(selectElement).children(".answer-audio-range").css("display", "inline-block");
  1215. $(selectElement).children(".answer-audio-range").children("span").text("作答音频(" + answerObj.AudioLength + "s)");
  1216. //填充作答内容
  1217. $(selectElement).attr("answer-text", answerObj.Text);
  1218. if (answerObj.Text != "") {
  1219. answerObj.Text = "(" + answerObj.Text + ")";
  1220. $(selectElement).children(".answer-text").show();
  1221. $(selectElement).children(".answer-text").text(answerObj.Text);
  1222. }
  1223. //是否之前存在作答音频
  1224. $(selectElement).attr("answer-url", answerObj.AudioUrl);
  1225. $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
  1226. $(selectElement).children(".answer-audio-range").attr("play-status", "0");
  1227. //独立绑定事件
  1228. $(audioElement).on("click", function () {
  1229. recordAudioClick(this, answerObj.Id, answerObj.AudioUrl);
  1230. });
  1231. $(selectElement).children(".answer-audio-range").children("span").on("click", function () {
  1232. $(".answer-body").removeClass("select-answer");
  1233. $(selectElement).addClass("select-answer");
  1234. onClickAnswerPoint(JSON.stringify(answerObj));
  1235. });
  1236. $(selectElement).attr("answer-showanswer", "1");
  1237. }
  1238. else {
  1239. $(selectElement).attr("answer-text", answerObj.Text);//填充作答内容
  1240. $(selectElement).children(".answer-audio-range").hide();
  1241. if (answerObj.Text != "") {
  1242. $(selectElement).children(".answer-text").show();
  1243. $(selectElement).children(".answer-point-range").hide();
  1244. $(selectElement).children(".answer-text").text(answerObj.Text);
  1245. $(selectElement).attr("answer-showanswer", "1");
  1246. }
  1247. else {
  1248. $(selectElement).children(".answer-text").hide();
  1249. $(selectElement).children(".answer-point-range").show();
  1250. }
  1251. }
  1252. }
  1253. }
  1254. //提交,获取所有作答答案及参考答案
  1255. function getAllAnswer() {
  1256. //处理作答
  1257. $.each($(".answer-body"), function (index, item) {
  1258. var isanswer = false;
  1259. var answerid = $(item).attr("answer-id");
  1260. var parentid = $(item).attr("parent-anid");
  1261. //遍历同一小题的作答,如果作答了,整个小题都认为是作答了
  1262. $.each($(".answer-body[parent-anid=" + parentid + "]"), function (n, item) {
  1263. var atext = $(item).children(".answer-text").text();
  1264. if (atext != "" && atext != "未作答") {
  1265. isanswer = true;
  1266. }
  1267. });
  1268. var mytext = $(item).children(".answer-text").text();
  1269. var curDisplay = $(item).children(".answer-audio-range").css("display");
  1270. if (mytext == "" && curDisplay == "none") {
  1271. mytext = "未作答";
  1272. if (isanswer) {
  1273. mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
  1274. $(item).children(".answer-text").html(mytext);
  1275. $(item).children(".answer-text").addClass("noanswer-border");
  1276. }
  1277. else {
  1278. $(item).children(".answer-text").text(mytext);
  1279. $(item).children(".answer-text").addClass("no-answer");
  1280. }
  1281. $(item).children(".answer-point-range").hide();
  1282. $(item).children(".answer-text").show();
  1283. }
  1284. });
  1285. $(".answer-body").removeClass("select-answer");//移除样式
  1286. $(".answer-body").unbind("click");//取消点击绑定事件
  1287. $(".answer-body").children(".answer-audio-range").children("span").unbind("click");//取消点击绑定事件
  1288. //打勾题的还原
  1289. $.each($(".checkbox"), function (num, item) {
  1290. var isanswer = false;
  1291. var answerid = $(item).attr("answer-id");
  1292. var parentid = $(item).attr("parent-anid");
  1293. //遍历同一小题的作答,如果作答了,整个小题都认为是作答了
  1294. $.each($(".checkbox[parent-anid=" + parentid + "]"), function (n, item) {
  1295. var atext = $(item).attr("answer-text");
  1296. if (atext != "" && atext != "未作答") {
  1297. isanswer = true;
  1298. }
  1299. });
  1300. //遍历同一小题的作答,如果作答了,整个小题都认为是作答了
  1301. $.each($(".answer-body[parent-anid=" + parentid + "]"), function (n, item) {
  1302. var atext = $(item).children(".answer-text").text();
  1303. if (atext != "" && atext != "未作答") {
  1304. isanswer = true;
  1305. }
  1306. });
  1307. //提交直接还原作答现场
  1308. var mytext = $(item).attr("answer-text");//我的答案
  1309. var ischecked = mytext.indexOf("√") > -1;
  1310. var answerText = $(item).attr("answer-anstext");//参考答案
  1311. if (mytext == "") {
  1312. mytext = "未作答";
  1313. if (isanswer) {
  1314. mytext = "&nbsp;&nbsp;&nbsp;";
  1315. }
  1316. }
  1317. //mytext = mytext == "" ? "&nbsp;&nbsp;&nbsp;" : mytext;
  1318. if (!isanswer) {
  1319. $(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 no-answer' style='display:block;'>" + mytext + "</buttom></div>");
  1320. }
  1321. else {
  1322. $(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>");
  1323. }
  1324. });
  1325. ControlFlag = false;
  1326. //console.log(JSON.stringify(answerData));
  1327. return answerData;
  1328. }
  1329. //回填所有答案,answerJson:所有作答及参考答案List,statusType:0-可作答,1-已提交,2-查看评阅
  1330. function backupAllAnswer(answerJson, statusType) {
  1331. if (statusType == 0) {
  1332. ControlFlag = true;
  1333. }
  1334. else {
  1335. ControlFlag = false;
  1336. }
  1337. if (answerJson != "" && answerJson) {
  1338. var answerList = JSON.parse(answerJson);
  1339. $.each($(".answer-body"), function (num, item) {
  1340. var index = 0;
  1341. var isanswer = false;
  1342. var answerid = $(item).attr("answer-id");
  1343. var parentid = $(item).attr("parent-anid");
  1344. //查找作答
  1345. for (var i = 0; i < answerList.length; i++) {
  1346. if (answerid == answerList[i].Id) {
  1347. index = i;
  1348. break;
  1349. }
  1350. }
  1351. //一题多空的作答关联查找
  1352. for (var i = 0; i < answerList.length; i++) {
  1353. if (parentid == answerList[i].pId) {
  1354. if (answerList[i].Text != "") {
  1355. isanswer = true;
  1356. break;
  1357. }
  1358. }
  1359. }
  1360. //提交直接还原作答现场
  1361. var mytext = answerList[index].Text;//我的答案
  1362. answerList[index].IsKY = $(item).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  1363. //添加音频控制
  1364. var hasAudio = false;
  1365. var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
  1366. if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
  1367. hasAudio = true;
  1368. $(item).children(".answer-point-range").hide();
  1369. $(item).children(".answer-audio-range").css("display", "inline-block");
  1370. $(item).children(".answer-audio-range").children("span").text("作答音频(" + answerList[index].AudioLength + "s)");
  1371. //填充作答内容
  1372. $(item).attr("answer-text", mytext);
  1373. if (mytext != "") {
  1374. mytext = "(" + mytext + ")";
  1375. $(item).children(".answer-text").show();
  1376. $(item).children(".answer-text").text(mytext);
  1377. }
  1378. //音频节点
  1379. $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
  1380. $(item).attr("answer-url", answerList[index].AudioUrl);
  1381. $(item).children(".answer-audio-range").attr("play-status", "0");
  1382. //独立绑定事件
  1383. $(audioElement).on("click", function () {
  1384. recordAudioClick(this, answerList[index].Id, answerList[index].AudioUrl);
  1385. });
  1386. }
  1387. //可作答状态,作答还原
  1388. if (statusType == 0) {
  1389. //已作答过,还原作答,增加作答后的UI节点
  1390. if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
  1391. $(item).children(".answer-audio-range").children("span").on("click", function () {
  1392. $(".answer-body").removeClass("select-answer");
  1393. $(item).addClass("select-answer");
  1394. onClickAnswerPoint(JSON.stringify(answerList[index]));
  1395. });
  1396. }
  1397. else {
  1398. $(item).attr("answer-text", mytext);//填充作答内容
  1399. if (mytext != "") {
  1400. $(item).children(".answer-text").show();
  1401. $(item).children(".answer-point-range").hide();
  1402. $(item).children(".answer-text").text(mytext);
  1403. }
  1404. }
  1405. }
  1406. //已提交,作答还原
  1407. if (statusType == 1) {
  1408. //取消点击绑定事件
  1409. $(item).unbind('click');
  1410. //填充作答内容
  1411. $(item).attr("answer-text", mytext);
  1412. if (mytext == "" && !hasAudio) {
  1413. mytext = "未作答";
  1414. if (isanswer) {
  1415. mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
  1416. $(item).children(".answer-text").html(mytext);
  1417. $(item).children(".answer-text").addClass("noanswer-border");
  1418. }
  1419. else {
  1420. $(item).children(".answer-text").text(mytext);
  1421. $(item).children(".answer-text").addClass("no-answer");
  1422. }
  1423. $(item).children(".answer-text").show();
  1424. }
  1425. else if (mytext == "" && hasAudio) {
  1426. $(item).children(".answer-text").hide();
  1427. }
  1428. else {
  1429. $(item).children(".answer-text").show();
  1430. $(item).children(".answer-text").text(mytext);
  1431. }
  1432. $(item).children(".answer-point-range").hide();
  1433. }
  1434. //已评阅,查看评阅详情
  1435. if (statusType == 2) {
  1436. //添加音频控制
  1437. if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
  1438. //独立绑定事件
  1439. $(item).children(".answer-audio-range").children("span").on("click", function () {
  1440. $(".answer-body").removeClass("select-answer");
  1441. $(item).addClass("select-answer");
  1442. onClickAnswerPoint(JSON.stringify(answerList[index]));
  1443. });
  1444. }
  1445. else {
  1446. $(item).attr("answer-text", mytext);//填充作答内容
  1447. if (mytext == "" && !hasAudio) {
  1448. mytext = "未作答";
  1449. if (isanswer) {
  1450. mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
  1451. $(item).children(".answer-text").html(mytext);
  1452. $(item).children(".answer-text").addClass("noanswer-border");
  1453. }
  1454. else {
  1455. $(item).children(".answer-text").text(mytext);
  1456. $(item).children(".answer-text").addClass("no-answer");
  1457. }
  1458. $(item).children(".answer-text").show();
  1459. }
  1460. else if (mytext == "" && hasAudio) {
  1461. $(item).children(".answer-text").hide();
  1462. }
  1463. else {
  1464. $(item).children(".answer-text").show();
  1465. $(item).children(".answer-text").text(mytext);
  1466. }
  1467. $(item).children(".answer-point-range").hide();
  1468. }
  1469. }
  1470. // 添加answer-boy的样式判断
  1471. var DStatusFlag = $(item).find(".answer-point-range").css("display") != "none";
  1472. if (DStatusFlag) {
  1473. $(item).attr("answer-showanswer", "0"); // 修改显示格式
  1474. }
  1475. else {
  1476. $(item).attr("answer-showanswer", "1"); // 修改显示格式
  1477. }
  1478. });
  1479. //打勾题的还原
  1480. $.each($(".checkbox"), function (num, item) {
  1481. //可作答状态,作答还原
  1482. var index = 0;
  1483. var isanswer = false;
  1484. var answerid = $(item).attr("answer-id");
  1485. var parentid = $(item).attr("parent-anid");
  1486. for (var i = 0; i < answerList.length; i++) {
  1487. if (answerid == answerList[i].Id) {
  1488. index = i;
  1489. break;
  1490. }
  1491. }
  1492. //一题多空的作答关联查找
  1493. for (var i = 0; i < answerList.length; i++) {
  1494. if (parentid == answerList[i].pId) {
  1495. if (answerList[i].Text != "") {
  1496. isanswer = true;
  1497. Score = answerList[i].Score;
  1498. break;
  1499. }
  1500. }
  1501. }
  1502. //提交直接还原作答现场
  1503. var mytext = answerList[index].Text;//我的答案
  1504. var ischecked = mytext.indexOf("√") > -1;
  1505. var answerText = $(item).attr("answer-anstext");//参考答案
  1506. $(item).attr("answer-text", mytext);
  1507. $(item).find('input').prop('checked', ischecked);
  1508. //还原打勾效果
  1509. if (ischecked && statusType == 0) {
  1510. $(".cBoxCls_" + answerid).attr("data-status", "1");
  1511. }
  1512. //已提交,已评阅,还原HTML代码,去除checkbox
  1513. if (statusType == 1 || statusType == 2) {
  1514. if (mytext == "") {
  1515. mytext = "未作答";
  1516. if (isanswer) {
  1517. mytext = "&nbsp;&nbsp;&nbsp;";
  1518. }
  1519. }
  1520. //mytext = mytext == "" ? "&nbsp;&nbsp;&nbsp;" : mytext;
  1521. if (!isanswer) {
  1522. $(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 no-answer' style='display:block;'>" + mytext + "</buttom></div>");
  1523. }
  1524. else {
  1525. $(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>");
  1526. }
  1527. }
  1528. });
  1529. //点击事件重新绑定
  1530. if (statusType == 0 || statusType == 2) {
  1531. //评阅样式
  1532. if (statusType == 2) {
  1533. $.each($(".answer-body"), function (num, item) {
  1534. var parentid = $(item).attr("parent-anid");
  1535. if (answerList[num].Score == 0) {
  1536. if (!$(item).children(".answer-text").hasClass("good-answer")) {
  1537. $(item).children(".answer-text").addClass("bad-answer");
  1538. }
  1539. }
  1540. if (answerList[num].Score > 0) {
  1541. //遍历同一小题的评阅,并加上样式
  1542. $.each($(".answer-body[parent-anid=" + parentid + "]"), function (n, item) {
  1543. $(item).children(".answer-text").addClass("good-answer");
  1544. });
  1545. }
  1546. });
  1547. }
  1548. $(".answer-body").unbind("click").on("click", function () {
  1549. var curObj = new Object();
  1550. curObj.Id = $(this).attr("answer-id");//答题点ID
  1551. curObj.pId = $(this).attr("parent-anid");//答题点ID
  1552. curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  1553. curObj.Text = $(this).attr("answer-text");//用户作答内容
  1554. curObj.Score = $(this).attr("answer-score");//作答评分
  1555. curObj.AnsText = $(this).attr("answer-anstext");//参考答案
  1556. curObj.Comment = $(this).attr("answer-comment");//评语
  1557. curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
  1558. $(".checkbox").removeClass("select-answer");
  1559. $(".answer-body").removeClass("select-answer");
  1560. if (statusType == 2) {
  1561. $(".answer-body[parent-anid=" + curObj.pId + "]").addClass("select-answer");
  1562. }
  1563. else {
  1564. $(this).addClass("select-answer");
  1565. }
  1566. //已作答,弹出作答答案
  1567. if ($(this).data("ans-status") == "1") {
  1568. //移动端添加外部处理
  1569. onClickAnswerPoint(JSON.stringify(curObj));
  1570. }
  1571. else {
  1572. //移动端添加外部处理,弹出作答操作
  1573. onClickAnswerPoint(JSON.stringify(curObj));
  1574. }
  1575. });
  1576. }
  1577. }
  1578. }
  1579. //老师评阅学生作答
  1580. function reviewStuAnswer(answerJson) {
  1581. if (answerJson != "" && answerJson) {
  1582. var answerObj = JSON.parse(answerJson);
  1583. var selectElement = $(".answer-body[answer-id='" + answerObj.Id + "']");
  1584. //$(selectElement).attr("answer-text", answerObj.Text);//用户作答内容
  1585. $(selectElement).attr("answer-score", answerObj.Score);//作答评分
  1586. $(selectElement).attr("answer-anstext ", answerObj.AnsText);//参考答案
  1587. $(selectElement).attr("answer-comment", answerObj.Comment);//评语
  1588. //遍历同一小题的评阅,并加上样式
  1589. $.each($(".answer-body[parent-anid=" + answerObj.pId + "]"), function (n, item) {
  1590. //评阅样式
  1591. if (answerObj.Score == 0) {
  1592. $(item).children(".answer-text").removeClass("good-answer");
  1593. $(item).children(".answer-text").addClass("bad-answer");
  1594. }
  1595. if (answerObj.Score > 0) {
  1596. $(item).children(".answer-text").removeClass("bad-answer");
  1597. $(item).children(".answer-text").addClass("good-answer");
  1598. }
  1599. });
  1600. }
  1601. }
  1602. //回填所有评阅信息,answerJson:所有作答及参考答案评阅信息List
  1603. function backupAllReview(answerJson) {
  1604. if (answerJson != "" && answerJson) {
  1605. var answerList = JSON.parse(answerJson);
  1606. $.each($(".answer-body"), function (num, item) {
  1607. var index = 0;
  1608. var ismany = false;
  1609. var answerid = $(item).attr("answer-id");
  1610. var parentid = $(item).attr("parent-anid");
  1611. //查找
  1612. for (var i = 0; i < answerList.length; i++) {
  1613. if (answerid == answerList[i].Id) {
  1614. index = i;
  1615. break;
  1616. }
  1617. }
  1618. //一题多空的作答关联查找
  1619. for (var i = 0; i < answerList.length; i++) {
  1620. if (parentid == answerList[i].pId && answerid != answerList[i].Id) {
  1621. ismany = true;
  1622. }
  1623. }
  1624. //$(item).attr("answer-id", answerList[index].Id);//答题点ID
  1625. //$(item).attr("answer-text", answerList[index].Text);//用户作答内容
  1626. $(item).attr("answer-score", answerList[index].Score);//作答评分
  1627. $(item).attr("answer-anstext", answerList[index].AnsText);//参考答案
  1628. $(item).attr("answer-comment", answerList[index].Comment);//评语
  1629. //提交直接还原作答现场
  1630. var mytext = answerList[index].Text;//我的答案
  1631. var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
  1632. if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
  1633. $(item).children(".answer-point-range").hide();
  1634. $(item).children(".answer-audio-range").css("display", "inline-block");
  1635. $(item).children(".answer-audio-range").children("span").text("作答音频(" + answerList[index].AudioLength + "s)");
  1636. //填充作答内容
  1637. $(item).attr("answer-text", mytext);
  1638. if (mytext != "") {
  1639. mytext = "(" + mytext + ")";
  1640. $(item).children(".answer-text").show();
  1641. $(item).children(".answer-text").text(mytext);
  1642. }
  1643. //是否之前存在作答音频
  1644. $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
  1645. $(item).attr("answer-url", answerList[index].AudioUrl);
  1646. $(item).children(".answer-audio-range").attr("play-status", "0");
  1647. //独立绑定事件
  1648. $(audioElement).on("click", function () {
  1649. recordAudioClick(this, answerList[index].Id, answerList[index].AudioUrl);
  1650. });
  1651. $(item).children(".answer-audio-range").children("span").on("click", function () {
  1652. $(".answer-body").removeClass("select-answer");
  1653. $(item).addClass("select-answer");
  1654. onClickAnswerPoint(JSON.stringify(answerList[index]));
  1655. });
  1656. }
  1657. else {
  1658. $(item).attr("answer-text", mytext);//填充作答内容
  1659. if (mytext == "") {
  1660. mytext = "未作答";
  1661. if (parentid != answerid || ismany) {
  1662. mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
  1663. $(item).children(".answer-text").html(mytext);
  1664. $(item).children(".answer-text").addClass("noanswer-border");
  1665. }
  1666. else {
  1667. $(item).children(".answer-text").text(mytext);
  1668. $(item).children(".answer-text").addClass("no-answer");
  1669. }
  1670. }
  1671. else {
  1672. $(item).children(".answer-text").text(mytext);
  1673. }
  1674. $(item).children(".answer-text").show();
  1675. $(item).children(".answer-point-range").hide();
  1676. }
  1677. //评阅样式
  1678. if (answerList[index].Score == 0) {
  1679. if (!$(item).children(".answer-text").hasClass("good-answer")) {
  1680. $(item).children(".answer-text").addClass("bad-answer");
  1681. }
  1682. }
  1683. if (answerList[index].Score > 0) {
  1684. //遍历同一小题的评阅,并加上样式
  1685. $.each($(".answer-body[parent-anid=" + parentid + "]"), function (n, item) {
  1686. $(item).children(".answer-text").addClass("good-answer");
  1687. });
  1688. }
  1689. });
  1690. //打勾题的还原
  1691. $.each($(".checkbox"), function (num, item) {
  1692. var index = 0;
  1693. var isanswer = false;
  1694. var answerid = $(item).attr("answer-id");
  1695. var parentid = $(item).attr("parent-anid");
  1696. //查找
  1697. for (var i = 0; i < answerList.length; i++) {
  1698. if (answerid == answerList[i].Id) {
  1699. index = i;
  1700. break;
  1701. }
  1702. }
  1703. //一题多空的作答关联查找
  1704. for (var i = 0; i < answerList.length; i++) {
  1705. if (parentid == answerList[i].pId) {
  1706. if (answerList[i].Text != "") {
  1707. isanswer = true;
  1708. break;
  1709. }
  1710. }
  1711. }
  1712. //提交直接还原作答现场
  1713. var mytext = answerList[index].Text;//我的答案
  1714. var ischecked = mytext.indexOf("√") > -1;
  1715. var answerText = $(item).attr("answer-anstext");//参考答案
  1716. if (mytext == "") {
  1717. mytext = "未作答";
  1718. if (isanswer) {
  1719. mytext = "&nbsp;&nbsp;&nbsp;";
  1720. }
  1721. }
  1722. //mytext = mytext == "" ? "&nbsp;&nbsp;&nbsp;" : mytext;
  1723. if (!isanswer) {
  1724. $(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>");
  1725. }
  1726. else {
  1727. $(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 no-answer' style='display:block;'>" + mytext + "</buttom></div>");
  1728. }
  1729. //评阅样式
  1730. if (answerList[index].Score == 0) {
  1731. //遍历同一小题的评阅,并加上样式
  1732. $.each($(".answer-body[parent-anid=" + parentid + "]"), function (n, item) {
  1733. $(item).children(".answer-text").addClass("bad-answer");
  1734. });
  1735. }
  1736. if (answerList[index].Score > 0) {
  1737. //遍历同一小题的评阅,并加上样式
  1738. $.each($(".answer-body[parent-anid=" + parentid + "]"), function (n, item) {
  1739. $(item).children(".answer-text").addClass("good-answer");
  1740. });
  1741. }
  1742. });
  1743. //点击事件重新绑定
  1744. $(".answer-body").unbind("click").on("click", function () {
  1745. var curObj = new Object();
  1746. curObj.Id = $(this).attr("answer-id");//答题点ID
  1747. curObj.pId = $(this).attr("parent-anid");//答题点ID
  1748. curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  1749. curObj.Text = $(this).attr("answer-text");//用户作答内容
  1750. curObj.Score = $(this).attr("answer-score");//作答评分
  1751. curObj.AnsText = $(this).attr("answer-anstext");//参考答案
  1752. curObj.Comment = $(this).attr("answer-comment");//评语
  1753. curObj.pId = curObj.pId ? curObj.pId : curObj.Id;//组ID
  1754. $(".checkbox").removeClass("select-answer");
  1755. $(".answer-body").removeClass("select-answer");
  1756. //$(this).addClass("select-answer");
  1757. $(".answer-body[parent-anid=" + curObj.pId + "]").addClass("select-answer");
  1758. //已作答,弹出作答答案
  1759. if ($(this).data("ans-status") == "1") {
  1760. //移动端添加外部处理
  1761. onClickAnswerPoint(JSON.stringify(curObj));
  1762. }
  1763. else {
  1764. //移动端添加外部处理,弹出作答操作
  1765. onClickAnswerPoint(JSON.stringify(curObj));
  1766. }
  1767. });
  1768. }
  1769. }
  1770. //处理播放录音,answerid:答题点ID,isPlay:是否播放(0-暂停,1-播放)
  1771. function playRecordAudio(answerid, isPlay) {
  1772. //获取其他正在播放的音频
  1773. var playing = $(".answer-body[answer-id='" + answerid + "']").children(".answer-audio-range");
  1774. if (playing.length > 0) {
  1775. if (isPlay == "1") {
  1776. $(playing).attr("play-status", "1");
  1777. $(playing).find("img").attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
  1778. }
  1779. else {
  1780. $(playing).attr("play-status", "0");
  1781. $(playing).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  1782. }
  1783. }
  1784. }
  1785. //滚动到相应DIV
  1786. function scrollAnswer(answerid) {
  1787. //console.log(answerid);
  1788. $(".checkbox").removeClass("select-answer");
  1789. $(".answer-body").removeClass("select-answer");
  1790. var ansDom = $(".answer-body[parent-anid='" + answerid + "']");
  1791. if (ansDom.length == 0) {
  1792. ansDom = $(".checkbox[parent-anid='" + answerid + "']");
  1793. }
  1794. $(ansDom).addClass("select-answer");
  1795. var scroll_offset = $(ansDom).offset(); //得到box这个div层的offset,包含两个值,top和left
  1796. var offset_top = scroll_offset.top;
  1797. if (offset_top > 150) {
  1798. offset_top = offset_top - 200;
  1799. }
  1800. $("body,html").animate({
  1801. scrollTop: offset_top //让body的scrollTop等于pos的top,就实现了滚动
  1802. });
  1803. }
  1804. //暂停播放原文音频
  1805. function pauseTextAudio(audioid) {
  1806. //获取其他正在播放的音频
  1807. var playing = $(".audioImg[audio-id='" + audioid + "']");
  1808. if (playing.length > 0) {
  1809. $(playing).attr("play-status", "0");
  1810. $(playing).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
  1811. }
  1812. }
  1813. //原文音频播放按钮点击事件
  1814. function audioPlayClick(myobj) {
  1815. var curHtml = $(myobj).parent().find(".audioUrl").html();
  1816. var curAlt = $(myobj).attr("alt");
  1817. //处理当前按钮的状
  1818. if ($(myobj).attr("play-status") == "1") {
  1819. $(myobj).attr("play-status", "0");
  1820. $(myobj).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
  1821. }
  1822. else {
  1823. //停止其他作答音频播放
  1824. var isRecordPlaying = $(".answer-audio-range[play-status='1']");
  1825. if (isRecordPlaying.length > 0) {
  1826. $(isRecordPlaying).attr("play-status", "0");
  1827. $(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  1828. }
  1829. //停止其他原文音频播放
  1830. var audioPlaying = $(".audioImg[play-status='1']");
  1831. if (audioPlaying.length > 0) {
  1832. $(audioPlaying).attr("play-status", "0");
  1833. $(audioPlaying).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
  1834. }
  1835. //设置播放状态
  1836. $(myobj).attr("play-status", "1");
  1837. $(myobj).attr("src", PicInfo.audioPlayImgUrl);//移动端要根据本地 喇叭 路径替换
  1838. }
  1839. var info = new Object();
  1840. info.Id = $(myobj).attr("audio-id");
  1841. info.AudioUrl = curAlt;
  1842. //移动端添加外部处理
  1843. playVisiableAudioCallBack(1, JSON.stringify(info));
  1844. }
  1845. //作答录音播放按钮点击事件
  1846. function recordAudioClick(myobj, id, url) {
  1847. //处理当前按钮的状态
  1848. if ($(myobj).parent().attr("play-status") == "0") {
  1849. //停止其他作答音频播放
  1850. var isRecordPlaying = $(".answer-audio-range[play-status='1']");
  1851. if (isRecordPlaying.length > 0) {
  1852. $(isRecordPlaying).attr("play-status", "0");
  1853. $(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  1854. }
  1855. //停止其他原文音频播放
  1856. var audioPlaying = $(".audioImg[play-status='1']");
  1857. if (audioPlaying.length > 0) {
  1858. $(audioPlaying).attr("play-status", "0");
  1859. $(audioPlaying).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地 喇叭 路径替换
  1860. }
  1861. //设置播放状态
  1862. $(myobj).parent().attr("play-status", "1");
  1863. $(myobj).attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
  1864. }
  1865. else {
  1866. $(myobj).parent().attr("play-status", "0");
  1867. $(myobj).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  1868. }
  1869. //移动端添加外部处理,播放录音
  1870. var info = new Object();
  1871. info.Id = id;
  1872. info.AudioUrl = url;
  1873. //移动端添加外部处理,播放录音
  1874. playVisiableAudioCallBack(3, JSON.stringify(info));
  1875. }
  1876. //生成从minNum到maxNum的随机数
  1877. function randomNum(minNum, maxNum) {
  1878. switch (arguments.length) {
  1879. case 1:
  1880. return parseInt(Math.random() * minNum + 1, 10);
  1881. break;
  1882. case 2:
  1883. return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
  1884. break;
  1885. default:
  1886. return 0;
  1887. break;
  1888. }
  1889. }
  1890. // 传递显示单词wordFlag/短语phraseFlag/句型sentenceFlag,true表示高亮,false表示不高亮
  1891. function showGLWorld(wordFlag, phraseFlag, sentenceFlag) {
  1892. styleWPSContrl.wordFlag = wordFlag;
  1893. styleWPSContrl.phraseFlag = phraseFlag;
  1894. styleWPSContrl.sentenceFlag = sentenceFlag;
  1895. $.each($(".underlineContent").find("u[hitstyle='wordStyle'],span[hitstyle='wordStyle'],p[hitstyle='wordStyle'],u[hitstyle='phraseStyle'],span[hitstyle='phraseStyle'],p[hitstyle='phraseStyle'],u[hitstyle='sentenceStyle'],span[hitstyle='sentenceStyle'],p[hitstyle='sentenceStyle']"), function (index, element) {
  1896. dealAnswerFunc(element, true, true);
  1897. });
  1898. }
  1899. function playVisiableAudioCallBack(type, url) {
  1900. //console.log(url);
  1901. cancelBubble();
  1902. plugin.startPlay(type, url);
  1903. }
  1904. function onClickAnswerPoint(data) {
  1905. //alert(JSON.stringify(data));
  1906. console.log(JSON.stringify(data));
  1907. cancelBubble();
  1908. plugin.onClickAnswerPoint(data);
  1909. }
  1910. function onClickKeyHide() {
  1911. //alert(JSON.stringify(data));
  1912. cancelBubble();
  1913. plugin.onClickKeyHide();
  1914. }
  1915. function onClickKeyShow() {
  1916. //alert(JSON.stringify(data));
  1917. cancelBubble();
  1918. plugin.onClickKeyShow();
  1919. }
  1920. function cancelBubble(e) {
  1921. var evt = e ? e : window.event;
  1922. if (evt.stopPropagation) { //W3C
  1923. evt.stopPropagation();
  1924. } else { //IE
  1925. evt.cancelBubble = true;
  1926. }
  1927. }
  1928. function getSelectedText(title) {
  1929. var txt;
  1930. if (window.getSelection) {
  1931. txt = window.getSelection().toString();
  1932. } else if (window.document.getSelection) {
  1933. txt = window.document.getSelection().toString();
  1934. } else if (window.document.selection) {
  1935. txt = window.document.selection.createRange().text;
  1936. }
  1937. JSInterface.callback(txt, title);
  1938. }
  1939. // 控制滑块接口(Id第几个音频,leftVal进度条实时时间,allTimes表示总时间)
  1940. function showImageFunc(Id, leftVal, allTimes) {
  1941. playImageFunc(Id, leftVal, allTimes);
  1942. }