tasklib_book.js 71 KB

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