609.php 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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,p609 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 p609 = '" . $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. <link rel="stylesheet" type="text/css" media="all" href="style.css" />
  35. <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  36. <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
  37. <script src="./fingers.js"></script>
  38. <script src="./function.js"></script>
  39. <script src="./function11.js"></script>
  40. <script src="../public/js/layui/layui.js"></script>
  41. <script src="layer.js"></script>
  42. <script type="text/javascript">
  43. saveRecord("63411<?echo $count ?>");
  44. rotateX = 0;
  45. rotateY = 0;
  46. rotateZ = 0;
  47. scale = 69/100;
  48. picwidth = 100;
  49. error = 0;
  50. isStop = false;
  51. var arrow;
  52. var i = 0;
  53. var lineComp;
  54. </script>
  55. <style type="text/css" media="screen">
  56. #canvas_preview{
  57. opacity:0.5;
  58. top: -586px;
  59. left: 0;
  60. position: absolute;
  61. }
  62. .panel{
  63. position: absolute;
  64. width: 150px;
  65. left:150px;
  66. top:20px;
  67. }
  68. #blank{
  69. position: absolute;
  70. top: -586px;
  71. left: 0;
  72. z-index: -2;
  73. }
  74. .tooltipPhoto{
  75. position:absolute;
  76. display: none;
  77. left: 0px;
  78. top: 0px;
  79. z-index: -10;
  80. transform:scale(0.98);
  81. }
  82. </style>
  83. </head>
  84. <body>
  85. <div class="contentDiv">
  86. <div class="defaultPage" id="contentDiv">
  87. <canvas id="canvas" width="800" height="600"></canvas>
  88. <img class="tooltipPhoto" id="tooltipPhoto" src="img/609a_1.png" style="top:56px;left:0px;width:800px;"/>
  89. <img class="defaultPic" id="contentPic" src="img/609pq.png" style="width:800"/>
  90. <img class="picItem" id="picB" src="img/609p.png" style="top:260px;left:540px; transform: scale(0.69, 0.69);"/>
  91. <div>
  92. <img class="picItem" id="picA" src="img/609p.png" style="top:480px;left:200px; transform: scale(0.69, 0.69);"/>
  93. <img class="picItem" id="pic1" src="image/pic1.png" style="top:620px;left:350px;" onclick="rotatePic2(100,45,1,1)"/>
  94. <img class="picItem" id="pic2" src="image/pic2.png" style="top:620px;left:420px;" onclick="rotatePic2(360,-360,10,2)"/>
  95. <img class="picItem" id="pic3" src="image/pic3.png" style="top:620px;left:490px;" onclick="rotatePic2(100,45,1,3)"/>
  96. <img class="picItem" id="pic4" src="image/pic4.png" style="top:550px;left:350px;" onclick="rotatePic2(360,-360,10,4)"/>
  97. <img class="picItem" id="pic6" src="image/pic6.png" style="top:550px;left:490px;" onclick="rotatePic2(360,-360,10,6)"/>
  98. <img class="picItem" id="pic7" src="image/pic7.png" style="top:480px;left:350px;" onclick="rotatePic2(360,-360,10,7)"/>
  99. <img class="picItem" id="pic8" src="image/pic8.png" style="top:480px;left:420px;" onclick="rotatePic2(360,-360,10,8)"/>
  100. <img class="picItem" id="pic9" src="image/pic9.png" style="top:480px;left:490px;" onclick="rotatePic2(360,-360,10,9)"/>
  101. </div>
  102. <button class="checkbutton" id="tooltip1" style="top:530px;left:580px;" onclick="tooltipPhoto()">圖形提示</button>
  103. <br/>
  104. <button class="checkbutton" id="tooltip2" style="top:590px;left:580px;" onclick="tooltip('609a_2.png',2)">文字提示</button>
  105. <br>
  106. <button class="checkbutton" id="chkButton" onclick="checkAns2(609)" style="top:650px;left:580px;" >確認答案</button>
  107. <img class="defaultStatus" id="status" src=""/>
  108. <img class="defaultHideBtn" id="buttonPrev" src="image/prevButton.jpg" onclick="nextPage(6361917,608)"/>
  109. <img class="defaultHideBtn" id="buttonNext" src="image/nextButton.jpg" onclick="nextPage(6361917,'609A')"/>
  110. <canvas id="canvas_preview" width="800" height="600" style="top: -586px; left: 0px;"></canvas>
  111. <div class="panel">
  112. <div class="option" style="background-color:green" onclick="changeColor('green')"></div>
  113. <div class="option" style="background-color:red" onclick="changeColor('red')"></div>
  114. <button id="reset">清除</button>
  115. </div>
  116. </div>
  117. </div>
  118. <script>
  119. showtooltipPhoto = false;
  120. </script>
  121. </body>
  122. </html>