314.php 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  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,p314 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. }
  17. else{
  18. $count = "".(string)($num);
  19. }
  20. $sql ="UPDATE coursepagecount SET p314 = '".$num."' WHERE User_ID='".$userid."'";
  21. $result = mysql_query($sql) or die('MySQL query error');
  22. mysql_close($link);
  23. ?>
  24. <! DOCTYPE HTML>
  25. <html>
  26. <head>
  27. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  28. <title>Exam</title>
  29. <link rel="stylesheet" type="text/css" media="all" href="style.css" />
  30. <script src="function.js"></script>
  31. <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  32. <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
  33. <script src="jquery.ui.touch-punch.min.js"></script>
  34. <script type="text/javascript">
  35. saveRecord("33411<?echo $count?>");
  36. picAisdroped = false;
  37. picBisdroped = false;
  38. picCisdroped = false;
  39. picDisdroped = false;
  40. answer1 = 0;
  41. error = 0;
  42. isStop = false;
  43. </script>
  44. <script>
  45. var dragId;
  46. $(document).ready(function(){
  47. $("#picA").draggable({
  48. drag: function(event, ui) {
  49. dragId = "picA";
  50. }
  51. });
  52. $("#picB").draggable({
  53. drag: function(event, ui) {
  54. dragId = "picB";
  55. }
  56. });
  57. $("#picC").draggable({
  58. drag: function(event, ui) {
  59. dragId = "picC";
  60. }
  61. });
  62. $("#picD").draggable({
  63. drag: function(event, ui) {
  64. dragId = "picD";
  65. }
  66. });
  67. $("#contentDiv").droppable({
  68. drop: function( event, ui ) {
  69. if(dragId == "picA"){
  70. picAisdroped = false;
  71. }
  72. else if(dragId == "picB"){
  73. picBisdroped = false;
  74. }
  75. else if(dragId == "picC"){
  76. picCisdroped = false;
  77. }
  78. else if(dragId == "picD"){
  79. picDisdroped = false;
  80. }
  81. }
  82. });
  83. $("#gridA").droppable({
  84. drop: function( event, ui ) {
  85. if(dragId == "picA"){
  86. saveRecords(1,dragTime);
  87. saveRecord(5);
  88. answer1 = 1;
  89. picAisdroped = true;
  90. }
  91. else if(dragId == "picB"){
  92. saveRecords(2,dragTime);
  93. saveRecord(5);
  94. answer1 = 2;
  95. picBisdroped = true;
  96. }
  97. else if(dragId == "picC"){
  98. saveRecords(3,dragTime);
  99. saveRecord(5);
  100. answer1 = 3;
  101. picCisdroped = true;
  102. }
  103. else if(dragId == "picD"){
  104. saveRecords(4,dragTime);
  105. saveRecord(5);
  106. answer1 = 4;
  107. picDisdroped = true;
  108. }
  109. document.getElementById(dragId).style.top = 40;
  110. document.getElementById(dragId).style.left = 550;
  111. }
  112. });
  113. });
  114. </script>
  115. <style type="text/css"></style>
  116. </head>
  117. <body>
  118. <div class="contentDiv">
  119. <div class="defaultPage" id="contentDiv">
  120. <img class="defaultPic" id="contentPic" src="image/314q.jpg"/>
  121. <img class="picItemA" id="picA" src="image/314picA.png" style="top:380px;left:10px;" onmousedown="dragPic()"/>
  122. <img class="picItemB" id="picB" src="image/314picB.png" style="top:380px;left:200px;" onmousedown="dragPic()"/>
  123. <img class="picItemC" id="picC" src="image/314picC.png" style="top:380px;left:390px;" onmousedown="dragPic()"/>
  124. <img class="picItemD" id="picD" src="image/314picD.png" style="top:380px;left:580px;" onmousedown="dragPic()"/>
  125. <img class="gridItemA" id="gridA" src="image/transparent.png" style="top:40px;left:550px; width:200px; height:165px"/>
  126. <button class="checkbutton" id="chkButton" onclick="checkAns(314)" style="top:275px;left:425px;" >確認答案</button>
  127. <img class="defaultStatus" id="status" src="" style="top:260px;left:160px;"/>
  128. <img class="defaultHideBtn" id="buttonPrev" src="image/prevButton.jpg" onclick="nextPage(33419<?echo $count?>,313)"/>
  129. <img class="defaultHideBtn" id="buttonNext" src="image/nextButton.jpg" onclick="nextPage(33419<?echo $count?>,'314A')"/>
  130. </div>
  131. </div>
  132. </body>
  133. </html>