andy6804tw
8/28/2016 - 9:05 AM

利用php表單控制開關燈

利用php表單控制開關燈

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>php表單控制開關燈</title>
<!一開始先在 HTML 的 header 引入 webduino-all.min.js,目的在讓瀏覽器可以支援 WebComponents 以及 Webduino 所有的元件,如果是用 Blockly 編輯工具產生的程式碼,則要額外引入 webduino-blockly.js。>
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
<?php
$str=$_GET["name"]; //php獲得表單變數
?>
<script>
var led; //變數

boardReady('WGEE', function (board) { //連接開發版
  board.systemReset();
  board.samplingInterval = 250; //類比取樣
  led = getLed(board, 10);//LED 10號腳位
  var str = '<?php echo $str ?>'; //php變數轉換js變數 
	if(str=="開燈"){
		document.getElementById("myDiv").innerHTML = "歡迎光臨 "+str;
		
		led.on();
		}
	else if(str=="關燈"){
		document.getElementById("myDiv").innerHTML =str;
		led.off();
		}
	else{
		document.getElementById("myDiv").innerHTML ="無此指令!!";
		}
});


</script>
</head>

<body>
<form action="test.php"method="get">
<input type="text"name="name">
<input type="submit"value="確定"onClick="document.test.submit()">
</form>

<div id="myDiv">test</div> <! 標籤印出字>

</body>

</html>