new_tasklib_book.js 101 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223
  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. sentenceIcoUrl: "file:///android_asset/js/sentenceIco.png"
  11. }
  12. //本地调用用的资源
  13. var PicInfo = {
  14. answerPointImgUrl: "../Images/update-answer.png",
  15. yaoshiShowImgUrl: "../Images/yaoshi-show.png",
  16. yaoshiHideImgUrl: "../Images/yaoshi-hide.png",
  17. KouYuTagImgUrl: "../Images/KY.png",
  18. recordPlayImgUrl: "../Images/play.png",
  19. recordPauseImgUrl: "../Images/pause.png",
  20. audioPlayImgUrl: "../Images/dynaiselaba.gif",
  21. audioPauseImgUrl: "../Images/dynaiselaba.png",
  22. sentenceIcoUrl: "../Images/sentenceIco.png"
  23. }
  24. ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  25. // 公用方法
  26. // 检测安卓和ios
  27. var cTTypeFunc = function () {
  28. return 1; // 按1处理
  29. var u = navigator.userAgent;
  30. //var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
  31. //var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  32. if (u.indexOf('Android') > -1 || u.indexOf('Adr') > -1) {
  33. return 1;
  34. }
  35. else {
  36. return 2;
  37. }
  38. }();
  39. // 删除叼毛题库原先附加无用属性
  40. function dealUnderLineFunc() {
  41. // 打理干净underline
  42. $.each($('.underline').not(".underlineContent"), function () {
  43. if ($(this).find(".underlineContent").length > 0) {
  44. var ClsNmae = $(this).attr("class");
  45. ClsNmae = ClsNmae.replace("underline", "").replace(" ", " ");
  46. $(this).attr("class", ClsNmae);
  47. }
  48. else {
  49. $(this).remove(); // 删除全部
  50. }
  51. });
  52. // 删除全部underlineContent的颜色
  53. $(".underlineContent").css("color", "");
  54. // 删除要是的display
  55. $.each($('.yaoshi'), function () {
  56. var StyleStr = $(this).attr("style");
  57. if (StyleStr == undefined || StyleStr == null || StyleStr == "") {
  58. return;
  59. }
  60. var StyleArr = StyleStr.split(";");
  61. StyleStr = "";
  62. for (var i = 0; i < StyleArr.length; i++) {
  63. if (StyleArr[i].indexOf("display") == -1 && StyleStr == "") {
  64. StyleStr += StyleArr[i];
  65. }
  66. else if (StyleArr[i].indexOf("display") == -1 && StyleStr != "") {
  67. StyleStr += ";" + StyleArr[i];
  68. }
  69. }
  70. $(this).attr("style", StyleStr);
  71. });
  72. }
  73. // 查找该img下的underlinecontent
  74. function selectImgULContent(item, Id) {
  75. var uLCClsName = item.attr("class");
  76. var nItem = item.next();
  77. var pItem = item.parent();
  78. if (uLCClsName != undefined && uLCClsName.indexOf("yaoshi") > -1) {
  79. // 到达下一个钥匙的位置了,终止
  80. return;
  81. }
  82. if (uLCClsName != undefined && uLCClsName.indexOf("underlineContent") > -1 && uLCClsName.indexOf("noKey") == -1) {
  83. // 如果为答题点
  84. item.attr("yaoshi-flag", Id).attr("showflag", "1");
  85. }
  86. // 判断子节点是否存在钥匙标签
  87. if (item.find(".yaoshi").length == 0) {
  88. $.each(item.find(".underlineContent").not(".noKey"), function (iIndex, iItem) {
  89. $(iItem).attr("yaoshi-flag", Id).attr("showflag", "1");
  90. });
  91. }
  92. else {
  93. return selectImgULContent(item.children(":first"), Id); // 获取第一个子节点
  94. }
  95. if (nItem.length > 0) {
  96. return selectImgULContent(nItem, Id);
  97. }
  98. else {
  99. if (pItem[0] == undefined || pItem[0].tagName.toUpperCase() == "BODY") {
  100. // 到达网页根节点,终止
  101. return;
  102. }
  103. else {
  104. return selectImgULContent(pItem.next(), Id);
  105. }
  106. }
  107. }
  108. // 点击事件样式渲染
  109. var ClickRecFunc = function (pID) {
  110. if (pID == undefined || pID == null || pID == "") {
  111. return;
  112. }
  113. $(".answer-body").removeClass("select-answer");
  114. var jqStr = ".answer-body[parent-anid='" + pID + "']";
  115. $(jqStr).addClass("select-answer");
  116. if ($(jqStr).attr("data-astatus") == "1") {
  117. var curObj = new Object();
  118. curObj.Id = $(jqStr).attr("answer-id");//答题点ID
  119. curObj.pId = $(jqStr).attr("parent-anid");//答题点ID
  120. curObj.IsKY = $(jqStr).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  121. curObj.AnsText = $(jqStr).attr("answer-anstext");//参考答案
  122. onClickAnswerPoint(JSON.stringify(curObj));
  123. }
  124. };
  125. // #region 表格处理
  126. var pressTableFlag = false;
  127. // 处理表格内的图片宽度
  128. var DealImageWFunc = function (Item, WidthVal) {
  129. var pattWStr = new RegExp(/width\s?:\s?[0-9]+%;/ig);
  130. var pattWStr2 = new RegExp(/width\s?=\s?["|'|0-9]+%/ig);
  131. $.each($(Item).find("img").not(".nextpic"), function (index, iItem) {
  132. var HtmlStr = $(iItem).prop("outerHTML");
  133. var matchesWArr = HtmlStr.match(pattWStr);
  134. if (matchesWArr != null && matchesWArr.length > 0) {
  135. if (matchesWArr[0].indexOf("%") > -1) {
  136. var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", ""));
  137. $(this).css("width", (WidthVal * TWidthVal / 100) + "px");
  138. }
  139. }
  140. var matchesWArr = HtmlStr.match(pattWStr2);
  141. if (matchesWArr != null && matchesWArr.length > 0) {
  142. if (matchesWArr[0].indexOf("%") > -1) {
  143. var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("\"", "").replace("width=", ""));
  144. $(this).css("width", (WidthVal * TWidthVal / 100) + "px");
  145. }
  146. }
  147. });
  148. };
  149. // 获取最大字符长度的字符串(起决定宽度的字符串/将字符去除HTML标签)
  150. var removeHtmlFunc = function (htmlStr, TdWidthVal) {
  151. var ReArr = {
  152. TextStr: "",
  153. WidthVal: 0,
  154. ImgFlag: false,
  155. };
  156. // 清除非长度标签
  157. var pattStr = new RegExp(/<(img){1}.*?>/ig);
  158. var matchesArr = htmlStr.match(pattStr);
  159. if (matchesArr != null && (matchesArr != undefined && matchesArr.length > 0)) {
  160. for (var i = 0; i < matchesArr.length; i++) {
  161. if (matchesArr[i].indexOf("nextpic") == -1) {
  162. var TempWidthVal = 0;
  163. var pattWStr = new RegExp(/width\s?:\s?[0-9|p|x|%]+;/ig);
  164. var matchesWArr = matchesArr[i].match(pattWStr);
  165. if (matchesWArr != null && matchesWArr.length > 0) {
  166. if (matchesWArr[0].indexOf("%") > -1) {
  167. var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", ""));
  168. TempWidthVal += TdWidthVal * TWidthVal;
  169. }
  170. else {
  171. TempWidthVal += parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width:", "").replace("px", ""));
  172. }
  173. }
  174. pattWStr = new RegExp(/width\s?=\s?["|'|0-9|p|x|%]+/ig);
  175. matchesWArr = matchesArr[i].match(pattWStr);
  176. if (matchesWArr != null && matchesWArr.length > 0) {
  177. if (matchesWArr[0].indexOf("%") > -1) {
  178. var TWidthVal = parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width=", ""));
  179. TempWidthVal += TdWidthVal * TWidthVal;
  180. } else {
  181. TempWidthVal += parseFloat(matchesWArr[0].replace(/\s/g, "").replace("width=", "").replace("px", ""));
  182. }
  183. }
  184. ReArr.WidthVal = TempWidthVal > ReArr.WidthVal ? TempWidthVal : ReArr.WidthVal;
  185. if (ReArr.WidthVal != 0) {
  186. ReArr.ImgFlag = true;
  187. }
  188. }
  189. htmlStr = htmlStr.replace(matchesArr[i], "");
  190. }
  191. }
  192. // 其他处理
  193. pattStr = new RegExp(/(<(p){1}.*?>).*?(<\/\2>)/ig);
  194. matchesArr = htmlStr.match(pattStr);
  195. if (matchesArr != undefined && matchesArr.length > 0) {
  196. // 清除匹配的P标签
  197. for (var i = 0; i < matchesArr.length; i++) {
  198. // 去除多标签
  199. pattStr = new RegExp(/(<([a-z|A-Z]+){1}.*?>).*?(<\/\2>)/i);
  200. var NewhtmlStr = matchesArr[i];
  201. while (pattStr.test(NewhtmlStr)) {
  202. var tTmatchesArr = NewhtmlStr.match(pattStr);
  203. if (tTmatchesArr.length > 0) {
  204. // 存在P标签
  205. NewhtmlStr = NewhtmlStr.replace(tTmatchesArr[1], "").replace(tTmatchesArr[3], "");
  206. }
  207. }
  208. // 去除单标签
  209. pattStr = new RegExp(/(<([a-z|A-Z]+){1}\\s*\/\\s*>)/i);
  210. while (pattStr.test(NewhtmlStr)) {
  211. var tTmatchesArr = NewhtmlStr.match(pattStr);
  212. if (tTmatchesArr.length > 0) {
  213. // 存在P标签
  214. NewhtmlStr = NewhtmlStr.replace(tTmatchesArr[1], "");
  215. }
  216. }
  217. if (i == 0 || (htmlStr.length < NewhtmlStr.length)) {
  218. htmlStr = NewhtmlStr;
  219. }
  220. }
  221. }
  222. else {
  223. pattStr = new RegExp(/(<([a-z|A-Z]+){1}.*?>).*?(<\/\2>)/i); // 去除多标签
  224. while (pattStr.test(htmlStr)) {
  225. var tTmatchesArr = htmlStr.match(pattStr);
  226. if (tTmatchesArr.length > 0) {
  227. // 存在P标签
  228. htmlStr = htmlStr.replace(tTmatchesArr[1], "").replace(tTmatchesArr[3], "");
  229. }
  230. }
  231. // 去除单标签
  232. pattStr = new RegExp(/(<([a-z|A-Z]+){1}\\s*\/\\s*>)/i);
  233. while (pattStr.test(htmlStr)) {
  234. var tTmatchesArr = htmlStr.match(pattStr);
  235. if (tTmatchesArr.length > 0) {
  236. // 存在P标签
  237. htmlStr = htmlStr.replace(tTmatchesArr[1], "");
  238. }
  239. }
  240. }
  241. // 去除多空格
  242. while (htmlStr.match(/\s\s/g)) {
  243. htmlStr = htmlStr.replace(/\s\s/g, " ");
  244. }
  245. while (htmlStr.indexOf("&nbsp;&nbsp;") > -1) {
  246. htmlStr = htmlStr.replace("&nbsp;&nbsp;", "&nbsp;");
  247. }
  248. ReArr.TextStr = htmlStr;
  249. return ReArr;
  250. };
  251. // 计算存在padding的表格
  252. function GetPadVal(THandel) {
  253. // 判断是否存在border
  254. var BorderVal = 0;
  255. var BorderStr = $(THandel).css("border-right-width");
  256. if (BorderStr != null && BorderStr != "") {
  257. BorderVal = parseFloat(BorderStr.replace("px").replace("PX"));
  258. }
  259. BorderStr = $(THandel).css("border-right-width");
  260. if (BorderStr != null && BorderStr != "") {
  261. BorderVal += parseFloat(BorderStr.replace("px").replace("PX"));
  262. }
  263. // 判断是否存在padding
  264. var PaddingVal = $(THandel).css("padding");
  265. if (PaddingVal == null || PaddingVal == "") {
  266. PaddingVal = parseFloat($(THandel).css("padding-left")) + parseFloat($(THandel).css("padding-right"));
  267. if (PaddingVal == null || PaddingVal == "") {
  268. return BorderVal;
  269. }
  270. return BorderVal + PaddingVal;
  271. }
  272. var PadValArr = PaddingVal.split(" ");
  273. if (PadValArr.length > 2) {
  274. return BorderVal + parseFloat(PadValArr[1]) + parseFloat(PadValArr[3]);
  275. }
  276. else if (PadValArr.length > 1) {
  277. return BorderVal + parseFloat(PadValArr[1]) * 2;
  278. }
  279. else {
  280. return BorderVal + parseFloat(PadValArr[0]) * 2;
  281. }
  282. };
  283. // 动态获取表格最小宽度设置(最小宽度165px)
  284. var GetMinTableVal = function (TSWidth) {
  285. if (TSWidth > 320) {
  286. return 165 + (TSWidth - 320) * 0.09;
  287. }
  288. else {
  289. return 165;
  290. }
  291. };
  292. var AdjustTableFunc = function (sWidthVal, isAStatus) {
  293. if ($("table").length == 0) {
  294. return;
  295. }
  296. // 添加宽度处理
  297. var ScreenWidth = sWidthVal;
  298. var TempMinWidth = GetMinTableVal(ScreenWidth);
  299. $(document.body).append('<span id="pContrainId"></span>');
  300. $("table").find(".yaoshi").addClass("nextpic");
  301. $.each($("table"), function (index, item) {
  302. // 处理表格总宽度
  303. var ArrMaxLen = [];
  304. var FJArrMaxLen = [];
  305. var TableWidth = 0;
  306. var TotalMaxLen = 0;
  307. var RuleFlag = true; // 表示规则
  308. var HasIndex = 0;
  309. RSArrs = [];
  310. var NewAStatus = (isAStatus == "undefined" || isAStatus == undefined || isAStatus == null) ? 0 : parseInt(isAStatus);
  311. if (NewAStatus == 1) {
  312. // 判断是否存在答题点
  313. NewAStatus = $(item).find(".yaoshi").length > 0 ? 1 : 0;
  314. }
  315. var CheckBoxFlag = $(item).find(".boxQue").length > 0 && $(item).find(".boxQue").length == $(item).find(".yaoshi").length; // 判断是否是只存在多选框,定位对应的列
  316. $.each($(item).find("tr"), function (trIndex, trItem) {
  317. $.each($(trItem).find("td"), function (tdIndex, tdItem) {
  318. var RowSpanNum = parseInt($(tdItem).attr("rowspan"));
  319. var ColSpanNum = parseInt($(tdItem).attr("colspan"));
  320. RowSpanNum = (RowSpanNum == 0 || isNaN(RowSpanNum)) ? 1 : RowSpanNum;
  321. ColSpanNum = (ColSpanNum == 0 || isNaN(ColSpanNum)) ? 1 : ColSpanNum;
  322. if (ColSpanNum > 1) {
  323. RuleFlag = false;
  324. }
  325. if (RowSpanNum > 1) {
  326. var RSArr = {
  327. RSIndex: HasIndex,
  328. RSNumber: RowSpanNum,
  329. RSXIndex: tdIndex,
  330. RSYIndex: trIndex
  331. };
  332. HasIndex += 1;
  333. RSArrs.push(RSArr);
  334. }
  335. var WidthVal = $(tdItem).css("width").replace("px", "");
  336. var RemoveHtmlArr = removeHtmlFunc($(tdItem).html(), WidthVal);
  337. // 附加处理图片宽度
  338. DealImageWFunc(trItem, WidthVal);
  339. $("#pContrainId").text(RemoveHtmlArr.TextStr);
  340. var tdWidthVal = $("#pContrainId").width() + parseFloat(RemoveHtmlArr.WidthVal); // 获取文字宽度
  341. tdWidthVal += GetPadVal($(tdItem)) + 10;
  342. if (!RemoveHtmlArr.ImgFlag && (tdWidthVal > ScreenWidth)) {
  343. tdWidthVal = ScreenWidth;
  344. }
  345. // 判断是否需要设置最小宽度
  346. if (tdWidthVal < TempMinWidth && NewAStatus == 1 && !CheckBoxFlag) {
  347. tdWidthVal = TempMinWidth;
  348. }
  349. if (tdWidthVal < 100 && NewAStatus == 1 && !CheckBoxFlag) {
  350. tdWidthVal = 100;
  351. }
  352. if (ArrMaxLen.length < tdIndex + 1) {
  353. ArrMaxLen.push(0);
  354. }
  355. if (RSArrs.length > 0) {
  356. for (var i = 0; i < RSArrs.length; i++) {
  357. if (RSArrs[i].RSNumber > 1 && RSArrs[i].RSYIndex == trIndex) {
  358. if (ArrMaxLen[tdIndex] < tdWidthVal && ColSpanNum == 1) {
  359. TotalMaxLen += tdWidthVal - ArrMaxLen[tdIndex];
  360. ArrMaxLen[tdIndex] = tdWidthVal;
  361. }
  362. }
  363. }
  364. }
  365. else {
  366. if (ArrMaxLen[tdIndex] < tdWidthVal && ColSpanNum == 1) {
  367. TotalMaxLen += tdWidthVal - ArrMaxLen[tdIndex];
  368. ArrMaxLen[tdIndex] = tdWidthVal;
  369. }
  370. else if (ColSpanNum > 1) {
  371. var AddFlag = true;
  372. for (var i = 0; i < FJArrMaxLen.length; i++) {
  373. if (FJArrMaxLen[i].tdIndex == tdIndex) {
  374. if (FJArrMaxLen[i].WidthVal < tdWidthVal) {
  375. FJArrMaxLen[i].WidthVal = tdWidthVal;
  376. AddFlag = false;
  377. }
  378. }
  379. }
  380. if (AddFlag) {
  381. FJArrMaxLen.push({ trIndex: trIndex, tdIndex: tdIndex, WidthVal: tdWidthVal });
  382. }
  383. }
  384. }
  385. });
  386. for (var i = 0; i < RSArrs.length; i++) {
  387. if (RSArrs[i].RSNumber > 1) {
  388. RSArrs[i].RSNumber -= 1;
  389. }
  390. else {
  391. RSArrs.splice(i);
  392. }
  393. }
  394. });
  395. for (var i = 0; i < FJArrMaxLen.length; i++) {
  396. for (var j = 0; j < ArrMaxLen.length; j++) {
  397. if (ArrMaxLen[j] == 0 && FJArrMaxLen[i].tdIndex == j) {
  398. ArrMaxLen[j] = FJArrMaxLen[i].WidthVal;
  399. }
  400. }
  401. }
  402. // 判断表格是否只有一行
  403. if ($(item).find("tr").length == 1 && $(item).find("td").length == 1) {
  404. $(item).find("tr").eq(0).find("td").eq(0).css("width", ScreenWidth + "px");
  405. $(item).css("width", ScreenWidth + "px");
  406. }
  407. else {
  408. if (TotalMaxLen < ScreenWidth) {
  409. var AddPx = (ScreenWidth - TotalMaxLen) / ArrMaxLen.length;
  410. AddPx = AddPx > 2 ? AddPx - 2 : AddPx;
  411. for (var i = 0; i < ArrMaxLen.length; i++) {
  412. ArrMaxLen[i] += AddPx;
  413. }
  414. }
  415. var OneFlag = false;
  416. for (var i = 0; i < ArrMaxLen.length; i++) {
  417. if (ArrMaxLen[i] != undefined && ($(item).find("td").length > 1 || $(item).find("tr").length > 1) && RuleFlag) {
  418. if (i < ArrMaxLen.length - 1) {
  419. $(item).find("tr").find("td").eq(i).css("width", ArrMaxLen[i] + "px");
  420. TableWidth += ArrMaxLen[i];
  421. }
  422. else {
  423. $(item).find("tr").find("td").eq(i).css("width", (ArrMaxLen[i] - 10) + "px");
  424. TableWidth += (ArrMaxLen[i] - 10);
  425. }
  426. }
  427. else if (ArrMaxLen[i] != undefined && $(item).find("tr").length == 1 && $(item).find("td").length == 1) {
  428. OneFlag = true;
  429. if (ArrMaxLen.length - 1 == i) {
  430. TableWidth += ArrMaxLen[i] - 10;
  431. }
  432. else {
  433. TableWidth += ArrMaxLen[i];
  434. }
  435. }
  436. }
  437. if (ArrMaxLen != undefined && ($(item).find("td").length > 1 || $(item).find("tr").length > 1) && !RuleFlag) {
  438. var TWAFlag = true;
  439. $.each($(item).find("tr"), function (trIndex, trItem) {
  440. if ($(trItem).find("td").length == ArrMaxLen.length) {
  441. $.each($(trItem).find("td"), function (tdIndex, tdItem) {
  442. if (TWAFlag) {
  443. TableWidth += ArrMaxLen[tdIndex];
  444. }
  445. $(tdItem).css("width", ArrMaxLen[tdIndex] + "px");
  446. });
  447. TWAFlag = false;
  448. }
  449. });
  450. }
  451. if (OneFlag) {
  452. $(item).find("tr").eq(0).find("td").eq(0).css("width", TableWidth + "px");
  453. }
  454. $(item).css("width", TableWidth + "px");
  455. }
  456. // 替换HTML
  457. var ChildhtmlStr = $(item).prop("outerHTML");
  458. var htmlStr = "<div class='TableContainer TContain_" + index + "' data-isaflag='" + NewAStatus + "' data-allcb='" + (CheckBoxFlag ? 1 : 0) + "' data-mtype='" + cTTypeFunc + "' data-fsFlag='100'></div>";
  459. $(item).after(htmlStr);
  460. $(item).remove();
  461. var JqStr = ".TContain_" + index;
  462. $(JqStr).append(ChildhtmlStr);
  463. });
  464. var BodyWidth = isNaN(parseFloat(ScreenWidth)) ? 0 : parseFloat(ScreenWidth); // 界面宽度
  465. $.each($("table"), function (index, item) {
  466. var TableWidth = isNaN(parseFloat($(item).width())) ? 0 : parseFloat($(item).width()); // 表格宽度
  467. // 替换HTML
  468. var JqStr = ".TContain_" + index;
  469. $(JqStr).css("width", BodyWidth + "px");
  470. if (TableWidth > BodyWidth) {
  471. // 额外显示滚动条
  472. var ShtmlStr = "<div class='PSBar' style='width: " + BodyWidth + "px;'></div>";
  473. $(JqStr).after(ShtmlStr);
  474. var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
  475. var HiddenWidth = BodyWidth - (TableWidth - BodyWidth) * HiddenRate; // 现滚动条大小
  476. var CShtmlStr = "<div class='CSBar' style='width: " + HiddenWidth + "px;'></div>";
  477. $(JqStr).next().append(CShtmlStr);
  478. }
  479. else {
  480. $(JqStr).css("margin-bottom", "15px");
  481. }
  482. });
  483. $.each($(".container-table"), function (index, item) {
  484. $(item).css("width", BodyWidth + "px");
  485. });
  486. // 滚动条事件
  487. $(".TableContainer").on("touchstart", function () {
  488. pressTableFlag = true;
  489. }).on("touchmove", function () {
  490. var TableWidth = isNaN(parseFloat($(this).find("table").width())) ? 0 : parseFloat($(this).find("table").width()); // 表格宽度
  491. var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
  492. var SLeftWdith = isNaN(parseFloat($(this)[0].scrollLeft)) ? 0 : parseFloat($(this)[0].scrollLeft);
  493. SLeftWdith *= HiddenRate;
  494. var NextClsName = $(this).next().attr("class");
  495. if (NextClsName == "PSBar") {
  496. $(this).next().find(".CSBar").css("left", SLeftWdith + "px");
  497. }
  498. });
  499. window.addEventListener("scroll", function (event) {
  500. var ClsName = event.target.className;
  501. if (ClsName == undefined) {
  502. return;
  503. }
  504. ClsName = ClsName.replace("TableContainer ", ".");
  505. var TableWidth = isNaN(parseFloat($(ClsName).find("table").width())) ? 0 : parseFloat($(ClsName).find("table").width()); // 表格宽度
  506. var HiddenRate = BodyWidth / TableWidth; // 滚动条比率
  507. var SLeftWdith = isNaN(parseFloat($(ClsName)[0].scrollLeft)) ? 0 : parseFloat($(ClsName)[0].scrollLeft);
  508. SLeftWdith *= HiddenRate;
  509. var NextClsName = $(ClsName).next().attr("class");
  510. if (NextClsName == "PSBar") {
  511. $(ClsName).next().find(".CSBar").css("left", SLeftWdith + "px");
  512. }
  513. }, true);
  514. $("#pContrainId").remove();
  515. };
  516. // #endregion
  517. //#region 听力音频处理
  518. var LimitPreFlag = false; // 限制点击过宽
  519. var AddListenDiv = function (NodeHandle, NIndex, sWidthVal) {
  520. var UrlStr = $(NodeHandle).attr("alt");
  521. var ListenDivWidth = sWidthVal;
  522. ListenDivWidth = (ListenDivWidth > 414 ? 414 : ListenDivWidth);
  523. if (UrlStr != null && UrlStr.indexOf("|") > -1) {
  524. var UrlArr = UrlStr.split("|");
  525. var UrlArrLen = UrlArr.length;
  526. var htmlStr = '<div class="ListenDiv" data-status="1" style="width:' + ListenDivWidth + 'px;"><div class="LDivTop">';
  527. var MaxLeftVal = (ListenDivWidth - 295) / 2; // 自动调整宽度
  528. var selectIndex = 0;
  529. for (var i = 0; i < UrlArr.length; i++) {
  530. var SelectedN = (i == 0 ? 1 : 0);
  531. if (SelectedN) {
  532. selectIndex = i;
  533. }
  534. htmlStr += '<div class="LDivTItem LDivTItem_' + NIndex + ' LDivTItem_' + NIndex + '_' + i + '" data-selected="' + SelectedN + '" onclick="cLSourceFunc(' + NIndex + ',' + i + ')" data-auduourl="' + UrlArr[i] + '" style="margin-left:' + MaxLeftVal + 'px;">听力材料' + (i + 1) + '</div>';
  535. }
  536. 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="LDFPWhite LDFPWhite_' + NIndex + '"></div><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS" data-mtype="' + cTTypeFunc + '" data-fsFlag="100" data-ismaflag="' + IsZTKEStatus + '"><span class="RunTime RunTime_' + NIndex + '">00:00</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '">00:00</span></div></div><div class="SImg SImg_' + NIndex + '" data-urlindex="' + selectIndex + '" data-urllen="' + UrlArrLen + '" data-mlval="' + MaxLeftVal + '"></div></div>';
  537. }
  538. else if (UrlStr != null) {
  539. var htmlStr = '<div class="ListenDiv" data-status="0" style="width:' + ListenDivWidth + 'px;"><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="LDFPWhite LDFPWhite_' + NIndex + '"></div><div class="LDFProcImg LDFProcImg_' + NIndex + '"></div></div><div class="LDFTimerS" data-mtype="' + cTTypeFunc + '" data-fsFlag="100" data-ismaflag="' + IsZTKEStatus + '"><span class="RunTime RunTime_' + NIndex + '">00:00</span><span>/</span><span class="RunAllTime RunAllTime_' + NIndex + '">00:00</span></div></div></div>';
  540. }
  541. $(NodeHandle).css("width", "1px").css("height", "1px").css("overflow", "hidden").after(htmlStr);
  542. // 添加滑块事件
  543. $(".LDFProcImg")[NIndex].addEventListener("touchstart", TouchStartFunc, false);
  544. $(".LDFProcImg")[NIndex].addEventListener("touchmove", TouchMoveFunc, false);
  545. $(".LDFProcImg")[NIndex].addEventListener("touchend", TouchEndFunc, false);
  546. }
  547. // 切换听力材料
  548. var cLSourceFunc = function (iIndex, oIndex) {
  549. pauseMusicFunc(iIndex);
  550. var jQIStr = ".LDivTItem_" + iIndex;
  551. var jQIOStr = ".LDivTItem_" + iIndex + '_' + oIndex;
  552. $(jQIStr).attr("data-selected", 0);
  553. $(jQIOStr).attr("data-selected", 1);
  554. jQIStr = ".SImg_" + iIndex;
  555. //var dataUrlLen = $(jQIStr).attr("data-urllen");
  556. var LeftPx = 0;
  557. var MLValStr = $(jQIStr).attr("data-mlval");
  558. LeftPx = 50 + oIndex * (85 + parseInt(MLValStr));
  559. $(jQIStr).css("left", LeftPx + "px");
  560. }
  561. // 暂停播放处理
  562. var playMusicFunc = function (iIndex) {
  563. if (LimitPreFlag) {
  564. return;
  565. }
  566. else {
  567. LimitPreFlag = true;
  568. window.setTimeout(function () {
  569. LimitPreFlag = false;
  570. }, 500);
  571. }
  572. $(".select-answer").removeClass("select-answer");
  573. var jQStr = ".LDFPlayS_" + iIndex;
  574. var playStatus = $(jQStr).attr("data-playstatus"); // 检测当前状态,0表示暂停
  575. var AudioUrl = $(jQStr).parent().prev(".LDivTop").find(".LDivTItem[data-selected='1']").attr("data-auduourl");
  576. var AStatus = 0;
  577. if (playStatus == "0") {
  578. StopAllCss();
  579. $(jQStr).attr("data-playstatus", 1);
  580. AStatus = 1;
  581. }
  582. else {
  583. $(jQStr).attr("data-playstatus", 0);
  584. AStatus = 2;
  585. }
  586. var info = {
  587. Id: iIndex, // 第几个
  588. AudioUrl: AudioUrl, // 音频
  589. AStatus: AStatus, // 播放状态:0表示重置,1表示播放,2表示暂停
  590. }
  591. playVisiableAudioCallBack(1, JSON.stringify(info));
  592. }
  593. // 重置播放处理
  594. var pauseMusicFunc = function (iIndex) {
  595. $(".select-answer").removeClass("select-answer");
  596. var jQStr = ".LDFPlayS_" + iIndex;
  597. $(jQStr).attr("data-playstatus", 0);
  598. var jQStr = ".LDFPWhite_" + iIndex;
  599. var TTimeNum = parseInt($(jQStr).attr("data-alltime"));
  600. var AudioUrl = $(jQStr).parent().prev(".LDivTop").find(".LDivTItem[data-selected='1']").attr("data-auduourl");
  601. var info = {
  602. Id: iIndex, // 第几个
  603. AudioUrl: AudioUrl, // 音频
  604. AStatus: 0, // 播放状态:0表示重置,1表示播放,2表示暂停
  605. }
  606. playVisiableAudioCallBack(1, JSON.stringify(info));
  607. }
  608. // 设置滑块的位置
  609. var playImageFunc = function (iIndex, leftVal, allTimes) {
  610. var jQStr = ".LDFProcImg_" + iIndex;
  611. var PWidthVal = $(jQStr).parent().css("width");
  612. // 兼容单位
  613. var PUint = "";
  614. if (PWidthVal.indexOf("px") > -1) {
  615. PUint = "px";
  616. PWidthVal = PWidthVal.replace(PUint, "");
  617. }
  618. else if (PWidthVal.indexOf("pt") > -1) {
  619. PUint = "pt";
  620. PWidthVal = PWidthVal.replace(PUint, "");
  621. }
  622. else if (PWidthVal.indexOf("em") > -1) {
  623. PUint = "em";
  624. PWidthVal = PWidthVal.replace(PUint, "");
  625. }
  626. if (allTimes <= 0) {
  627. $(jQStr).css("left", "-15px"); // 设置滑块滚动
  628. jQStr = ".LDFPWhite_" + iIndex;
  629. $(jQStr).css("width", "0px").attr("data-ctime", "0").attr("data-alltime", "0"); // 白色背景
  630. jQStr = ".RunTime_" + iIndex;
  631. $(jQStr).text(timeToStrFunc(0)); // 设置文字显示
  632. jQStr = ".RunAllTime_" + iIndex;
  633. $(jQStr).text(timeToStrFunc(0)); // 设置文字显示
  634. }
  635. else {
  636. var LeftPx = (leftVal * parseFloat(PWidthVal)) / allTimes;
  637. $(jQStr).css("left", (LeftPx - 15) + PUint); // 设置滑块滚动
  638. jQStr = ".LDFPWhite_" + iIndex;
  639. $(jQStr).css("width", LeftPx + PUint).attr("data-ctime", leftVal).attr("data-alltime", allTimes); // 白色背景
  640. jQStr = ".RunTime_" + iIndex;
  641. $(jQStr).text(timeToStrFunc((leftVal / 1000))); // 设置文字显示
  642. jQStr = ".RunAllTime_" + iIndex;
  643. $(jQStr).text(timeToStrFunc((allTimes / 1000))); // 设置文字显示
  644. }
  645. };
  646. // 时间转换
  647. var timeToStrFunc = function (timerNumber) {
  648. timerNumber = Math.floor(timerNumber);
  649. var ReStr = "";
  650. var TempData = 0;
  651. if (isNaN(timerNumber) || timerNumber == "") {
  652. return "00:00";
  653. }
  654. if (timerNumber >= 3600) {
  655. TempData = Math.floor(timerNumber / 3600);
  656. timerNumber -= TempData * 3600;
  657. ReStr += (TempData < 10 ? ("0" + TempData) : TempData) + ":";
  658. }
  659. if (timerNumber >= 60) {
  660. var TempData = Math.floor(timerNumber / 60);
  661. timerNumber -= TempData * 60;
  662. ReStr += (TempData < 10 ? ("0" + TempData) : TempData) + ":";
  663. }
  664. else {
  665. ReStr += "00:";
  666. }
  667. if (timerNumber < 10) {
  668. ReStr += "0" + timerNumber;
  669. }
  670. else {
  671. ReStr += timerNumber;
  672. }
  673. return ReStr;
  674. };
  675. var TouchStartX = 0;
  676. var TouchMoveX = 0;
  677. var TouchIndex = -1; // 位置标识
  678. var TallTimeNum = 0; // 总时间
  679. var LeftTimeNum = 0; // 总时间
  680. var PWidthValNum = 0; // 总宽度
  681. // 滑块滑动控制(按下去)
  682. function TouchStartFunc(event) {
  683. TouchStartX = event.touches[0].pageX;
  684. TouchMoveX = TouchStartX;
  685. TouchIndex = parseInt($(event.target).attr("class").replace("LDFProcImg LDFProcImg_", ""));
  686. var jQStr = ".LDFPWhite_" + TouchIndex;
  687. TallTimeNum = parseInt($(jQStr).attr("data-alltime"));
  688. LeftTimeNum = parseInt($(".LDFPWhite_" + TouchIndex).attr("data-ctime"));
  689. PWidthValNum = parseFloat($(jQStr).parent().css("width")); // 总宽度
  690. if (TallTimeNum > 0) {
  691. mobileTSFunc(TouchIndex);
  692. }
  693. }
  694. // 滑块滑动
  695. function TouchMoveFunc(event) {
  696. TouchMoveX = event.touches[0].pageX;
  697. TouchMoveY = event.touches[0].pageY;
  698. var TLeftTimeNumber = Math.ceil(TallTimeNum * Math.abs(TouchMoveX - TouchStartX) / PWidthValNum);
  699. if (TouchStartX > TouchMoveX) {
  700. // 左移
  701. if ((LeftTimeNum - TLeftTimeNumber) < 0) {
  702. TLeftTimeNumber = 0;
  703. }
  704. else {
  705. TLeftTimeNumber = LeftTimeNum - TLeftTimeNumber;
  706. }
  707. playImageFunc(TouchIndex, TLeftTimeNumber, TallTimeNum);
  708. }
  709. else {
  710. // 右移
  711. if ((LeftTimeNum + TLeftTimeNumber) > TallTimeNum) {
  712. TLeftTimeNumber = TallTimeNum;
  713. }
  714. else {
  715. TLeftTimeNumber = LeftTimeNum + TLeftTimeNumber;
  716. }
  717. playImageFunc(TouchIndex, TLeftTimeNumber, TallTimeNum);
  718. }
  719. }
  720. // 滑块滑动控制(抬起来)
  721. function TouchEndFunc(event) {
  722. mobileTEFunc(TouchIndex);
  723. }
  724. //原文音频播放按钮点击事件
  725. function audioPlayClick(myobj) {
  726. var curHtml = $(myobj).parent().find(".audioUrl").html();
  727. var curAlt = $(myobj).attr("alt");
  728. //处理当前按钮的状
  729. if ($(myobj).attr("play-status") == "1") {
  730. $(myobj).attr("play-status", "0");
  731. $(myobj).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
  732. }
  733. else {
  734. //停止其他作答音频播放
  735. var isRecordPlaying = $(".answer-audio-range[play-status='1']");
  736. if (isRecordPlaying.length > 0) {
  737. $(isRecordPlaying).attr("play-status", "0");
  738. $(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  739. }
  740. //停止其他原文音频播放
  741. var audioPlaying = $(".audioImg[play-status='1']");
  742. if (audioPlaying.length > 0) {
  743. $(audioPlaying).attr("play-status", "0");
  744. $(audioPlaying).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
  745. }
  746. //设置播放状态
  747. $(myobj).attr("play-status", "1");
  748. $(myobj).attr("src", PicInfo.audioPlayImgUrl);//移动端要根据本地 喇叭 路径替换
  749. }
  750. var info = new Object();
  751. info.Id = $(myobj).attr("audio-id");
  752. info.AudioUrl = curAlt;
  753. //移动端添加外部处理
  754. playVisiableAudioCallBack(1, JSON.stringify(info));
  755. }
  756. //#endregion
  757. // #region 多选框处理
  758. // 多选点击(多选框是否可选)
  759. var ControlFlag = true;
  760. var clickCheckBox = function (inputId) {
  761. if (!ControlFlag) {
  762. return;
  763. }
  764. var BoxJqStr = ".cBoxCls_" + inputId;
  765. if ($(BoxJqStr).attr("data-status") == "1") {
  766. $(BoxJqStr).attr("data-status", "0");
  767. }
  768. else {
  769. $(BoxJqStr).attr("data-status", "1");
  770. }
  771. $("#" + inputId).click();
  772. // 变动同一个答题点的颜色修改
  773. var JqStr = ".checkbox[answer-id='" + inputId + "']";
  774. var parentAnID = $(JqStr).attr("parent-anid");
  775. JqStr = ".checkbox[parent-anid='" + parentAnID + "']";
  776. $(JqStr).addClass("select-answer");
  777. }
  778. // #endregion
  779. // #region 高亮处理
  780. var TFillData = [];
  781. /*高亮文本标注*/
  782. function Fill(data) {
  783. // 清空原有高亮渲染
  784. $.each($(".wordStyle,.phraseStyle,.sentenceStyle"), function (i, item) {
  785. $(item).attr("data-setstatus", "0").attr("data-lstatus", "0").removeClass("wordStyle").removeClass("phraseStyle").removeClass("sentenceStyle");
  786. $(".sentImagcs").remove();
  787. });
  788. // 重新渲染
  789. $.each(data, function (i, item) {
  790. if (typeof (item.HightCode) != 'undefined' && item.HightCode != null && item.HightCode != "") {
  791. var highlightItem = $('span[id=' + item.HightCode + ']').eq(0);
  792. if (highlightItem.length > 0) {
  793. // data-scolor显示的颜色等级卡控,data-setstatus高亮是否处于显示状态,data-lstatus:卡控是否能点击(1单词,2短语,3句型)
  794. var FlagName = $('span[id=' + item.HightCode + ']').eq(0).attr("flag");
  795. var ClsName = "";
  796. var LClick = "0";
  797. if (FlagName == "word") {
  798. ClsName = "wordStyle";
  799. LClick = "1";
  800. }
  801. else if (FlagName == "phrase") {
  802. ClsName = "phraseStyle";
  803. LClick = "2";
  804. }
  805. else if (FlagName == "sentence") {
  806. ClsName = "sentenceStyle";
  807. LClick = "3";
  808. }
  809. var hitCode = highlightItem.attr('hitCode');
  810. var ThitCode = "";
  811. if (hitCode) {
  812. ThitCode = hitCode + "|" + item.SourceCode;
  813. }
  814. else {
  815. ThitCode = item.SourceCode;
  816. }
  817. $('span[id=' + item.HightCode + ']').eq(0).addClass(ClsName).attr("data-setstatus", "1").attr("data-lstatus", LClick).attr("hitCode", ThitCode);
  818. if (ClsName == "sentenceStyle") {
  819. $('span[id=' + item.HightCode + ']').eq(0).before('<img src="' + PicInfo.sentenceIcoUrl + '" class="sentImagcs" data-lstatus="3" data-setstatus="1">');
  820. }
  821. }
  822. }
  823. else if (typeof (item.SourceCode) == 'undefined' || item.SourceCode == null || item.SourceCode != "") {
  824. var highlightItem = $('span[kcode*=' + item.SourceCode + ']:first');
  825. if (highlightItem.length > 0) {
  826. // data-scolor显示的颜色等级卡控,data-setstatus高亮是否处于显示状态,data-lstatus:卡控是否能点击(1单词,2短语,3句型)
  827. var FlagName = $('span[id=' + item.HightCode + ']').eq(0).attr("flag");
  828. var ClsName = "";
  829. var LClick = "0";
  830. if (FlagName == "word") {
  831. ClsName = "wordStyle";
  832. LClick = "1";
  833. }
  834. else if (FlagName == "phrase") {
  835. ClsName = "phraseStyle";
  836. LClick = "2";
  837. }
  838. else if (FlagName == "sentence") {
  839. ClsName = "sentenceStyle";
  840. LClick = "3";
  841. }
  842. var hitCode = highlightItem.attr('hitCode');
  843. var ThitCode = "";
  844. if (hitCode) {
  845. ThitCode = hitCode + "|" + item.SourceCode;
  846. }
  847. else {
  848. ThitCode = item.SourceCode;
  849. }
  850. $('span[id=' + item.HightCode + ']').eq(0).addClass(ClsName).attr("data-setstatus", "1").attr("data-lstatus", LClick).attr("hitCode", ThitCode);
  851. if (ClsName == "sentenceStyle") {
  852. $('span[id=' + item.HightCode + ']').eq(0).before('<img src="' + PicInfo.sentenceIcoUrl + '" class="sentImagcs" data-lstatus="3" data-setstatus="1">');
  853. }
  854. }
  855. }
  856. });
  857. }
  858. // 嵌套式答题点不作高亮显示(只做隐藏)
  859. function DealCssHiddenFunc() {
  860. // 处理.wordStyle,.phraseStyle,.sentenceStyle全包含underlineContent情况
  861. $.each($(".wordStyle,.phraseStyle,.sentenceStyle"), function (i, item) {
  862. var displayCss = $(item).find(".underlineContent").css("display");
  863. var showflag = $(item).find(".underlineContent").attr("showflag");
  864. if (displayCss == "none" || showflag == "0") {
  865. // 针对答题点进行做隐藏处理
  866. $(item).attr("data-lstatus", "0").attr("data-setstatus", "0"); // 不高亮也不可点击
  867. }
  868. });
  869. // 处理underlineContent全包含.wordStyle,.phraseStyle,.sentenceStyle情况
  870. $.each($(".underlineContent"), function (i, item) {
  871. var displayCss = $(item).css("display");
  872. var showflag = $(item).attr("showflag");
  873. if (displayCss == "none" || showflag == "0") {
  874. // 针对答题点进行做隐藏处理
  875. $(item).find(".wordStyle,.phraseStyle,.sentenceStyle").attr("data-lstatus", "0").attr("data-setstatus", "0"); // 不高亮也不可点击
  876. }
  877. });
  878. }
  879. // 嵌套式答题点高亮显示(重新渲染)
  880. function DealCssShowFunc() {
  881. $.each($(".wordStyle"), function (i, item) {
  882. if ($(item).find(".underlineContent").length == 1) {
  883. var displayCss = $(item).find(".underlineContent").css("display");
  884. var showflag = $(item).find(".underlineContent").attr("showflag");
  885. if (displayCss != "none" && showflag == "1") {
  886. // 针对答题点进行做隐藏处理
  887. $(item).attr("data-lstatus", "1").attr("data-setstatus", "1"); // 显示高亮和可点击
  888. }
  889. }
  890. else if ($(item).find(".underlineContent").length > 1) {
  891. var AllShow = true;
  892. $.each($(item).find(".underlineContent"), function (tIndex, tItem) {
  893. var displayCss = $(tItem).css("display");
  894. var showflag = $(tItem).attr("showflag");
  895. if (displayCss == "none" || showflag == "0") {
  896. // 针对答题点进行做隐藏处理
  897. AllShow = false;
  898. }
  899. });
  900. if (AllShow) {
  901. $(item).attr("data-lstatus", "1").attr("data-setstatus", "1"); // 显示高亮和可点击
  902. }
  903. }
  904. else {
  905. $(item).attr("data-lstatus", "1").attr("data-setstatus", "1"); // 显示高亮和可点击
  906. }
  907. });
  908. $.each($(".phraseStyle"), function (i, item) {
  909. if ($(item).find(".underlineContent").length == 1) {
  910. var displayCss = $(item).find(".underlineContent").css("display");
  911. var showflag = $(item).find(".underlineContent").attr("showflag");
  912. if (displayCss != "none" && showflag == "1") {
  913. // 针对答题点进行做隐藏处理
  914. $(item).attr("data-lstatus", "2").attr("data-setstatus", "1"); // 显示高亮和可点击
  915. }
  916. }
  917. else if ($(item).find(".underlineContent").length > 1) {
  918. var AllShow = true;
  919. $.each($(item).find(".underlineContent"), function (tIndex, tItem) {
  920. var displayCss = $(tItem).css("display");
  921. var showflag = $(tItem).attr("showflag");
  922. if (displayCss == "none" || showflag == "0") {
  923. // 针对答题点进行做隐藏处理
  924. AllShow = false;
  925. }
  926. });
  927. if (AllShow) {
  928. $(item).attr("data-lstatus", "2").attr("data-setstatus", "1"); // 显示高亮和可点击
  929. }
  930. }
  931. else {
  932. $(item).attr("data-lstatus", "2").attr("data-setstatus", "1"); // 显示高亮和可点击
  933. }
  934. });
  935. $.each($(".sentenceStyle"), function (i, item) {
  936. if ($(item).find(".underlineContent").length == 1) {
  937. var displayCss = $(item).find(".underlineContent").css("display");
  938. var showflag = $(item).find(".underlineContent").attr("showflag");
  939. if (displayCss != "none" && showflag == "1") {
  940. // 针对答题点进行做隐藏处理
  941. $(item).attr("data-lstatus", "3").attr("data-setstatus", "1"); // 显示高亮和可点击
  942. }
  943. }
  944. else if ($(item).find(".underlineContent").length > 1) {
  945. var AllShow = true;
  946. $.each($(item).find(".underlineContent"), function (tIndex, tItem) {
  947. var displayCss = $(tItem).css("display");
  948. var showflag = $(tItem).attr("showflag");
  949. if (displayCss == "none" || showflag == "0") {
  950. // 针对答题点进行做隐藏处理
  951. AllShow = false;
  952. }
  953. });
  954. if (AllShow) {
  955. $(item).attr("data-lstatus", "3").attr("data-setstatus", "1"); // 显示高亮和可点击
  956. }
  957. }
  958. else {
  959. $(item).attr("data-lstatus", "3").attr("data-setstatus", "1"); // 显示高亮和可点击
  960. }
  961. });
  962. }
  963. // #endregion
  964. // 判断是否存在对象中
  965. function checkStrFunc(dataDtr) {
  966. if (dataDtr == undefined || dataDtr == null) {
  967. return false;
  968. }
  969. if (TFillData != null && TFillData.length > 0) {
  970. var ReFlag = false;
  971. TFillData.forEach(item=> {
  972. if (item.HightCode == dataDtr) {
  973. ReFlag = true;
  974. }
  975. });
  976. return ReFlag;
  977. }
  978. else {
  979. return false;
  980. }
  981. }
  982. // 空字符串转换
  983. function ChangeSpaceStr(DataStr) {
  984. if (DataStr == undefined || DataStr == null) {
  985. return "";
  986. }
  987. var TDataStr = escape(DataStr); // encodeURI
  988. if (TDataStr.indexOf("%C2%A0") > -1) {
  989. DataStr = escape(DataStr);
  990. var DataArr = DataStr.split("%C2%A0");
  991. DataStr = "";
  992. for (var i = 0; i < DataArr.length; i++) {
  993. if (DataStr == "") {
  994. DataStr += DataArr[i];
  995. }
  996. else {
  997. DataStr += " " + DataArr[i];
  998. }
  999. }
  1000. }
  1001. if (TDataStr.indexOf("%A0") > -1) {
  1002. DataStr = escape(DataStr);
  1003. var DataArr = DataStr.split("%A0");
  1004. DataStr = "";
  1005. for (var i = 0; i < DataArr.length; i++) {
  1006. if (DataStr == "") {
  1007. DataStr += DataArr[i];
  1008. }
  1009. else {
  1010. DataStr += " " + DataArr[i];
  1011. }
  1012. }
  1013. }
  1014. if (DataStr.indexOf("%20") > -1) {
  1015. while (DataStr.indexOf("%20") > -1) {
  1016. DataStr = DataStr.replace("%20", " ");
  1017. }
  1018. }
  1019. return DataStr;
  1020. }
  1021. // 判断是否登记
  1022. function ChangeCheckFlag(DataStr, AnswerStr) {
  1023. var ReStr = "";
  1024. if (AnswerStr == null || AnswerStr == "") {
  1025. return ReStr;
  1026. }
  1027. if (AnswerStr.indexOf(DataStr) > -1) {
  1028. // 直接等价
  1029. //ReStr = AnswerStr.substring(0, (AnswerStr.indexOf(DataStr) + DataStr.length));
  1030. ReStr = DataStr;
  1031. }
  1032. else if (DataStr.indexOf("'") > -1) {
  1033. // 模糊匹配
  1034. var DataArr = DataStr.split("'");
  1035. var pattWStr = "";
  1036. for (var i = 0; i < DataArr.length; i++) {
  1037. if (pattWStr != "") {
  1038. pattWStr += ".*" + DataArr[i];
  1039. }
  1040. else {
  1041. pattWStr += DataArr[i];
  1042. }
  1043. }
  1044. var matchesWArr = AnswerStr.match(new RegExp(pattWStr, "ig"));
  1045. if (matchesWArr != null && matchesWArr.length > 0) {
  1046. var matchesStr = matchesWArr[0];
  1047. ReStr = AnswerStr.substring(0, (AnswerStr.indexOf(matchesStr) + matchesStr.length)); // 获取到的匹配字符串
  1048. // 安卓的惰性匹配不成功
  1049. var StartIndex = ReStr.indexOf(DataArr[DataArr.length - 1], DataStr.indexOf("'"));
  1050. ReStr = ReStr.substring(0, (StartIndex + DataArr[DataArr.length - 1].length)); // 获取最前面的字符串
  1051. }
  1052. }
  1053. return ReStr;
  1054. }
  1055. // 划分用户答案处理。待重构,将其划分写入(暂未处理)。AllAnswer所有的子span、mytext用户作答
  1056. function SplitUserAnswer(AllAnswer, mytext) {
  1057. var ReArr = [];
  1058. if (AllAnswer == undefined || AllAnswer == null || AllAnswer.length == 0) {
  1059. return ReArr;
  1060. }
  1061. // 循环判断类型
  1062. for (var i = 0; i < AllAnswer.length; i++) {
  1063. // 先将答案进行切割
  1064. var ReStr = ChangeCheckFlag(AllAnswer[i].Val, mytext);
  1065. if (ReStr != null && ReStr != "" && i != (AllAnswer.length - 1)) {
  1066. var RemoveStr = mytext.substring(0, (mytext.indexOf(ReStr) + ReStr.length)); // 匹配到的整句话
  1067. var PrevReStr = mytext.substring(0, mytext.indexOf(ReStr)); // 匹配到的前半部分(无适配/多余)
  1068. mytext = mytext.replace(RemoveStr, "");
  1069. while (mytext[0] == " ") {
  1070. mytext = mytext.substring(1, mytext.length); // 删除前缀空格
  1071. }
  1072. if (checkStrFunc(AllAnswer[i].ID) && AllAnswer[i].Type == "sentence") {
  1073. // 检查是否属于高亮,存在需要恢复显示高亮
  1074. ReStr = PrevReStr + '<img src="' + PicInfo.sentenceIcoUrl + '" class="sentImagcs" data-lstatus="3" data-setstatus="1"><span id="' + AllAnswer[i].ID + '" name="S' + AllAnswer[i].ID + '" flag="sentence" class="sentenceStyle" data-setstatus="1" data-lstatus="1" kcode="' + AllAnswer[i].kcode + '" hitcode="' + AllAnswer[i].hitcode + '">' + ReStr + '</span>';
  1075. }
  1076. else if (checkStrFunc(AllAnswer[i].ID) && AllAnswer[i].Type == "phrase") {
  1077. // 检查是否属于高亮,存在需要恢复显示高亮(加class)
  1078. ReStr = PrevReStr + '<span id="' + AllAnswer[i].ID + '" name="P' + AllAnswer[i].ID + '" flag="phrase" class="phraseStyle" data-setstatus="1" data-lstatus="1" kcode="' + AllAnswer[i].kcode + '" hitcode="' + AllAnswer[i].hitcode + '">' + ReStr + '</span>';
  1079. }
  1080. else if (checkStrFunc(AllAnswer[i].ID) && AllAnswer[i].Type == "word") {
  1081. // 检查是否属于高亮,存在需要恢复显示高亮(加class)
  1082. ReStr = PrevReStr + '<span id="' + AllAnswer[i].ID + '" name="W' + AllAnswer[i].ID + '" flag="word" class="wordStyle" data-setstatus="1" data-lstatus="1" kcode="' + AllAnswer[i].kcode + '" hitcode="' + AllAnswer[i].hitcode + '">' + ReStr + '</span>';
  1083. }
  1084. else {
  1085. ReStr = PrevReStr + ReStr;
  1086. }
  1087. ReArr.push(ReStr);
  1088. }
  1089. else if (i != (AllAnswer.length - 1)) {
  1090. ReArr.push("");
  1091. }
  1092. else {
  1093. if (checkStrFunc(AllAnswer[i].ID) && AllAnswer[i].Type == "sentence") {
  1094. // 检查是否属于高亮,存在需要恢复显示高亮
  1095. mytext = mytextArr[0] + '<img src="' + PicInfo.sentenceIcoUrl + '" class="sentImagcs" data-lstatus="3" data-setstatus="1"><span id="' + AllAnswer[i].ID + '" name="S' + AllAnswer[i].ID + '" flag="sentence" class="sentenceStyle" data-setstatus="1" data-lstatus="1" kcode="' + AllAnswer[i].kcode + '" hitcode="' + AllAnswer[i].hitcode + '">' + ReStr + '</span>' + mytextArr[1];
  1096. }
  1097. else if (checkStrFunc(AllAnswer[i].ID) && AllAnswer[i].Type == "phrase") {
  1098. // 检查是否属于高亮,存在需要恢复显示高亮(加class)
  1099. mytext = mytextArr[0] + '<span id="' + AllAnswer[i].ID + '" name="P' + AllAnswer[i].ID + '" flag="phrase" class="phraseStyle" data-setstatus="1" data-lstatus="1" kcode="' + AllAnswer[i].kcode + '" hitcode="' + AllAnswer[i].hitcode + '">' + ReStr + '</span>' + mytextArr[1];
  1100. }
  1101. else if (checkStrFunc(AllAnswer[i].ID) && AllAnswer[i].Type == "word") {
  1102. // 检查是否属于高亮,存在需要恢复显示高亮(加class)
  1103. mytext = mytextArr[0] + '<span id="' + AllAnswer[i].ID + '" name="W' + AllAnswer[i].ID + '" flag="word" class="wordStyle" data-setstatus="1" data-lstatus="1" kcode="' + AllAnswer[i].kcode + '" hitcode="' + AllAnswer[i].hitcode + '">' + ReStr + '</span>' + mytextArr[1];
  1104. }
  1105. ReArr.push(mytext);
  1106. }
  1107. }
  1108. return ReArr;
  1109. }
  1110. ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  1111. // 处理节点(使用data-scolor显示的颜色等级卡控,data-setstatus高亮是否处于显示状态,data-lstatus:卡控是否能点击(1单词,2短语,3句型))
  1112. //页面加载完,课件 绑定事件(sWidthVal:屏幕宽度,isAStatus是否含有作答0表示没有,isMAStatus判断是否是主体课文1表示是)
  1113. function bindEventYS(sWidthVal, isAStatus, isMAStatus) {
  1114. IsZTKEStatus = (isMAStatus == "undefined" || isMAStatus == undefined || isMAStatus == null) ? 0 : parseInt(isMAStatus);
  1115. // 处理文本
  1116. dealUnderLineFunc();
  1117. $.each($(".yaoshi"), function (index, item) {
  1118. $(item).attr('answer-id', index).attr("showflag", "1").css("display", "block").attr("data-status", "1").attr("answer-isky", "0").attr("src", PicInfo.yaoshiShowImgUrl);
  1119. // 关联渲染underlinecontent
  1120. if ($(item).next().length > 0) {
  1121. selectImgULContent($(item).next(), index);
  1122. }
  1123. else {
  1124. selectImgULContent($(item).parent(), index);
  1125. }
  1126. // 获取当前要是的标准答案
  1127. var AnswerText = "";
  1128. $.each($(".underlineContent[yaoshi-flag='" + index + "']"), function (tIndex, tItem) {
  1129. AnswerText += $(this).text();
  1130. // 补充嵌套,data-select表示选择状态0表示未选择,1表示已作答选择,2表示未做答选择
  1131. if ($(this).parent().children().length > 1) {
  1132. $(this).prop("outerHTML", '<span class="ULCBGUse" data-select="0" onselectstart="return true">' + $(this).html() + '</span>');
  1133. }
  1134. else {
  1135. $(this).parent().addClass("ULCBGUse").attr("data-select", "0");
  1136. }
  1137. });
  1138. $(this).attr("answer-anstext", AnswerText);
  1139. });
  1140. //给音频绑定一个ID(未处理)
  1141. $.each($(".audioImg"), function (index, item) {
  1142. $(item).attr("audiourl", "");
  1143. $(item).attr('audio-id', index);
  1144. });
  1145. //给视频图标处理(未处理)
  1146. $.each($(".videoImg"), function (index, item) {
  1147. $(item).attr("audiourl", "");
  1148. });
  1149. //给口语图标处理(未处理)
  1150. $.each($(".oralLanguageImg"), function (index, item) {
  1151. $(item).attr("audiourl", "");
  1152. });
  1153. //处理口语试题
  1154. $.each($(".oralLanguage").nextUntil(".oralLanguageDone"), function (num, part) {
  1155. if ($(part).hasClass("yaoshi")) {
  1156. $(part).attr("answer-isky", "1");
  1157. }
  1158. });
  1159. //一题多空的答题点标注
  1160. var checkId = 0;
  1161. var headid = -1;
  1162. var groupId = -1;
  1163. $(".multipleStart").each(function (i, item) {
  1164. var $startNode = $(item);
  1165. var index = 0;
  1166. $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
  1167. checkId = $(item).find('.yaoshi').attr("answer-id");
  1168. var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
  1169. if (index == 0 || groupId != gid) {
  1170. groupId = gid;
  1171. headid = checkId;
  1172. }
  1173. $(item).find('.yaoshi').attr('parent-anid', headid);
  1174. $(item).find('.underlineContent').attr('parent-anid', headid);
  1175. // 打标志,含有boxQue的是多选题
  1176. if ($(item).hasClass('boxQue')) {
  1177. $(item).find('.yaoshi').attr('answer-isky', "2");
  1178. if ($(item).find(".underlineContent").length == 0) {
  1179. var AddHtmlStr = '<span class="ULCBGUse" data-select="0" onselectstart="return true"><u class="underlineContent" yaoshi-flag="' + checkId + '" parent-anid="' + headid + '" data-errstatus="0" showflag="1" style="border-bottom: 1px solid rgb(151, 151, 151); text-decoration: none; white-space: pre-wrap;">&nbsp;&nbsp;&nbsp;</u></span>';
  1180. $(item).find('.yaoshi').after(AddHtmlStr);
  1181. }
  1182. }
  1183. });
  1184. });
  1185. //处理表格宽度
  1186. AdjustTableFunc(sWidthVal, isAStatus);
  1187. // 音频处理
  1188. $.each($(".audioImg"), function (index, element) {
  1189. AddListenDiv(element, index, sWidthVal);
  1190. });
  1191. }
  1192. //页面加载完,原文 绑定事件(sWidthVal:屏幕宽度,isAStatus是否含有作答0表示没有,isMAStatus判断是否是主体课文1表示是)
  1193. function bindEventTeaOrignalYS(sWidthVal, isAStatus, isMAStatus) {
  1194. IsZTKEStatus = (isMAStatus == "undefined" || isMAStatus == undefined || isMAStatus == null) ? 0 : parseInt(isMAStatus);
  1195. // 处理文本
  1196. dealUnderLineFunc();
  1197. //处理答题点
  1198. $.each($(".yaoshi"), function (index, item) {
  1199. $(item).attr('answer-id', index).attr("showflag", "1").css("display", "block").attr("data-status", "1").attr("answer-isky", "0").attr("src", PicInfo.yaoshiShowImgUrl);
  1200. // 关联渲染underlinecontent
  1201. if ($(item).next().length > 0) {
  1202. selectImgULContent($(item).next(), index);
  1203. }
  1204. else {
  1205. selectImgULContent($(item).parent(), index);
  1206. }
  1207. if (isAStatus != 1) {
  1208. // 学生隐藏答案
  1209. $(item).attr('answer-id', index).attr("showflag", "0").css("display", "none").attr("data-status", "0").attr("answer-isky", "0").attr("src", PicInfo.yaoshiHideImgUrl);
  1210. $(".underlineContent[yaoshi-flag='" + index + "']").not(".noKey").attr("showflag", "0"); // 隐藏答案(这种是连下划线删除的)
  1211. }
  1212. // 获取当前要是的标准答案
  1213. var AnswerText = "";
  1214. $.each($(".underlineContent[yaoshi-flag='" + index + "']"), function (tIndex, tItem) {
  1215. AnswerText += $(this).text();
  1216. // 补充嵌套
  1217. if ($(this).parent().children().length > 1) {
  1218. $(this).prop("outerHTML", '<span class="ULCBGUse" data-select="0" onselectstart="return true">' + $(item).html() + '</span>');
  1219. }
  1220. else {
  1221. $(this).parent().addClass("ULCBGUse").attr("data-select", "0");
  1222. }
  1223. });
  1224. $(this).attr("answer-anstext", AnswerText);
  1225. });
  1226. //给音频绑定一个ID(未处理)
  1227. $.each($(".audioImg"), function (index, item) {
  1228. $(item).attr("audiourl", "");
  1229. $(item).attr('audio-id', index);
  1230. });
  1231. //给视频图标处理(未处理)
  1232. $.each($(".videoImg"), function (index, item) {
  1233. $(item).attr("audiourl", "");
  1234. });
  1235. //给口语图标处理(未处理)
  1236. $.each($(".oralLanguageImg"), function (index, item) {
  1237. $(item).attr("audiourl", "");
  1238. });
  1239. //一题多空的答题点标注
  1240. var checkId = 0;
  1241. var headid = -1;
  1242. var groupId = -1;
  1243. $(".multipleStart").each(function (i, item) {
  1244. var $startNode = $(item);
  1245. var index = 0;
  1246. $.merge($(item).nextUntil(".multipleEnd").filter("[class*='group']"), $(item).nextUntil(".multipleEnd").find("[class*='group']")).each(function (index, item) {
  1247. checkId = $(item).find('.yaoshi').attr("answer-id");
  1248. var gid = $(item).attr('class').replace(/.*group(\d+).*/g, "$1");
  1249. if (index == 0 || groupId != gid) {
  1250. groupId = gid;
  1251. headid = checkId;
  1252. }
  1253. $(item).find('.yaoshi').attr('parent-anid', headid);
  1254. $(item).find('.underlineContent').attr('parent-anid', headid);
  1255. // 打标志,含有boxQue的是多选题
  1256. if ($(item).hasClass('boxQue')) {
  1257. $(item).find('.yaoshi').attr('answer-isky', "2");
  1258. if ($(item).find(".underlineContent").length == 0) {
  1259. var AddHtmlStr = '<span class="ULCBGUse" data-select="0" onselectstart="return true"><u class="underlineContent" yaoshi-flag="' + checkId + '" parent-anid="' + headid + '" data-errstatus="0" showflag="1" style="border-bottom: 1px solid rgb(151, 151, 151); text-decoration: none; white-space: pre-wrap;">&nbsp;&nbsp;&nbsp;</u></span>';
  1260. $(item).find('.yaoshi').after(AddHtmlStr);
  1261. }
  1262. }
  1263. });
  1264. });
  1265. //处理参考答案
  1266. $.each($(".underlineContent"), function (index, item) {
  1267. $(item).attr("answer-anstext", $(item).html());
  1268. });
  1269. //处理表格宽度
  1270. AdjustTableFunc(sWidthVal, isAStatus);
  1271. // 音频处理
  1272. $.each($(".audioImg"), function (index, element) {
  1273. AddListenDiv(element, index, sWidthVal);
  1274. });
  1275. }
  1276. // 学生端 处理作答区域 answer-isky 是否是口语试题,0-不是口语题,1-是口语题,2-打勾题
  1277. var answerData = new Array();
  1278. function handleAnswerRange() {
  1279. // 隐藏答案划线
  1280. //$(".underlineContentShow").attr("data-status", "0");
  1281. //规范文本格式
  1282. var answerId = "";
  1283. var tempJson = new Array();
  1284. //先处理一题多空的情况,获取两个之间的答题点
  1285. $.each($(".yaoshi"), function (index, item) {
  1286. var AnswerID = $(item).attr("answer-id");
  1287. var AnswerPID = $(item).attr("parent-anid");
  1288. var AnswerIsky = $(item).attr("answer-isky");
  1289. // 获取答案
  1290. var TAnsText = "";
  1291. $.each($(".underlineContent[yaoshi-flag='" + AnswerID + "']"), function (index, tItem) {
  1292. TAnsText += " " + $(tItem).text();
  1293. });
  1294. // 添加答题点
  1295. if (AnswerIsky == 1) { }
  1296. else if (AnswerIsky == 2) {
  1297. $(item).after("<div class='cBoxCls cBoxCls_" + AnswerID + "' answer-id='" + AnswerID + "' parent-anid='" + AnswerPID + "' data-status='0' onclick='clickCheckBox(" + AnswerID + ")' answer-anstext='" + TAnsText + "'></div>");
  1298. }
  1299. else {
  1300. // data-astatus控制作答样式(0表示未提交,1表示提交,2表示回显);data-errstatus判断是否作答(1表示未做答)
  1301. $(item).after("<div class='answer-body' answer-id='" + AnswerID + "' parent-anid='" + AnswerPID + "' answer-isky='" + AnswerIsky + "' answer-showanswer='0' data-astatus='0' data-errstatus='0' mobile-type='" + cTTypeFunc + "' onclick='ClickRecFunc(" + AnswerPID + ")' answer-anstext='" + TAnsText + "'><div class='answer-audio-range'><img class='nextpic' src='" + PicInfo.recordPlayImgUrl + "'/><span class='answer-audio-text'>作答音频</span></div><div class='answer-point-range' mobile-type='" + cTTypeFunc + "'><div class='answer-point-range-div' mobile-type='" + cTTypeFunc + "'><img class='nextpic' src='" + PicInfo.answerPointImgUrl + "'/><span class='answer-point-text'>答题点</span></div></div><buttom class='answer-text' data-astatus='0'></buttom></div>");
  1302. }
  1303. var info = new Object();
  1304. info.Id = AnswerID;
  1305. info.pId = AnswerPID;
  1306. info.AnsText = TAnsText; // 标准答案
  1307. answerData.push(info);
  1308. // 隐藏对应的钥匙和答案
  1309. $(item).attr("showflag", "0").css("display", "none").attr("data-status", "0").attr("src", PicInfo.yaoshiHideImgUrl); // 隐藏钥匙
  1310. $(".underlineContent[yaoshi-flag='" + AnswerID + "']").not(".noKey").css("display", "none"); // 隐藏答案(这种是连下划线删除的)
  1311. });
  1312. return answerData;
  1313. }
  1314. //提交,获取所有作答答案及参考答案(未处理)
  1315. function getAllAnswer() {
  1316. // 从answer-body中获取答案
  1317. var TAnswerList = [];
  1318. ControlFlag = false;
  1319. $.each($(".yaoshi"), function (index, item) {
  1320. var info = { "AStatus": 0, "AudioLength": 0, "AudioUrl": "", "Id": "0", "Score": -1.0, "Text": "", "Type": 1, "pId": "0", "playStartPoint": 0 };
  1321. var answerid = $(item).attr("answer-id");
  1322. var parentid = $(item).attr("parent-anid");
  1323. info.Id = answerid;
  1324. info.pId = parentid;
  1325. info.AStatus = ""; // 暂时没用到
  1326. info.Score = -1; // 作答得分,老师未评阅都是默认给-1分
  1327. info.Type = 1; //作答方式,1-文本作答,2-图片作答,3-音频作答,4-音频导入作答;目前只开放了1,3类型的作答方式
  1328. info.playStartPoint = ""; // 记录当前播放的时间点,下次继续播放时恢复到这个时间点
  1329. var answerisky = $(item).attr("answer-isky"); // 是否是口语试题,0-不是口语题,1-是口语题,2-打勾题
  1330. info.AudioLength = 0; // 时长
  1331. var answerurl = $(".answer-body[answer-id='" + answerid + "']").attr("answer-url"); // 非口语题的输入
  1332. if (answerisky == 1 || (answerurl != undefined && answerurl != null && answerurl.length > 0)) {
  1333. info.AudioUrl = answerurl;
  1334. var AnswerText = $(".answer-body[answer-id='" + answerid + "']").find(".answer-text").text();
  1335. info.AudioLength = $(".answer-body[answer-id='" + answerid + "']").attr("answer-audiolength");
  1336. info.Text = AnswerText;
  1337. if (info.AudioUrl != undefined && info.AudioUrl != null && info.AudioUrl != "") {
  1338. info.Type = 3;
  1339. }
  1340. }
  1341. else if (answerisky == 2) {
  1342. var IsCheck = $(".cBoxCls[answer-id='" + answerid + "']").attr("data-status");
  1343. if (IsCheck == "0") {
  1344. info.Text = "&nbsp;&nbsp;&nbsp;";
  1345. }
  1346. else if (IsCheck == "1") {
  1347. info.Text = "√";
  1348. }
  1349. }
  1350. else {
  1351. var AnswerText = $(".answer-body[answer-id='" + answerid + "']").find(".answer-text").text();
  1352. info.Text = AnswerText;
  1353. }
  1354. TAnswerList.push(info);
  1355. });
  1356. return backupAllAnswer(JSON.stringify(TAnswerList), 1);
  1357. }
  1358. //回填所有答案,answerJson:所有作答及参考答案List,statusType:0-可作答,1-已提交,2-查看评阅
  1359. function backupAllAnswer(answerJson, statusType) {
  1360. if (statusType == 0) {
  1361. ControlFlag = true; // 多选框可以作答
  1362. $(".answer-body").attr("data-astatus", statusType).attr("data-errstatus", "0"); // 实时记录作答状态
  1363. if (answerJson != "" && answerJson) {
  1364. var answerList = JSON.parse(answerJson);
  1365. $.each($(".answer-body"), function (num, item) {
  1366. var index = 0;
  1367. var isanswer = false;
  1368. var answerid = $(item).attr("answer-id");
  1369. var parentid = $(item).attr("parent-anid");
  1370. //查找作答
  1371. for (var i = 0; i < answerList.length; i++) {
  1372. if (answerid == answerList[i].Id) {
  1373. index = i;
  1374. break;
  1375. }
  1376. }
  1377. //一题多空的作答关联查找
  1378. for (var i = 0; i < answerList.length; i++) {
  1379. if (parentid == answerList[i].pId) {
  1380. if (answerList[i].Text != "") {
  1381. isanswer = true;
  1382. break;
  1383. }
  1384. }
  1385. }
  1386. //提交直接还原作答现场
  1387. var mytext = answerList[index].Text;//我的答案
  1388. $(".yaoshi[answer-id='" + answerid + "']").attr("answer-score", answerList[index].Score); //作答评分
  1389. $(".yaoshi[answer-id='" + answerid + "']").attr("answer-text", mytext); // 作答内容
  1390. $(".yaoshi[answer-id='" + answerid + "']").attr("answer-comment", "");//评语
  1391. answerList[index].IsKY = $(item).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  1392. //添加音频控制
  1393. var hasAudio = false;
  1394. var audioElement = $(item).children(".answer-audio-range").children("img").eq(0);
  1395. if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
  1396. hasAudio = true;
  1397. $(item).children(".answer-point-range").hide();
  1398. $(item).children(".answer-audio-range").css("display", "inline-block");
  1399. $(item).children(".answer-audio-range").children("span").text("作答音频(" + answerList[index].AudioLength + "s)");
  1400. //填充作答内容
  1401. $(item).attr("answer-text", mytext);
  1402. if (mytext != "") {
  1403. mytext = "(" + mytext + ")";
  1404. $(item).children(".answer-text").show();
  1405. $(item).children(".answer-text").text(mytext);
  1406. }
  1407. //音频节点
  1408. $(audioElement).attr("src", PicInfo.recordPlayImgUrl);
  1409. $(item).children(".answer-audio-range").attr("answer-url", answerList[index].AudioUrl);
  1410. $(item).children(".answer-audio-range").attr("answer-audiolength", answerList[index].AudioLength);
  1411. $(item).children(".answer-audio-range").attr("play-status", "0");
  1412. $(item).attr("data-astatus", "3");
  1413. }
  1414. else {
  1415. $(item).attr("answer-text", mytext);//填充作答内容
  1416. if (mytext != "") {
  1417. $(item).attr("data-astatus", "3");
  1418. $(item).children(".answer-text").show();
  1419. $(item).children(".answer-point-range").hide();
  1420. $(item).children(".answer-text").text(mytext);
  1421. }
  1422. else {
  1423. $(item).attr("data-errstatus", "1");
  1424. }
  1425. }
  1426. // 保留已作答全部信息
  1427. $(item).attr("answer-score", answerList[index].Score);//作答评分
  1428. //$(item).attr("answer-anstext", answerList[index].AudioUrl);//参考答案
  1429. });
  1430. //打勾题的还原
  1431. $.each($(".cBoxCls"), function (num, item) {
  1432. //可作答状态,作答还原
  1433. var index = 0;
  1434. var isanswer = false;
  1435. var answerid = $(item).attr("answer-id");
  1436. var parentid = $(item).attr("parent-anid");
  1437. for (var i = 0; i < answerList.length; i++) {
  1438. if (answerid == answerList[i].Id) {
  1439. index = i;
  1440. break;
  1441. }
  1442. }
  1443. //提交直接还原作答现场
  1444. var mytext = answerList[index].Text;//我的答案
  1445. mytext = (mytext == undefined || mytext == null) ? "" : mytext;
  1446. var ischecked = mytext.indexOf("√") > -1;
  1447. //还原打勾效果
  1448. if (ischecked) {
  1449. $(".cBoxCls_" + answerid).attr("data-status", "1");
  1450. }
  1451. });
  1452. }
  1453. }
  1454. else {
  1455. $(".answer-body").remove(); // 删除原有答题点
  1456. $(".cBoxCls").remove(); // 删除原有答题点
  1457. $(".underlineContent").attr("data-errstatus", "1"); // 标记为未做答
  1458. ControlFlag = false; // 多选框不可以作答
  1459. if (answerJson != "" && answerJson) {
  1460. var answerList = JSON.parse(answerJson);
  1461. $.each($(".yaoshi"), function (num, item) {
  1462. var index = 0; // 记录当前下标
  1463. var isanswer = false; // 判断是否作答
  1464. var answerid = $(item).attr("answer-id");
  1465. var parentid = $(item).attr("parent-anid");
  1466. // 保留已作答全部信息
  1467. //$(".answer-body[answer-id='" + answerid + "']").attr("answer-anstext", answerList[index].AudioUrl);//参考答案
  1468. //查找作答下标
  1469. for (var i = 0; i < answerList.length; i++) {
  1470. if (answerid == answerList[i].Id) {
  1471. index = i;
  1472. break;
  1473. }
  1474. }
  1475. //一题多空的作答关联查找判断是否作答
  1476. for (var i = 0; i < answerList.length; i++) {
  1477. if (parentid == answerList[i].pId && parentid != undefined && parentid != null && parentid != "") {
  1478. if (answerList[i].Text != undefined && answerList[i].Text != null && answerList[i].Text != "" && answerList[i].Text.length > 0) {
  1479. isanswer = true;
  1480. break;
  1481. }
  1482. }
  1483. }
  1484. //提交直接还原作答现场
  1485. var mytext = answerList[index].Text;//我的答案
  1486. $(item).attr("answer-score", answerList[index].Score); //作答评分
  1487. $(item).attr("answer-text", mytext); // 作答内容
  1488. $(item).attr("answer-comment", ""); // 作答内容
  1489. answerList[index].IsKY = $(item).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题,2-打勾题
  1490. //添加音频控制
  1491. var hasAudio = false;
  1492. if ((answerList[index].Type == 3 || answerList[index].Type == 4) && answerList[index].AudioUrl != "") {
  1493. hasAudio = true;
  1494. var HtmlStr = '<div class="answer-audio-range" play-status="0" style="display:inline-block;" answer-audiolength="' + answerList[index].AudioLength + '" answer-url="' + answerList[index].AudioUrl + '"><img class="nextpic" src="' + PicInfo.recordPlayImgUrl + '"><span class="answer-audio-text">作答音频(' + answerList[index].AudioLength + 's)</span></div><span class="answer-audio-range-child"></span>';
  1495. $(".underlineContent[yaoshi-flag='" + answerid + "']").eq(0).html(HtmlStr);
  1496. }
  1497. //填充作答内容
  1498. if ($(".underlineContent[yaoshi-flag='" + answerid + "']").length == 1) {
  1499. $(".underlineContent[yaoshi-flag='" + answerid + "']").css("display", "inline");
  1500. if (mytext == "" && !hasAudio) {
  1501. mytext = "未作答";
  1502. if (isanswer) {
  1503. mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
  1504. if ($(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").length > 0) {
  1505. $(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").html(mytext);
  1506. }
  1507. else {
  1508. $(".underlineContent[yaoshi-flag='" + answerid + "']").html(mytext);
  1509. }
  1510. $(".underlineContent[yaoshi-flag='" + answerid + "']").attr("data-errstatus", "0"); // 已作答
  1511. }
  1512. else {
  1513. if ($(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").length > 0) {
  1514. $(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").html(mytext);
  1515. }
  1516. else {
  1517. $(".underlineContent[yaoshi-flag='" + answerid + "']").html(mytext);
  1518. }
  1519. $(".underlineContent[yaoshi-flag='" + answerid + "']").attr("data-errstatus", "1"); // 没有作答
  1520. }
  1521. }
  1522. else if (mytext == "" && hasAudio) {
  1523. if ($(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").length > 0) {
  1524. $(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").html(mytext);
  1525. }
  1526. else {
  1527. $(".underlineContent[yaoshi-flag='" + answerid + "']").html(mytext);
  1528. }
  1529. $(".underlineContent[yaoshi-flag='" + answerid + "']").attr("data-errstatus", "0"); // 已作答
  1530. }
  1531. else {
  1532. var AllAnswer = []; // 记录所有标准答案
  1533. $.each($(".underlineContent[yaoshi-flag='" + answerid + "']").find("span"), function (tIndex, tItem) {
  1534. var TVal = ChangeSpaceStr($(tItem).text());
  1535. var infos = { ID: $(tItem).attr("id"), Type: $(tItem).attr("flag"), Val: TVal, kcode: $(tItem).attr("kcode"), hitcode: $(tItem).attr("hitcode") };
  1536. AllAnswer.push(infos);
  1537. });
  1538. mytext = ChangeSpaceStr(mytext);
  1539. var ReArr = SplitUserAnswer(AllAnswer, mytext);
  1540. if (ReArr != null && ReArr.length > 0) {
  1541. var NMyText = "";
  1542. for (var i = 0; i < ReArr.length; i++) {
  1543. NMyText += ReArr[i];
  1544. }
  1545. if ($(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").length > 0) {
  1546. $(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").html(NMyText);
  1547. }
  1548. else {
  1549. $(".underlineContent[yaoshi-flag='" + answerid + "']").html(NMyText);
  1550. }
  1551. }
  1552. else {
  1553. if ($(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").length > 0) {
  1554. $(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").html(mytext);
  1555. }
  1556. else {
  1557. $(".underlineContent[yaoshi-flag='" + answerid + "']").html(mytext);
  1558. }
  1559. }
  1560. $(".underlineContent[yaoshi-flag='" + answerid + "']").attr("data-errstatus", "0");
  1561. }
  1562. }
  1563. else if ($(".underlineContent[yaoshi-flag='" + answerid + "']").length > 1) {
  1564. $(".underlineContent[yaoshi-flag='" + answerid + "']").css("display", "inline");
  1565. if (mytext == "" && !hasAudio) {
  1566. $(".underlineContent[yaoshi-flag='" + answerid + "']").html("").attr("showflag", "0"); // showflag在这里同来卡控半包含高亮
  1567. mytext = "未作答";
  1568. if (isanswer) {
  1569. mytext = "&nbsp;&nbsp;&nbsp;&nbsp;";
  1570. if ($(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").length > 0) {
  1571. $(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").eq(0).html(mytext).attr("showflag", "1");
  1572. }
  1573. else {
  1574. $(".underlineContent[yaoshi-flag='" + answerid + "']").eq(0).html(mytext).attr("showflag", "1");
  1575. }
  1576. $(".underlineContent[yaoshi-flag='" + answerid + "']").attr("data-errstatus", "0"); // 已作答
  1577. }
  1578. else {
  1579. if ($(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").length > 0) {
  1580. $(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").eq(0).html(mytext).attr("showflag", "1");
  1581. }
  1582. else {
  1583. $(".underlineContent[yaoshi-flag='" + answerid + "']").eq(0).html(mytext).attr("showflag", "1");
  1584. }
  1585. $(".underlineContent[yaoshi-flag='" + answerid + "']").attr("data-errstatus", "1");
  1586. }
  1587. }
  1588. else if (mytext == "" && hasAudio) {
  1589. $(".underlineContent[yaoshi-flag='" + answerid + "']").html("");
  1590. if ($(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").length > 0) {
  1591. $(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").eq(0).html(mytext).attr("showflag", "1");
  1592. }
  1593. else {
  1594. $(".underlineContent[yaoshi-flag='" + answerid + "']").eq(0).html(mytext).attr("showflag", "1");
  1595. }
  1596. $(".underlineContent[yaoshi-flag='" + answerid + "']").attr("data-errstatus", "0"); // 已作答
  1597. }
  1598. else {
  1599. var AllAnswer = []; // 记录所有标准答案
  1600. $.each($(".underlineContent[yaoshi-flag='" + answerid + "']"), function (tIndex, tItem) {
  1601. $.each($(tItem).find("span"), function (oIndex, oItem) {
  1602. var TVal = ChangeSpaceStr($(oItem).text());
  1603. var infos = { ID: $(oItem).attr("id"), Type: $(oItem).attr("flag"), Val: TVal, kcode: $(oItem).attr("kcode"), hitcode: $(oItem).attr("hitcode") };
  1604. AllAnswer.push(infos);
  1605. });
  1606. });
  1607. mytext = ChangeSpaceStr(mytext);
  1608. var ReArr = SplitUserAnswer(AllAnswer, mytext);
  1609. $(".underlineContent[yaoshi-flag='" + answerid + "']").html("");
  1610. for (var i = 0; i < ReArr.length; i++) {
  1611. if ($(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").length > 0 && i == 0) {
  1612. $(".underlineContent[yaoshi-flag='" + answerid + "']").find(".answer-audio-range-child").eq(0).html(ReArr[0]);
  1613. }
  1614. else {
  1615. $(".underlineContent[yaoshi-flag='" + answerid + "']").eq(i).html(ReArr[i]);
  1616. }
  1617. }
  1618. $(".underlineContent[yaoshi-flag='" + answerid + "']").attr("data-errstatus", "0"); // 已作答
  1619. }
  1620. }
  1621. });
  1622. // 进行重新渲染答题点的高亮
  1623. DealCssShowFunc();
  1624. }
  1625. }
  1626. // 点击事件补充
  1627. AddClickEvent();
  1628. }
  1629. //显示、隐藏钥匙及答案 isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案
  1630. function showHideAnswerEx(isShowYX, isShowAS) {
  1631. if (isShowYX) {
  1632. $(".yaoshi").attr("showflag", "1").css("display", "block");
  1633. }
  1634. else {
  1635. $(".yaoshi").attr("showflag", "0").css("display", "none");
  1636. // 特殊处理:视听说学生端原文、传统教材都是没有钥匙的(直接隐藏掉)
  1637. $(".underlineContent").find("*[showflag='1']").attr("showflag", "0");
  1638. $(".cBoxCls").attr("data-status", "0");
  1639. }
  1640. if (isShowYX && isShowAS) {
  1641. $(".yaoshi").attr("data-status", "1");
  1642. $(".yaoshi").attr("src", PicInfo.yaoshiShowImgUrl);
  1643. $.each($(".yaoshi"), function (index, item) {
  1644. // 显示答案
  1645. $(".underlineContent").attr("showflag", "1");
  1646. });
  1647. }
  1648. else if (isShowYX && !isShowAS) {
  1649. $(".yaoshi").attr("data-status", "0");
  1650. $(".yaoshi").attr("src", PicInfo.yaoshiHideImgUrl);
  1651. $.each($(".yaoshi"), function (index, item) {
  1652. // 隐藏答案
  1653. $(".underlineContent").attr("showflag", "0");
  1654. });
  1655. }
  1656. DealCssShowFunc();
  1657. DealCssHiddenFunc();
  1658. }
  1659. ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  1660. // 处理点击事件
  1661. // 统一添加点击事件
  1662. function AddClickEvent() {
  1663. // 释放
  1664. $(".answer-body").unbind("click");
  1665. // 点击答案切换答案
  1666. $(".underlineContent").unbind("click");
  1667. // 绑定显示或隐藏答案
  1668. $(".yaoshi").unbind("click");
  1669. // 绑定高亮
  1670. $(".wordStyle").unbind("click");
  1671. $(".phraseStyle").unbind("click");
  1672. $(".sentenceStyle").unbind("click");
  1673. // 绑定播放作答音频
  1674. $(".audioImg").unbind("click");
  1675. //点击播放事件,视频播放
  1676. $(".videoImg").unbind("click");
  1677. //作答录音播放按钮点击事件
  1678. $(".answer-audio-range").unbind("click");
  1679. // 重新绑定
  1680. // 绑定答题点
  1681. $(".answer-body").on("click", function () {
  1682. var curObj = new Object();
  1683. curObj.Id = $(this).attr("answer-id");//答题点ID
  1684. curObj.pId = $(this).attr("parent-anid");//答题点ID
  1685. curObj.IsKY = $(this).attr("answer-isky");//是否是口语试题,0-不是口语题,1-是口语题
  1686. curObj.Text = $(this).attr("answer-text");//用户作答内容
  1687. curObj.Score = $(this).attr("answer-score");//作答评分
  1688. curObj.AnsText = $(this).attr("answer-anstext");//参考答案
  1689. curObj.Comment = $(this).attr("answer-comment");//评语
  1690. // 选中样式渲染
  1691. $(".checkbox").removeClass("select-answer");
  1692. $(".answer-body").removeClass("select-answer");
  1693. if (curObj.pId == undefined || curObj.pId == null || curObj.pId == '' || curObj.pId == 'undefined') {
  1694. $(".answer-body[answer-id=" + curObj.Id + "]").addClass("select-answer");
  1695. }
  1696. else {
  1697. $(".answer-body[parent-anid=" + curObj.pId + "]").addClass("select-answer");
  1698. }
  1699. //已作答,弹出作答答案
  1700. if ($(this).data("ans-status") == "1") {
  1701. //移动端添加外部处理
  1702. onClickAnswerPoint(JSON.stringify(curObj));
  1703. }
  1704. else {
  1705. //移动端添加外部处理,弹出作答操作
  1706. onClickAnswerPoint(JSON.stringify(curObj));
  1707. }
  1708. });
  1709. // 点击答案切换答案
  1710. $(".underlineContent").on("click", function () {
  1711. var showFlag = $(this).attr("showflag");
  1712. if (showFlag != "1") {
  1713. return;
  1714. }
  1715. var answerID = $(this).attr("yaoshi-flag");
  1716. var parentID = $(".yaoshi[answer-id='" + answerID + "']").attr("parent-anid");
  1717. if (parentID == undefined || parentID == null || parentID == "undefined") {
  1718. parentID = '';
  1719. }
  1720. var answerIsky = $(".yaoshi[answer-id='" + answerID + "']").attr("answer-isky");
  1721. var answerText = $(".yaoshi[answer-id='" + answerID + "']").attr("answer-text");
  1722. var answerScore = $(".yaoshi[answer-id='" + answerID + "']").attr("answer-score");
  1723. var answerAnstext = $(".yaoshi[answer-id='" + answerID + "']").attr("answer-anstext");
  1724. var answerComment = $(".yaoshi[answer-id='" + answerID + "']").attr("answer-comment");
  1725. var curObj = new Object();
  1726. curObj.Id = answerID;//答题点ID
  1727. curObj.pId = parentID;//答题点ID
  1728. curObj.IsKY = answerIsky;//是否是口语试题,0-不是口语题,1-是口语题
  1729. curObj.Text = answerText;//用户作答内容
  1730. curObj.Score = answerScore;//作答评分
  1731. curObj.AnsText = answerAnstext;//参考答案
  1732. curObj.Comment = answerComment;//评语
  1733. // 选中样式渲染
  1734. var WType = "0";
  1735. if (answerText == "未做答" || answerText.length == 0) {
  1736. WType = "2";
  1737. }
  1738. else {
  1739. WType = "1";
  1740. }
  1741. $(".checkbox").removeClass("select-answer");
  1742. $(".answer-body").removeClass("select-answer");
  1743. $(".ULCBGUse").attr("data-select", "0");
  1744. // 延迟渲染,防止重合
  1745. window.setTimeout(function () {
  1746. if (curObj.pId == undefined || curObj.pId == null || curObj.pId == '' || curObj.pId == 'undefined') {
  1747. $(".underlineContent[yaoshi-flag=" + curObj.Id + "]").parent(".ULCBGUse").attr("data-select", WType);
  1748. if ($(".underlineContent[yaoshi-flag=" + curObj.Id + "]").length > 1) {
  1749. $(".underlineContent[yaoshi-flag=" + curObj.Id + "]").first().parent(".ULCBGUse").css("border-radius", "5px 0px 0px 5px");
  1750. $(".underlineContent[yaoshi-flag=" + curObj.Id + "]").last().parent(".ULCBGUse").css("border-radius", "0px 5px 5px 0px");
  1751. }
  1752. else {
  1753. $(".underlineContent[yaoshi-flag=" + curObj.Id + "]").parent(".ULCBGUse").css("border-radius", "5px");
  1754. }
  1755. }
  1756. else {
  1757. $(".underlineContent[parent-anid=" + curObj.pId + "]").parent(".ULCBGUse").attr("data-select", WType);
  1758. $.each($(".underlineContent[parent-anid=" + curObj.pId + "]"), function () {
  1759. var iAnswerID = $(this).attr("yaoshi-flag");
  1760. if ($(".underlineContent[yaoshi-flag=" + iAnswerID + "]").length > 1) {
  1761. $(".underlineContent[yaoshi-flag=" + iAnswerID + "]").first().parent(".ULCBGUse").css("border-radius", "5px 0px 0px 5px");
  1762. $(".underlineContent[yaoshi-flag=" + iAnswerID + "]").last().parent(".ULCBGUse").css("border-radius", "0px 5px 5px 0px");
  1763. }
  1764. else {
  1765. $(".underlineContent[yaoshi-flag=" + iAnswerID + "]").parent(".ULCBGUse").css("border-radius", "5px");
  1766. }
  1767. });
  1768. }
  1769. }, 100);
  1770. //已作答,弹出作答答案
  1771. if ($(this).data("ans-status") == "1") {
  1772. //移动端添加外部处理
  1773. onClickAnswerPoint(JSON.stringify(curObj));
  1774. }
  1775. else {
  1776. //移动端添加外部处理,弹出作答操作
  1777. onClickAnswerPoint(JSON.stringify(curObj));
  1778. }
  1779. });
  1780. // 绑定显示或隐藏答案
  1781. $(".yaoshi").on("click", function () {
  1782. $(".ULCBGUse").attr("data-select", "0");
  1783. var answerid = $(this).attr("answer-id");
  1784. var parentanid = $(this).attr("parent-anid");
  1785. var datastatus = $(this).attr("data-status");
  1786. if (datastatus == "0") {
  1787. // 隐藏->显示
  1788. $(this).attr("data-status", "1");
  1789. $(this).attr("src", PicInfo.yaoshiShowImgUrl);
  1790. $(".underlineContent[yaoshi-flag='" + answerid + "']").attr("showflag", "1");
  1791. // 处理多答题点
  1792. if (parentanid != undefined && parentanid != null && parentanid != '') {
  1793. $(".yaoshi[parent-anid='" + parentanid + "']").attr("data-status", "1");
  1794. $(".underlineContent[parent-anid='" + parentanid + "']").attr("showflag", "1");
  1795. }
  1796. DealCssShowFunc();
  1797. }
  1798. else if (datastatus == "1") {
  1799. // 显示->隐藏
  1800. $(this).attr("data-status", "0");
  1801. $(this).attr("src", PicInfo.yaoshiHideImgUrl);
  1802. $(".underlineContent[yaoshi-flag='" + answerid + "']").attr("showflag", "0");
  1803. // 处理多答题点
  1804. if (parentanid != undefined && parentanid != null && parentanid != '') {
  1805. $(".yaoshi[parent-anid='" + parentanid + "']").attr("data-status", "0");
  1806. $(".underlineContent[parent-anid='" + parentanid + "']").attr("showflag", "0");
  1807. }
  1808. DealCssHiddenFunc();
  1809. }
  1810. });
  1811. // 绑定高亮
  1812. $(".wordStyle").on("click", function () {
  1813. $(".ULCBGUse").attr("data-select", "0");
  1814. var datalstatus = $(this).attr("data-lstatus");
  1815. if (datalstatus != "1") {
  1816. return; // 不能点击
  1817. }
  1818. //var ThitCode = $(this).attr("hitCode");
  1819. hitCodeFunc($(this).attr("hitCode"));
  1820. });
  1821. $(".phraseStyle").on("click", function () {
  1822. $(".ULCBGUse").attr("data-select", "0");
  1823. var datalstatus = $(this).attr("data-lstatus");
  1824. if (datalstatus != "2") {
  1825. return; // 不能点击
  1826. }
  1827. //var ThitCode = $(this).attr("hitCode");
  1828. hitCodeFunc($(this).attr("hitCode"));
  1829. });
  1830. $(".sentenceStyle").on("click", function () {
  1831. $(".ULCBGUse").attr("data-select", "0");
  1832. var datalstatus = $(this).attr("data-lstatus");
  1833. if (datalstatus != "3") {
  1834. return; // 不能点击
  1835. }
  1836. //var ThitCode = $(this).attr("hitCode");
  1837. hitCodeFunc($(this).attr("hitCode"));
  1838. });
  1839. // 绑定播放作答音频
  1840. $(".audioImg").on("click", function () {
  1841. audioPlayClick(this);
  1842. });
  1843. //点击播放事件,视频播放
  1844. $(".videoImg").on("click", function () {
  1845. $(".select-answer").removeClass("select-answer");
  1846. $(this).attr("audiourl", "");
  1847. var curHtml = $(this).parent().find(".videoUrl").html();
  1848. var curAlt = $(this).attr("alt");//播放视频地址
  1849. playVisiableAudioCallBack(2, $(this).attr("alt"));
  1850. });
  1851. //作答录音播放按钮点击事件
  1852. $(".answer-audio-range").on("click", function () {
  1853. $(".select-answer").removeClass("select-answer");
  1854. var AudioID= $(this).parent(".underlineContent").attr("yaoshi-flag");
  1855. var AudioUrl= $(this).attr("answer-url");
  1856. recordAudioClick(this, AudioID, AudioUrl);
  1857. });
  1858. }
  1859. ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  1860. // 移动端统一调用:学生端视听说主体课文
  1861. // sWidthVal:屏幕宽度,isAStatus是否含有作答0表示没有,isMAStatus判断是否是主体课文1表示是
  1862. // data高亮知识点
  1863. function stuEntryFunc(sWidthVal, isAStatus, isMAStatus, data) {
  1864. bindEventYS(sWidthVal, isAStatus, isMAStatus);
  1865. if (cTTypeFunc == 2) {
  1866. TFillData = JSON.parse(data);
  1867. }
  1868. else {
  1869. TFillData = data;
  1870. }
  1871. var ReData = handleAnswerRange();
  1872. if (typeof (Fill) == "function") {
  1873. Fill(TFillData);
  1874. }
  1875. // 最终样式渲染
  1876. DealCssHiddenFunc();
  1877. // 点击事件补充
  1878. AddClickEvent();
  1879. return ReData;
  1880. }
  1881. // 移动端统一调用:教师端视听说主体课文
  1882. // sWidthVal:屏幕宽度,isAStatus是否含有作答0表示没有,isMAStatus判断是否是主体课文1表示是
  1883. // data高亮知识点
  1884. // isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案
  1885. function teaEntryFunc(sWidthVal, isAStatus, isMAStatus, data, isShowYX, isShowAS) {
  1886. bindEventYS(sWidthVal, isAStatus, isMAStatus);
  1887. if (cTTypeFunc == 2) {
  1888. TFillData = JSON.parse(data);
  1889. }
  1890. else {
  1891. TFillData = data;
  1892. }
  1893. if (typeof (Fill) == "function") {
  1894. Fill(TFillData);
  1895. }
  1896. // 最终样式渲染
  1897. DealCssHiddenFunc();
  1898. // 点击事件补充
  1899. AddClickEvent();
  1900. showHideAnswerEx(isShowYX, isShowAS);
  1901. }
  1902. // 移动端统一调用:教师/学生端视听说原文
  1903. // sWidthVal:屏幕宽度,isAStatus是否含有作答0表示没有,isMAStatus判断是否是主体课文1表示是
  1904. // isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案
  1905. function aYWFunc(sWidthVal, isAStatus, isMAStatus, isShowYX, isShowAS) {
  1906. bindEventTeaOrignalYS(sWidthVal, isAStatus, isMAStatus);
  1907. // 最终样式渲染
  1908. DealCssHiddenFunc();
  1909. // 点击事件补充
  1910. AddClickEvent();
  1911. showHideAnswerEx(isShowYX, isShowAS);
  1912. }
  1913. // 移动端统一调用:学生端传统教材
  1914. // sWidthVal:屏幕宽度,isAStatus是否含有作答0表示没有,isMAStatus判断是否是主体课文1表示是
  1915. // isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案
  1916. function stuCTJCFunc(sWidthVal, isAStatus, isMAStatus, isShowYX, isShowAS) {
  1917. aCTJCFunc(sWidthVal, isAStatus, isMAStatus, isShowYX, isShowAS);
  1918. }
  1919. // 移动端统一调用:教师端传统教材
  1920. // sWidthVal:屏幕宽度,isAStatus是否含有作答0表示没有,isMAStatus判断是否是主体课文1表示是
  1921. // isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案
  1922. function teaCTJCFunc(sWidthVal, isAStatus, isMAStatus, isShowYX, isShowAS) {
  1923. aCTJCFunc(sWidthVal, isAStatus, isMAStatus, isShowYX, isShowAS);
  1924. }
  1925. // 移动端统一调用:教师/学生端传统教材
  1926. // sWidthVal:屏幕宽度,isAStatus是否含有作答0表示没有,isMAStatus判断是否是主体课文1表示是
  1927. // isShowYX:显示和隐藏钥匙,isShowAS:显示和隐藏答案
  1928. // data高亮知识点
  1929. var Iindex = 0;
  1930. function aCTJCFunc(sWidthVal, isAStatus, isMAStatus, isShowYX, isShowAS, data) {
  1931. bindEventYS(sWidthVal, isAStatus, isMAStatus);
  1932. if (cTTypeFunc == 2) {
  1933. TFillData = JSON.parse(data);
  1934. }
  1935. else {
  1936. TFillData = data;
  1937. }
  1938. //if (data == null || data == "") {
  1939. // addFillAssist();
  1940. //}
  1941. //else
  1942. if (typeof (Fill) == "function") {
  1943. Fill(TFillData);
  1944. }
  1945. // 最终样式渲染
  1946. DealCssHiddenFunc();
  1947. // 点击事件补充
  1948. AddClickEvent();
  1949. showHideAnswerEx(isShowYX, isShowAS);
  1950. }
  1951. // 高亮调用统一接口
  1952. function FillFunc(data) {
  1953. if (cTTypeFunc == 2) {
  1954. TFillData = JSON.parse(data);
  1955. }
  1956. else {
  1957. TFillData = data;
  1958. }
  1959. Fill(TFillData);
  1960. // 最终样式渲染
  1961. DealCssShowFunc();
  1962. DealCssHiddenFunc();
  1963. // 点击事件补充
  1964. AddClickEvent();
  1965. }
  1966. ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  1967. // 移动端使用,true:表示点击表格且正在移动,需阻止模块切换
  1968. function getPressFlag() {
  1969. return pressTableFlag;
  1970. }
  1971. // 音频进度条松开回调
  1972. function mobileTEFunc(ID) {
  1973. pressTableFlag = false;
  1974. var CurrentTime = parseInt($(".LDFPWhite_" + ID).attr("data-ctime")); // 当前滑动的时间进度
  1975. var jQStr = ".LDFPlayS_" + ID;
  1976. var AudioUrl = $(jQStr).parent().prev(".LDivTop").find(".LDivTItem[data-selected='1']").attr("data-auduourl"); // 路径
  1977. // 移动端回调处理
  1978. plugin.onSeekBarUp(ID, CurrentTime, AudioUrl); // 安卓
  1979. }
  1980. // 音频进度条按下回调
  1981. function mobileTSFunc(ID) {
  1982. pressTableFlag = true;
  1983. // 移动端回调处理
  1984. plugin.onSeekBarDown(ID); // 安卓
  1985. }
  1986. // 控制字体大小
  1987. function adjustFontSize(FontSize) {
  1988. if (FontSize == null || FontSize < 80) {
  1989. return;
  1990. }
  1991. $(".LDFTimerS").attr("data-fsFlag", FontSize);
  1992. $(".TableContainer").attr("data-fsFlag", FontSize);
  1993. }
  1994. function playVisiableAudioCallBack(type, url) {
  1995. //console.log(url);
  1996. cancelBubble();
  1997. plugin.startPlay(type, url);
  1998. }
  1999. // 答题点选择调移动端接口
  2000. function onClickAnswerPoint(data) {
  2001. //alert(JSON.stringify(data));
  2002. console.log(JSON.stringify(data));
  2003. //cancelBubble();
  2004. plugin.onClickAnswerPoint(data);
  2005. }
  2006. function onClickKeyHide() {
  2007. //alert(JSON.stringify(data));
  2008. cancelBubble();
  2009. plugin.onClickKeyHide();
  2010. }
  2011. function onClickKeyShow() {
  2012. //alert(JSON.stringify(data));
  2013. cancelBubble();
  2014. plugin.onClickKeyShow();
  2015. }
  2016. function cancelBubble(e) {
  2017. var evt = e ? e : window.event;
  2018. if (evt.stopPropagation) { //W3C
  2019. evt.stopPropagation();
  2020. } else { //IE
  2021. evt.cancelBubble = true;
  2022. }
  2023. }
  2024. function getSelectedText(title) {
  2025. var txt;
  2026. if (window.getSelection) {
  2027. txt = window.getSelection().toString();
  2028. } else if (window.document.getSelection) {
  2029. txt = window.document.getSelection().toString();
  2030. } else if (window.document.selection) {
  2031. txt = window.document.selection.createRange().text;
  2032. }
  2033. JSInterface.callback(txt, title);
  2034. }
  2035. // 控制播放按钮样式,OCStatus(0表示停止,1表示播放)
  2036. function playCssControl(iIndex, OCStatus) {
  2037. var jQStr = ".LDFPlayS_" + iIndex;
  2038. if (OCStatus == "0") {
  2039. $(jQStr).attr("data-playstatus", 0);
  2040. }
  2041. else {
  2042. $(jQStr).attr("data-playstatus", 1);
  2043. }
  2044. }
  2045. // 控制滑块接口(Id第几个音频,leftVal进度条实时时间(毫秒),allTimes表示总时间(毫秒))
  2046. function showImageFunc(Id, leftVal, allTimes) {
  2047. playImageFunc(Id, leftVal, allTimes);
  2048. }
  2049. // 暂停所有的样式
  2050. function StopAllCss() {
  2051. $.each($(".LDFPlayS"), function (index, item) {
  2052. $(this).attr("data-playstatus", "0");
  2053. });
  2054. };
  2055. //处理播放录音,answerid:答题点ID,isPlay:是否播放(0-暂停,1-播放)
  2056. function playRecordAudio(answerid, isPlay) {
  2057. //获取其他正在播放的音频
  2058. var playing = $(".answer-body[answer-id='" + answerid + "']").children(".answer-audio-range");
  2059. if (playing.length > 0) {
  2060. if (isPlay == "1") {
  2061. $(playing).attr("play-status", "1");
  2062. $(playing).find("img").attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
  2063. }
  2064. else {
  2065. $(playing).attr("play-status", "0");
  2066. $(playing).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  2067. }
  2068. }
  2069. }
  2070. //滚动到相应DIV
  2071. function scrollAnswer(answerid) {
  2072. //console.log(answerid);
  2073. $(".checkbox").removeClass("select-answer");
  2074. $(".answer-body").removeClass("select-answer");
  2075. var ansDom = $(".answer-body[parent-anid='" + answerid + "']");
  2076. if (ansDom.length == 0) {
  2077. ansDom = $(".checkbox[parent-anid='" + answerid + "']");
  2078. }
  2079. $(ansDom).addClass("select-answer");
  2080. var scroll_offset = $(ansDom).offset(); //得到box这个div层的offset,包含两个值,top和left
  2081. var offset_top = scroll_offset.top;
  2082. if (offset_top > 150) {
  2083. offset_top = offset_top - 200;
  2084. }
  2085. $("body,html").animate({
  2086. scrollTop: offset_top //让body的scrollTop等于pos的top,就实现了滚动
  2087. });
  2088. }
  2089. //暂停播放原文音频
  2090. function pauseTextAudio(audioid) {
  2091. //获取其他正在播放的音频
  2092. var playing = $(".audioImg[audio-id='" + audioid + "']");
  2093. if (playing.length > 0) {
  2094. $(playing).attr("play-status", "0");
  2095. $(playing).attr("src", PicInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
  2096. }
  2097. }
  2098. // 点击高亮调移动端
  2099. function hitCodeFunc(code) {
  2100. //alert(code);
  2101. //cancelBubble();
  2102. plugin.call(code);
  2103. }
  2104. // 设置离焦事件
  2105. function resetPressFlag() {
  2106. pressTableFlag = false;
  2107. }
  2108. //作答录音播放按钮点击事件
  2109. function recordAudioClick(myobj, id, url) {
  2110. $(".select-answer").removeClass("select-answer");
  2111. $(".ULCBGUse").attr("data-select", "0");
  2112. $(myobj).parent(".underlineContent").parent(".ULCBGUse").attr("data-select", "1");
  2113. $(myobj).parent().parent("answer-body").addClass("select-answer");
  2114. //处理当前按钮的状态
  2115. if ($(myobj).attr("play-status") == "0") {
  2116. //停止其他作答音频播放
  2117. var isRecordPlaying = $(".answer-audio-range[play-status='1']");
  2118. if (isRecordPlaying.length > 0) {
  2119. $(isRecordPlaying).attr("play-status", "0");
  2120. $(isRecordPlaying).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  2121. }
  2122. //停止其他原文音频播放
  2123. var audioPlaying = $(".audioImg[play-status='1']");
  2124. if (audioPlaying.length > 0) {
  2125. $(audioPlaying).attr("play-status", "0");
  2126. $(audioPlaying).attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地 喇叭 路径替换
  2127. }
  2128. //设置播放状态
  2129. $(myobj).attr("play-status", "1");
  2130. $(myobj).find("img").attr("src", PicInfo.recordPauseImgUrl);//移动端要根据本地路径替换
  2131. }
  2132. else {
  2133. $(myobj).attr("play-status", "0");
  2134. $(myobj).find("img").attr("src", PicInfo.recordPlayImgUrl);//移动端要根据本地路径替换
  2135. }
  2136. //移动端添加外部处理,播放录音
  2137. var info = new Object();
  2138. info.Id = id;
  2139. info.AudioUrl = url;
  2140. //移动端添加外部处理,播放录音
  2141. playVisiableAudioCallBack(3, JSON.stringify(info));
  2142. }
  2143. function Running() {
  2144. window.setTimeout(function () {
  2145. $("#STIDStr").remove();
  2146. //$(this).after('<div id="STIDStr" style="position:fixed;top:100px;left:10px;width:200px;height:20px;background-color:yellow;color:#000;">display:' + $(this).css("display") + "=>showflag:" + $(this).attr("showflag") + '</div>');
  2147. $("p").eq(0).after('<div id="STIDStr" style="position:fixed;top:100px;left:10px;width:350px;height:auto;background-color:yellow;color:#000;overflow:hidden;"></div>');
  2148. var TStr = $("#STIDStr").text() + "=>Running";
  2149. $("#STIDStr").text(TStr);
  2150. }, 500);
  2151. }
  2152. Running();