Test.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <title>主体课文</title>
  6. <meta charset="utf-8" />
  7. <script src="Scripts/jquery.js"></script>
  8. <link href="Common/tasklib_book.css" rel="stylesheet" type="text/css" />
  9. <script src="Common/tasklib_book.js"></script>
  10. </head>
  11. <body>
  12. <div class="scroll-view">
  13. <button id="load-text">加载听说课文</button>
  14. <button id="showhide-answer" data-status="1">隐藏习题答案</button>
  15. <button id="handle-answer" data-status="1">处理作答区域</button>
  16. <button id="submit-answer">提交习题答案</button>
  17. <button id="backup-answer">回显习题答案</button>
  18. <button id="update-answer">修改习题答案</button>
  19. <button id="backup-review">回填评阅数据</button>
  20. <button id="scroll-review">定位滚动数据</button>
  21. <button id="test-ui">测试UI效果</button>
  22. </div>
  23. <!--<input type="text" style="border:0px; border-bottom:solid #fbfbfb 1px; border-radius: 3px;padding-left:5px; color:#6ab7ff;" value="测试的" />-->
  24. <!--<div class="btn-play"><img src="play.png" /><span>作答音频(20s)</span></div>-->
  25. <!--<div class="btn-play"><img src="play.png" /><span>作答音频(20s)</span></div>
  26. <p class="test-p">1、</p>
  27. <p class="test-p1">2、</p>-->
  28. <!--<u style="">ss</u>-->
  29. <!--<button class="answertext btn-bgimg">点击作答</button>-->
  30. <div id="data"></div>
  31. <script type="text/javascript">
  32. var answerjson = "";//作答信息
  33. var reviewjson = "";//评阅信息
  34. //加载数据
  35. window.onload = function () {
  36. //加载听说课文
  37. answerjson = $.ajax({ url: "AnsText/21255.txt", async: false }).responseText;
  38. reviewjson = $.ajax({ url: "AnsText/anstext.txt", async: false }).responseText;
  39. }
  40. //加载听说课文
  41. $("#load-text").on("click", function () {
  42. var data = $.ajax({ url: "lghp/21255.lghp", async: false }).responseText;
  43. $("#data").html(data);
  44. bindEventYS();
  45. //bindCoursewareEvent();
  46. var ResInfo = {
  47. yaoshiShowImgUrl: "Images/yaoshi-show.png",
  48. yaoshiHideImgUrl: "Images/yaoshi-hide.png",
  49. KouYuTagImgUrl: "Images/KY.png",
  50. recordPlayImgUrl: "Images/play.png",
  51. recordPauseImgUrl: "Images/pause.png",
  52. audioPlayImgUrl: "Images/dynaiselaba.gif",
  53. audioPauseImgUrl: "Images/dynaiselaba.png"
  54. }
  55. //调用查看图标
  56. $.each($(".yaoshi"), function (index, item) {
  57. $(item).attr("src", ResInfo.yaoshiShowImgUrl);//移动端要根据本地 喇叭 路径替换
  58. });
  59. $.each($(".audioImg"), function (index, item) {
  60. $(item).attr("src", ResInfo.audioPauseImgUrl);//移动端要根据本地 喇叭 路径替换
  61. });
  62. $.each($(".oralLanguageImg"), function (index, item) {
  63. $(item).attr("src", ResInfo.KouYuTagImgUrl);//移动端要根据本地 喇叭 路径替换
  64. });
  65. });
  66. //显示/隐藏习题答案
  67. $("#showhide-answer").on("click", function () {
  68. if ($(this).data("status") == "0") {
  69. this.innerText = "隐藏习题答案";
  70. $(this).data("status", "1");
  71. //showHideAnswer(true);
  72. showHideAnswerEx(true, true);
  73. //$(".underlineContent").show();
  74. }
  75. else {
  76. this.innerText = "显示习题答案";
  77. $(this).data("status", "0");
  78. //showHideAnswer(false);
  79. showHideAnswerEx(true, false);
  80. //$(".underlineContent").hide();
  81. }
  82. });
  83. //处理作答区域
  84. $("#handle-answer").on("click", function () {
  85. handleAnswerRange();
  86. });
  87. //提交习题答案
  88. $("#submit-answer").on("click", function () {
  89. getAllAnswer();
  90. });
  91. //回显习题答案
  92. $("#backup-answer").on("click", function () {
  93. backupAllAnswer(answerjson, 0);
  94. //var answerJson = "{\"AudioLength\":3,\"AudioUrl\":\"http://172.16.41.241:10103/http_TBookEditor51/exerciseAnswerAudio/2020-11-06_09-31-19.wav\",\"Id\":\"18\",\"Text\":\"\",\"Type\":3}";
  95. //reviewAnswer(answerJson);
  96. });
  97. //修改习题答案
  98. $("#update-answer").on("click", function () {
  99. //backupAllAnswer(answerjson, false);
  100. //var answerJson = "{\"AudioLength\":0,\"AudioUrl\":\"\",\"Id\":\"1\",\"Text\":\"sdasd\",\"Type\":1}";
  101. //var answerJson = "{\"AudioLength\":5,\"AudioUrl\":\"http://172.16.41.241:10103/Web_AITeachCloudV10/Files/UpLoad/zxstu155/2020/11/25/8a5d785d626748bbaa027895568d1bc3.wav\",\"Comment\":\"\",\"Id\":\"10\",\"PicUrl\":\"\",\"Score\":\"\",\"Text\":\"Good .\",\"Type\":3}";
  102. var answerJson = "{\"AudioLength\":5,\"AudioUrl\":\"http://172.16.41.241:10103/Web_AITeachCloudV10/Files/UpLoad/zxstu155/2020/11/25/8a5d785d626748bbaa027895568d1bc3.wav\",\"Comment\":\"\",\"Id\":\"10\",\"PicUrl\":\"\",\"Score\":\"\",\"Text\":\"Good .\",\"Type\":3}";
  103. reviewAnswer(answerJson);
  104. });
  105. //回填评阅数据
  106. $("#backup-review").on("click", function () {
  107. backupAllReview(reviewjson);
  108. });
  109. //定位滚动数据
  110. $("#scroll-review").on("click", function () {
  111. scrollAnswer("15");
  112. });
  113. //测试UI效果
  114. $("#test-ui").on("click", function () {
  115. var clonediv = $(".btn-play").prop("outerHTML");
  116. $(".test-p").html($(".test-p").html() + clonediv);
  117. });
  118. </script>
  119. </body>
  120. </html>