511.php 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. <?
  2. session_start();
  3. echo "<meta charset=utf8>";
  4. if ($_SESSION['id'] == '' || $_SESSION['id'] == null) {
  5. echo '您尚未登入';
  6. exit;
  7. }
  8. include "connect.php";
  9. $userid = $_SESSION['name'];
  10. $sql = "SELECT User_ID,p511 FROM coursepagecount WHERE User_ID = '" . $userid . "'";
  11. $result = mysql_query($sql) or die('MySQL query error');
  12. $row = mysql_fetch_array($result);
  13. $num = $row[1] + 1;
  14. if ($num < 10) {
  15. $count = "0" . (string) ($num);
  16. } else {
  17. $count = "" . (string) ($num);
  18. }
  19. $sql = "UPDATE coursepagecount SET p511 = '" . $num . "' WHERE User_ID='" . $userid . "'";
  20. $result = mysql_query($sql) or die('MySQL query error');
  21. mysql_close($link);
  22. ?>
  23. <html>
  24. <head>
  25. <title>Exam</title>
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  27. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  28. <meta name="mobile-web-app-capable" content="yes">
  29. <meta name="apple-mobile-web-app-capable" content="yes" />
  30. <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
  31. <META http-equiv="Cache-Control" content="no-cache">
  32. <META http-equiv="Pragma" content="no-cache">
  33. <META http-equiv="Expires" content="0">
  34. <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  35. <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
  36. <script src="./function.js"></script>
  37. <script src="../public/js/layui/layui.js"></script>
  38. <script src="layer.js"></script>
  39. <script type="text/javascript">
  40. saveRecord("53111<?echo $count ?>");
  41. rotateX = 0;
  42. rotateY = 0;
  43. rotateZ = 0;
  44. scale = 1;
  45. picwidth = 189;
  46. error = 0;
  47. isStop = false;
  48. </script>
  49. <style>
  50. * {
  51. margin: 0;
  52. padding: 0;
  53. }
  54. body {
  55. -moz-user-select : none;
  56. -webkit-user-select: none;
  57. }
  58. .contentDiv{
  59. position:relative;
  60. margin: 0px auto;
  61. width: 800px;
  62. height: 720px;
  63. }
  64. .defaultCanvas{
  65. position:absolute;
  66. top:0px;
  67. lef:0px;
  68. display: inline;
  69. z-index: 1;
  70. }
  71. .option{
  72. float: left;
  73. width: 20px;
  74. height: 20px;
  75. border: 2px solid #cccccc;
  76. margin-right: 12px;
  77. margin-bottom: 12px;
  78. }
  79. .defaultPage{
  80. position:absolute;
  81. display: inline;
  82. left: 0px;
  83. top: 0px;
  84. }
  85. .defaultFlash{
  86. position:absolute;
  87. display: inline;
  88. left: 110px;
  89. width: 580px;
  90. height: 435px;
  91. z-index: 10;
  92. }
  93. .defaultPic{
  94. position:absolute;
  95. display: inline;
  96. left: 0px;
  97. top: 0px;
  98. z-index: -10;
  99. }
  100. .defaultArrow{
  101. position:absolute;
  102. display: inline;
  103. z-index: -5;
  104. }
  105. .defaultCar{
  106. position:absolute;
  107. display: inline;
  108. z-index: 100;
  109. }
  110. .defaultLine{
  111. position:absolute;
  112. display: inline;
  113. z-index: 5;
  114. }
  115. .defaultStatus{
  116. position:absolute;
  117. display: none;
  118. left: 30px;
  119. top: 620px;
  120. z-index: -5;
  121. }
  122. .defaultBtn{
  123. position:absolute;
  124. display: inline;
  125. z-index: 10;
  126. }
  127. .defaultHideBtn{
  128. position:absolute;
  129. display: none;
  130. z-index: 10;
  131. }
  132. #buttonPrev{
  133. left: 540px;
  134. top: 620px;
  135. }
  136. #buttonNext{
  137. left: 660px;
  138. top: 620px;
  139. }
  140. .selectItem1{
  141. position:absolute;
  142. display: inline;
  143. left: 0px;
  144. top: 503px;
  145. z-index: 10;
  146. width: 30px;
  147. height: 30px;
  148. }
  149. .selectItem2{
  150. position:absolute;
  151. display: inline;
  152. left: 250px;
  153. top: 503px;
  154. z-index: 10;
  155. width: 30px;
  156. height: 30px;
  157. }
  158. .selectItem3{
  159. position:absolute;
  160. display: inline;
  161. left: 495px;
  162. top: 503px;
  163. z-index: 10;
  164. width: 30px;
  165. height: 30px;
  166. }
  167. .selectItem4{
  168. position:absolute;
  169. display: inline;
  170. left: 495px;
  171. top: 503px;
  172. z-index: 10;
  173. width: 30px;
  174. height: 30px;
  175. }
  176. .picItem{
  177. position: absolute;
  178. display: inline;
  179. z-index: 5;
  180. }
  181. .checkbutton{
  182. position:absolute;
  183. display: inline;
  184. top: 395px;
  185. left: 562px;
  186. width: 100px;
  187. z-index: 10;
  188. }
  189. .tooltipPhoto{
  190. position:absolute;
  191. display: none;
  192. left: 0px;
  193. top: 0px;
  194. z-index: -10;
  195. transform:scale(0.95);
  196. }
  197. </style>
  198. </head>
  199. <body>
  200. <div class="contentDiv">
  201. <div class="defaultPage" id="contentDiv">
  202. <img class="defaultPic" id="contentPic" src="img/516pq.png"/>
  203. <img class="tooltipPhoto" id="tooltipPhoto" src="img/511a_1.png" style="top:0px;left:0px;width:800px;"/>
  204. <img class="picItem" id="picA" src="img/511p.png" style="top:340px;left:60px;"/>
  205. <img class="picItem" id="picB" src="img/511p.png" style="top:140px;left:534px;"/>
  206. <img class="picItem" id="pic1" src="image/pic1.png" style="top:540px;left:350px;" onclick="rotatePic2(1,0.5,0.25,1)"/>
  207. <img class="picItem" id="pic2" src="image/pic2.png" style="top:540px;left:420px;" onclick="rotatePic2(360,-360,10,2)"/>
  208. <img class="picItem" id="pic3" src="image/pic3.png" style="top:540px;left:490px;" onclick="rotatePic2(1,0.5,0.25,3)"/>
  209. <img class="picItem" id="pic4" src="image/pic4.png" style="top:470px;left:350px;" onclick="rotatePic2(360,-360,10,4)"/>
  210. <img class="picItem" id="pic6" src="image/pic6.png" style="top:470px;left:490px;" onclick="rotatePic2(360,-360,10,6)"/>
  211. <img class="picItem" id="pic7" src="image/pic7.png" style="top:400px;left:350px;" onclick="rotatePic2(360,-360,10,7)"/>
  212. <img class="picItem" id="pic8" src="image/pic8.png" style="top:400px;left:420px;" onclick="rotatePic2(360,-360,10,8)"/>
  213. <img class="picItem" id="pic9" src="image/pic9.png" style="top:400px;left:490px;" onclick="rotatePic2(360,-360,10,9)"/>
  214. <button class="checkbutton" id="tooltip1" style="top:420px;left:580px;" onclick="tooltipPhoto()">圖形提示</button>
  215. <br/>
  216. <button class="checkbutton" id="tooltip2" style="top:480px;left:580px;" onclick="tooltip('511a_2.png',2)">文字提示</button>
  217. <br>
  218. <button class="checkbutton" id="chkButton" onclick="checkAns2(511)" style="top:540px;left:580px;" >確認答案</button>
  219. <img class="defaultStatus" id="status" src=""/>
  220. <img class="defaultHideBtn" id="buttonPrev" src="image/prevButton.jpg" onclick="nextPage(6382914,510)"/>
  221. <img class="defaultHideBtn" id="buttonNext" src="image/nextButton.jpg" onclick="nextPage(5311914,'511A')"/>
  222. </div>
  223. </div>
  224. <script>
  225. showtooltipPhoto = false;
  226. </script>
  227. </body>
  228. </html>