606.php 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  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,p606 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 p606 = '" . $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" 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. </script>
  45. <script>
  46. rotateX = 0;
  47. rotateY = 0;
  48. rotateZ = 0;
  49. picwidth = 100;
  50. scale = 69/100;
  51. error = 0;
  52. isStop = false;
  53. var arrow;
  54. var i = 0;
  55. var lineComp;
  56. // this.onload = function() {
  57. // lineComp=new LineComponent("canvas","blank");
  58. // }
  59. </script>
  60. <style type="text/css" media="screen">
  61. #canvas_preview{
  62. opacity:0.5;
  63. top: -586px;
  64. left: 0;
  65. position: absolute;
  66. }
  67. .panel{
  68. position: absolute;
  69. width: 150px;
  70. left:150px;
  71. top:20px;
  72. }
  73. #blank{
  74. position: absolute;
  75. top: -586px;
  76. left: 0;
  77. z-index: -2;
  78. }
  79. .tooltipPhoto{
  80. position:absolute;
  81. display: none;
  82. left: 0px;
  83. top: 0px;
  84. z-index: -10;
  85. transform:scale(1.1);
  86. }
  87. </style>
  88. </head>
  89. <body>
  90. <div class="contentDiv">
  91. <div class="defaultPage" id="contentDiv">
  92. <canvas id="canvas" width="800" height="600"></canvas>
  93. <img class="defaultPic" id="contentPic" src="img/606pq.png"/>
  94. <img class="tooltipPhoto" id="tooltipPhoto" src="img/606a_1.png" style="top:30px;left:20px;width:800px;"/>
  95. <img class="picItem" id="picA" src="img/606p.png" style="top:380px;left:150px; transform: scale(0.69, 0.69);"/>
  96. <img class="picItem" id="picB" src="img/606p.png" style="top:230px;left:500px; transform: scale(0.69, 0.69); z-index:20;"/>
  97. <img class="picItem" id="pic1" src="image/pic1.png" style="top:570px;left:350px;" onclick="rotatePic2(100,45,1,1)"/>
  98. <img class="picItem" id="pic2" src="image/pic2.png" style="top:570px;left:420px;" onclick="rotatePic2(360,-360,10,2)"/>
  99. <img class="picItem" id="pic3" src="image/pic3.png" style="top:570px;left:490px;" onclick="rotatePic2(100,45,1,3)"/>
  100. <img class="picItem" id="pic4" src="image/pic4.png" style="top:500px;left:350px;" onclick="rotatePic2(360,-360,10,4)"/>
  101. <img class="picItem" id="pic6" src="image/pic6.png" style="top:500px;left:490px;" onclick="rotatePic2(360,-360,10,6)"/>
  102. <img class="picItem" id="pic7" src="image/pic7.png" style="top:430px;left:350px;" onclick="rotatePic2(360,-360,10,7)"/>
  103. <img class="picItem" id="pic8" src="image/pic8.png" style="top:430px;left:420px;" onclick="rotatePic2(360,-360,10,8)"/>
  104. <img class="picItem" id="pic9" src="image/pic9.png" style="top:430px;left:490px;" onclick="rotatePic2(360,-360,10,9)"/>
  105. <button class="checkbutton" id="tooltip1" style="top:480px;left:580px;" onclick="tooltipPhoto()">圖形提示</button>
  106. <br/>
  107. <button class="checkbutton" id="tooltip2" style="top:540px;left:580px;" onclick="tooltip('606a_2.png',2)">文字提示</button>
  108. <br>
  109. <button class="checkbutton" id="chkButton" onclick="checkAns2(606)" style="top:600px;left:580px;" >確認答案</button>
  110. <img class="defaultStatus" id="status" src=""/>
  111. <img class="defaultHideBtn" id="buttonPrev" src="image/prevButton.jpg" onclick="nextPage(6341948,'605')"/>
  112. <img class="defaultHideBtn" id="buttonNext" src="image/nextButton.jpg" onclick="nextPage(6341948,'606A')"/>
  113. <canvas id="canvas_preview" width="800" height="600" style="top: -586px; left: 0px;"></canvas>
  114. <div class="panel">
  115. <div class="option" style="background-color:green" onclick="changeColor('green')"></div>
  116. <div class="option" style="background-color:red" onclick="changeColor('red')"></div>
  117. <button id="reset">清除</button>
  118. </div>
  119. </div>
  120. </div>
  121. <script>
  122. showtooltipPhoto = false;
  123. </script>
  124. </body>
  125. </html>