AudioContent.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  6. <link rel="stylesheet" type="text/css" href="Base.css" />
  7. <link rel="stylesheet" type="text/css" href="AudioTraining.css" />
  8. <script type="text/javascript" src="jquery-1.12.4.min.js"></script>
  9. <script type="text/javascript" src="handlebars-v4.0.5.js"></script>
  10. <!--页面JS-->
  11. <script type="text/javascript" src="Common.js"></script>
  12. <script type="text/javascript" src="jqueryPlugin.js"></script>
  13. <script type="text/javascript" src="AudioTraining.js"></script>
  14. </head>
  15. <body>
  16. <!--<button onclick="loadWriteMode(2)">提交</button>
  17. <button onclick="loadWriteMode(1)">还原</button>-->
  18. <div id="scroll">
  19. <div id="AudioContentData" class="audio-content"></div>
  20. <div id="WriteContentData" style="display:none;">
  21. </div>
  22. <div class="no-text-audio"></div>
  23. <div class="hide-text"></div>
  24. <div class="error-text">
  25. <img src="../Images/error.png" />
  26. <div>当前资源存在异常,请稍后再试!</div>
  27. </div>
  28. <script id="AudioSynArticle-template" type="text/x-handlebars-template">
  29. {{#each this}}
  30. <div id="syn-article-sentence-item-{{SenID}}" class="syn-article-sentence" data-id="{{SenID}}">{{{Etext}}}</div>
  31. {{/each}}
  32. </script>
  33. <!--听写作答模式模板-->
  34. <script id="LRModeOne-template" type="text/x-handlebars-template">
  35. <div class="ContentTitle">听写内容输入区域<span>(听写时可不用输入标点符号并忽略大小写):</span></div>
  36. {{#each this}}
  37. <div class="modetwo" data-index="{{@index}}" data-play="0">
  38. <div>{{SenID}}.</div>
  39. <div><input type="text" placeholder="在此输入听写内容..." value="" /></div>
  40. <div>听写中...</div>
  41. </div>
  42. {{/each}}
  43. </script>
  44. <!--听写提交模式模板-->
  45. <script id="LRModeTwo-template" type="text/x-handlebars-template">
  46. <div class="submittitle">听写批改结果:共听了<span>0</span>句,正确<span>0</span>句,错误<span>0</span>句。</div>
  47. {{#each this}}
  48. <div class="modethree" data-playindex="{{@index}}" data-score="{{StuScore}}">
  49. <div></div>
  50. <div class="clearfix">
  51. <p class="myans">{{SenID}}.{{{PYAnswer}}}</p>
  52. <p class="rightans"><span class="rightansspan">正确答案: </span>{{PYEtext}}</p>
  53. </div>
  54. </div>
  55. {{/each}}
  56. </script>
  57. </div>
  58. </body>
  59. </html>