tpl_hr_kaoshi.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <meta name="apple-mobile-web-app-status-bar-style" content="yes" />
  8. <title><?=$mrs['title']?>_培训考试</title>
  9. <link rel="stylesheet" type="text/css" href="mode/bootstrap3.3/css/bootstrap_cerulean.css"/>
  10. <link rel="stylesheet" type="text/css" href="web/res/fontawesome/css/font-awesome.min.css">
  11. <link rel="stylesheet" type="text/css" href="webmain/css/webmain.css"/>
  12. <link rel="shortcut icon" href="favicon.ico" />
  13. <script type="text/javascript" src="js/jquery.js"></script>
  14. <script type="text/javascript" src="js/js.js"></script>
  15. <script type="text/javascript">
  16. var sid = <?=$ors['id']?>;
  17. var tkrows = <?=$tkrows?>;
  18. var kstime = <?=$mrs['kstime']?>;//分钟
  19. var c = {
  20. start:function(o){
  21. js.msg('wait','初始化中...');
  22. o.disabled = true;
  23. var url = this.geturl('initkaoshi');
  24. js.ajax(url,{sid:sid},function(s){
  25. if(s!='ok'){
  26. o.disabled = false;
  27. js.msg(msg, s);
  28. }else{
  29. location.reload();
  30. }
  31. });
  32. },
  33. geturl:function(act,cabs){
  34. return js.getajaxurl(act,'mode_knowtraim|input','flow',cabs);
  35. },
  36. tims:0,
  37. shijian:<?=$ors['kstime']?>,
  38. init:function(){
  39. if(!get('kaoshidiv'))return;
  40. this.isover=false;
  41. this.showtimu();
  42. this.showtimes();
  43. },
  44. showtimes:function(){
  45. var sj = this.shijian+1;
  46. if(sj>kstime*60){
  47. this.finifss();//时间到了
  48. return;
  49. }
  50. var fz = Math.floor(sj/60);
  51. var ms = sj%60;
  52. $('#shijian').html(''+fz+'分'+ms+'秒');
  53. this.shijian++;
  54. setTimeout('c.showtimes()',1000);
  55. },
  56. showtimu:function(){
  57. var len = tkrows.length;
  58. if(this.tims>=len){
  59. this.finifss();
  60. return;
  61. }
  62. js.setmsg();
  63. var oi = this.tims+1;
  64. if(len==oi){
  65. get('btnssn').value='提交完成答题';
  66. }
  67. $('#showtotal').html(''+len+'/'+oi+'');
  68. var d = tkrows[this.tims];
  69. var ty1 = 'radio',ty2='单选';
  70. if(d.type=='1'){
  71. ty1 = 'checkbox';ty2='多选';
  72. }
  73. if(d.type=='2'){
  74. ty2='判断';
  75. }
  76. var str = '<div>题目'+oi+'、<b>'+d.title+'</b><font style="font-size:12px" color="#888888">('+ty2+')</font></div>';
  77. if(!isempt(d.content))str+='<div style="padding:10px">'+d.content+'</div>';
  78. $('#titletm').html(str);
  79. var arrs = ['ana','anb','anc','and','ane'],arrs1 = ['A','B','C','D','E'];
  80. var s = '',v1;
  81. for(var i=0;i<5;i++){
  82. v1 = d[arrs[i]];
  83. if(!isempt(v1))s+='<div><label><input name="changede[]" value="'+arrs1[i]+'" type="'+ty1+'"> '+arrs1[i]+'、'+v1+'</label></div>';
  84. }
  85. $('#titletcont').html(s);
  86. },
  87. nextbo:false,
  88. next:function(o){
  89. if(this.nextbo){
  90. c.tims++;
  91. c.showtimu();
  92. this.nextbo=false;
  93. return;
  94. }
  95. var len = tkrows.length,d,da,dy;
  96. d = tkrows[this.tims];
  97. da= js.getformdata();
  98. dy= da.changede;
  99. if(this.tims>=len){
  100. this.finifss();
  101. return;
  102. }
  103. if(dy==''){
  104. js.msg('msg','还没选答案呢');
  105. return;
  106. }
  107. o.disabled=true;
  108. js.setmsg('处理中...');
  109. dy=dy.replace(/\,/g,'');
  110. this.nextbo=false;
  111. var isover = (this.tims+1>=len);
  112. js.ajax(this.geturl('datitij'),{oi:this.tims,dy:dy,sid:sid,tid:d.id,sj:this.shijian},function(s){
  113. o.disabled=false;
  114. if(s=='ok'){
  115. c.tims++;
  116. c.showtimu();
  117. }else{
  118. js.setmsg(s);
  119. c.nextbo=true;
  120. }
  121. },'get');
  122. },
  123. isover:true,
  124. finifss:function(){
  125. this.isover=true;
  126. get('btnssn').disabled=true;
  127. js.setmsg('提交中...');
  128. js.ajax(this.geturl('finfish'),{sid:sid,sj:this.shijian},function(s){
  129. js.setmsg();
  130. js.alert('答题结束得分:'+s+'');
  131. },'get');
  132. }
  133. };
  134. function initbody(){
  135. c.init();
  136. }
  137. window.onbeforeunload=function(){
  138. if(!c.isover)return '考试还没结束,不要离开本页面?';
  139. }
  140. </script>
  141. <style>
  142. .mborder{margin:10px;border:1px solid #cccccc;padding:20px;text-align:left}
  143. <?php
  144. if(!$rock->ismobile()){
  145. echo '.mborder{width:400px}';
  146. }
  147. ?>
  148. </style>
  149. </head>
  150. <body>
  151. <div align="center">
  152. <div >
  153. <div style="padding:20px;font-size:18px"><?=$mrs['title']?></div>
  154. <?php if($ors['isks']=='0' && isempt($ors['tkids'])){?>
  155. <div class="mborder">
  156. <div>状态:你还未开始答题考试</div><div class="blank5"></div>
  157. <div>姓名:<?=$da['adminname']?></div><div class="blank5"></div>
  158. <div>考试时间:<?=$mrs['kstime']?>分钟</div><div class="blank5"></div>
  159. <div>单选题目:<?=$mrs['dsshu']?>题</div><div class="blank5"></div>
  160. <div>多选题目:<?=$mrs['dxshu']?>题</div><div class="blank5"></div>
  161. <div>判断题目:<?=$mrs['pdshu']?>题</div><div class="blank5"></div>
  162. <div>总分:<?=$mrs['zfenshu']?>分</div><div class="blank10"></div>
  163. <div align="center"><input type="button" onclick="c.start(this)" class="btn btn-success" value="开始考试"></div>
  164. </div>
  165. <?php
  166. }
  167. if(!isempt($ors['tkids'])){
  168. ?>
  169. <div id="kaoshidiv">
  170. <div class="mborder">
  171. <div align="center">培训考试中(<span id="showtotal">5/1</span>),已过:<span id="shijian">0分0秒</span></div>
  172. <div class="blank10"></div>
  173. <div align="center" style="background-color:#f1f1f1;padding:5px">考试时间:<?=$mrs['kstime']?>分钟,总分:<?=$mrs['zfenshu']?>分</div>
  174. <div class="blank10"></div>
  175. <div id="titletm">题目1、呵呵额和</div>
  176. <form name="myform"><div id="titletcont"></div></form>
  177. <div class="blank10"></div>
  178. <div align="center"><input type="button" id="btnssn" onclick="c.next(this)" class="btn btn-success" value="下一题">&nbsp;<span id="msgview"></span></div>
  179. </div>
  180. </div>
  181. <?php
  182. }
  183. ?>
  184. </div>
  185. </div>
  186. </body>
  187. </html>