<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> </HEAD> <BODY> <div data-role="page" id="page4"> <div data-role="header" style="background-color: red"><h1 style="color: white; text-shadow:none; font-size:20px;margin: 0 10%;">อาคารสูง</h1> </div> <form id="myform1"> <p>ใส่ความสูง:หน่วยเป็นเมตร<input type="text" id="input1" name="input1" data-clear-btn="true"></p> <p>ผลการตรวจสอบ</p> <div id="myOutput" ></div> <br> </form> <button id ="ok" onclick="function"class="ui-btn ui-shadow ">ตรวจสอบ</button> <a href="#" data-rel="back" class="ui-btn ui-shadow">ย้อนกลับ</a> </div> <script> $(document).ready(function(){ $("#ok").click(function(){ var result = document.getElementById("input1").value; if(result >= 23) document.getElementById("myOutput").innerHTML = "เข้าค่ายต้องตรวจสอบ"; else if(result <= 22) document.getElementById("myOutput").innerHTML = "ไม่เข้าค่ายต้องตรวจสอบ"; else if(result == "") document.getElementById("myOutput").innerHTML = "กรุณากรอกข้อมูล"; }); }); </script> <script type="text/javascript" src="cordova.js"></script> </BODY> </HTML> อันนี้คือไฟล์ page1.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- --><link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"/> <script src="js/jquery-3.2.1.min.js"></script> <script src="js/jquery.mobile-1.4.5.min.js"></script> </HEAD> <BODY> <div data-role="page" id="page2"> <div data-role="header" style="background-color: red"><h1 style="color: white; text-shadow:none;margin: 0 5%;">ประเภทของอาคาร</h1> <a href="#" data-rel="back" data-icon="carat-l" data-iconpos="notext" style="background-color:black">Back</a> </div> <!--<div data-role="main" class= "ui-content">--> <ul data-role="listview"> <li><a href="HighRiseBuilding.html"data-transition="slide"> <img src="./img/001.jpg"> <h2 style="font-size:14px;margin: 0 3%;">อาคารสูง</h2></a> </li> <!-- <li><a href="Bu/ExtraLargeBuilding.html"data-transition="slide"> <img src="./img/002.jpg"> <h2 style="font-size:14px;margin: 0 3%;">อาคารขนาดใหญ่พิเศษ</h2></a> </li> <li><a href="Bu/CrowdedBuilding.html"data-transition="slide"> <img src="./img/003.jpg"> <h2 style="font-size:14px;margin: 0 3%;">อาคารชุมนุมคน</h2></a> </li> <li><a href="Bu/Theater.html"data-transition="slide"> <img src="./img/004.jpg"> <h2 style="font-size:14px;margin: 0 3%;">โรงมหรสพ</h2></a> </li> <li><a href="Bu/Hotel.html"data-transition="slide"> <img src="./img/005.jpg"> <h2 style="font-size:14px;margin: 0 3%;">โรงแรม</h2></a> </li> <li><a href="Bu/Condominium.html"data-transition="slide"> <img src="./img/006.jpg"> <h2 style="font-size:14px;margin: 0 3%;">อาคารอยู่อาศัยรวม</h2></a> </li> <li><a href="Bu/Factory.html"data-transition="slide"> <img src="./img/007.jpg"> <h2 style="font-size:14px;margin: 0 3%;">โรงงาน</h2></a> </li> <li><a href="Bu/EntertainmentPlace.html"data-transition="slide"> <img src="./img/008.jpg"> <h2 style="font-size:14px;margin: 0 3%;">สถานบริการ</h2></a> </li> <li><a href="Bu/Billborad.html"data-transition="slide"> <img src="./img/009.jpg"> <h2 style="font-size:14px;margin: 0 3%;">ป้ายโฆษณา</h2></a> </li>--> </ul> <!--</div>--> </div> <script type="text/javascript" src="cordova.js"></script> <!--<script type="text/javascript" src="js/index.js"></script>--> </BODY> </HTML> และอันนี้ก็ index.html <!DOCTYPE HTML > <HTML> <HEAD> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- ใส่คอมเมนต์ไว้ภายในนี้นะครับ style="color: black; text-shadow:none; font-size:20px"--> <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"/> <script src="js/jquery-3.2.1.min.js"></script> <script src="js/jquery.mobile-1.4.5.min.js"></script> </HEAD> <BODY> <div data-role= "page" id="page1"> <div data-role= "header" style="background-color: Red"> <h1 style="color: white; text-shadow:none; font-size:20px; margin: 0 10%;">แอฟตรวจสอบอาคาร</h1> </div> <div role="main" class="ui-content"> <p style="color:blue; font-size:18px;">กรูณากดปุ่มด้าล่างนี้เพื่อเริ่มต้นการทำงาน<br> <br> <a href="page1.html" class="ui-btn ui-corner-all ui-shadow" style="margin: 5px;border: 2px solid;"> การตรวจสอบอาคารเบื้องต้น </a> <br> <br> <br> <p style="text-align: center"> <img src="img/logo.png"></p> <div id="myOutput"></div> <br/> </div> </div> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" src="js/index.js"></script> </BODY> </HTML>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 05
Load balance : Server 05
