php_group
/
htdoc


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
							<?
session_start();
echo "<meta charset=utf8>";
if ($_SESSION['id'] == '' || $_SESSION['id'] == NULL){
    echo '您尚未登入';
    exit;
}
include("connect.php");
$userid = $_SESSION['name'];
$sql    = "SELECT User_ID,p407 FROM coursepagecount WHERE User_ID = '".$userid."'";
$result = mysql_query($sql) or die('MySQL query error');
$row    = mysql_fetch_array($result);
$num    = $row[1]+1;
if($num<10){
	$count = "0".(string)($num);
}
else{ 
	$count = "".(string)($num);
}
$sql ="UPDATE coursepagecount SET p407 = '".$num."' WHERE User_ID='".$userid."'";
$result = mysql_query($sql) or die('MySQL query error');
mysql_close($link);
?>
<! DOCTYPE HTML>
<html>
	<head>
	     <title>Exam</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
		<META http-equiv="Cache-Control" content="no-cache">
		<META http-equiv="Pragma" content="no-cache">
		<META http-equiv="Expires" content="0">
		<link rel="stylesheet" type="text/css" media="all" href="style.css" />
		<script src="./jquery-1.11.3.min.js"></script>
		<script src="./function.js"></script>
		<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
		<script src="jquery.ui.touch-punch.min.js"></script>
		<script src="./fingers.js"></script>
		<script type="text/javascript">
		
		saveRecord("43511<?echo $count?>");
		rotateZ = 15;
		posXCar = 173.58742811845372;
		posYCar = 413.86664873203233;
		posCarAngle = 15;
		posXArrow =191.30780618346944;
		posYArrow =480;
		error = 0;
		isStop = false;
        </script>
		
	</head>
	<body>
		<div class="contentDiv">
			<div class="defaultPage" id="contentDiv">
				<canvas class="defaultCanvas" id="myCanvas" width="800" height="500"></canvas>				
				<script>
					var c=document.getElementById("myCanvas");
					var cxt=c.getContext("2d");
					cxt.beginPath();
					cxt.moveTo(posYCar+40,posXCar+30);
					cxt.lineTo(posYArrow+40,posXArrow+30);
					cxt.closePath();
					cxt.lineWidth = 8;
					cxt.strokeStyle = '#ff0000';
					cxt.stroke();
				</script>
				<img class="defaultPic" id="contentPic" src="image/407q.jpg"/>
				<img class="defaultCar" id="car" style="top:0px;left:0px; transform: rotate(0deg);"src="image/car.png"/>
				<img class="defaultLine" id="line" style="top:153px;left:168px;" src="image/line.png"/>
				<img class="defaultArrow" id="picA" style="top: 0px;left: 0px;" src="image/40Xarrow.png"/>
				<script type="text/javascript">
					document.getElementById("car").style.top = posXCar
					document.getElementById("car").style.left = posYCar;
					document.getElementById("car").style.transform = 'rotateZ('+posCarAngle+'deg)';
					document.getElementById("line").style.top = posXArrow+30-4;
					document.getElementById("line").style.left = posYArrow+40-112;
					document.getElementById("picA").style.top = posXArrow+30-15;
					document.getElementById("picA").style.left = posYArrow+40-215;				
				 </script>
				<img class="defaultStatus" id="status" src=""/>
				<img class="picItem" id="pic7" src="image/pic7.png" style="top:580px;left:250px;" onclick="rotateArrow(75,-15,15,7)"/>
				<img class="picItem" id="pic9" src="image/pic9.png" style="top:580px;left:350px;" onclick="rotateArrow(75,-15,15,9)"/>
				<button class="checkbutton" id="chkButton" onclick="checkAns(407)" style="top:595px;left:450px;" >確認答案</button>
				<img class="defaultHideBtn" id="buttonPrev" src="image/prevButton.jpg" onclick="nextPage(4351919,'406A')"/>
				<img class="defaultHideBtn" id="buttonNext" src="image/nextButton.jpg" onclick="nextPage(4351919,'407A')"/>
			</div>
		</div>
	</body>
</html>