001.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
002.<HTML>
003.<HEAD>
004.<meta charset="utf-8" />
005.<meta name="viewport" content="width=device-width, initial-scale=1" />
006.</HEAD>
007.<BODY>
008.<div data-role="page" id="page4">
009.<div data-role="header" style="background-color: red"><h1 style="color: white; text-shadow:none; font-size:20px;margin: 0 10%;">อาคารสูง</h1>
010.</div>
011. <form id="myform1">
012. <p>ใส่ความสูง:หน่วยเป็นเมตร<input type="text" id="input1" name="input1" data-clear-btn="true"></p>
013. <p>ผลการตรวจสอบ</p>
014. <div id="myOutput" ></div>
015. <br>
016. </form>
017. <button id ="ok" onclick="function"class="ui-btn ui-shadow ">ตรวจสอบ</button>
018. <a href="#" data-rel="back" class="ui-btn ui-shadow">ย้อนกลับ</a>
019. </div>
020.
021.
022.<script>
023.$(document).ready(function(){
024. $("#ok").click(function(){
025. var result = document.getElementById("input1").value;
026.
027. if(result >= 23) document.getElementById("myOutput").innerHTML = "เข้าค่ายต้องตรวจสอบ";
028. else if(result <= 22) document.getElementById("myOutput").innerHTML = "ไม่เข้าค่ายต้องตรวจสอบ";
029. else if(result == "") document.getElementById("myOutput").innerHTML = "กรุณากรอกข้อมูล";
030.
031.});
032.});
033.</script>
034.<script type="text/javascript" src="cordova.js"></script>
035.</BODY>
036.</HTML>
037.อันนี้คือไฟล์ page1.html
038.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
039.<HTML>
040.<HEAD>
041.<meta charset="utf-8" />
042.<meta name="viewport" content="width=device-width, initial-scale=1" />
043.<!-- --><link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"/>
044.<script src="js/jquery-3.2.1.min.js"></script>
045.<script src="js/jquery.mobile-1.4.5.min.js"></script>
046.</HEAD>
047.<BODY>
048.<div data-role="page" id="page2">
049.<div data-role="header" style="background-color: red"><h1 style="color: white; text-shadow:none;margin: 0 5%;">ประเภทของอาคาร</h1>
050.<a href="#" data-rel="back" data-icon="carat-l" data-iconpos="notext" style="background-color:black">Back</a>
051.</div>
052. <!--<div data-role="main" class= "ui-content">-->
053. <ul data-role="listview">
054. <li><a href="HighRiseBuilding.html"data-transition="slide">
055. <img src="./img/001.jpg">
056. <h2 style="font-size:14px;margin: 0 3%;">อาคารสูง</h2></a>
057. </li>
058. <!-- <li><a href="Bu/ExtraLargeBuilding.html"data-transition="slide">
059. <img src="./img/002.jpg">
060. <h2 style="font-size:14px;margin: 0 3%;">อาคารขนาดใหญ่พิเศษ</h2></a>
061. </li>
062. <li><a href="Bu/CrowdedBuilding.html"data-transition="slide">
063. <img src="./img/003.jpg">
064. <h2 style="font-size:14px;margin: 0 3%;">อาคารชุมนุมคน</h2></a>
065. </li>
066. <li><a href="Bu/Theater.html"data-transition="slide">
067. <img src="./img/004.jpg">
068. <h2 style="font-size:14px;margin: 0 3%;">โรงมหรสพ</h2></a>
069. </li>
070. <li><a href="Bu/Hotel.html"data-transition="slide">
071. <img src="./img/005.jpg">
072. <h2 style="font-size:14px;margin: 0 3%;">โรงแรม</h2></a>
073. </li>
074. <li><a href="Bu/Condominium.html"data-transition="slide">
075. <img src="./img/006.jpg">
076. <h2 style="font-size:14px;margin: 0 3%;">อาคารอยู่อาศัยรวม</h2></a>
077. </li>
078. <li><a href="Bu/Factory.html"data-transition="slide">
079. <img src="./img/007.jpg">
080. <h2 style="font-size:14px;margin: 0 3%;">โรงงาน</h2></a>
081. </li>
082. <li><a href="Bu/EntertainmentPlace.html"data-transition="slide">
083. <img src="./img/008.jpg">
084. <h2 style="font-size:14px;margin: 0 3%;">สถานบริการ</h2></a>
085. </li>
086. <li><a href="Bu/Billborad.html"data-transition="slide">
087. <img src="./img/009.jpg">
088. <h2 style="font-size:14px;margin: 0 3%;">ป้ายโฆษณา</h2></a>
089. </li>-->
090. </ul>
091. <!--</div>-->
092. </div>
093. <script type="text/javascript" src="cordova.js"></script>
094. <!--<script type="text/javascript" src="js/index.js"></script>-->
095.</BODY>
096.</HTML>
097. และอันนี้ก็ index.html
098.<!DOCTYPE HTML >
099.<HTML>
100.<HEAD>
101.<meta charset="utf-8" />
102.<meta name="viewport" content="width=device-width, initial-scale=1" />
103.<!-- ใส่คอมเมนต์ไว้ภายในนี้นะครับ style="color: black; text-shadow:none; font-size:20px"-->
104.<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"/>
105.<script src="js/jquery-3.2.1.min.js"></script>
106.<script src="js/jquery.mobile-1.4.5.min.js"></script>
107.
108.</HEAD>
109.<BODY>
110.<div data-role= "page" id="page1">
111.<div data-role= "header" style="background-color: Red">
112.<h1 style="color: white; text-shadow:none; font-size:20px; margin: 0 10%;">แอฟตรวจสอบอาคาร</h1>
113.</div>
114.<div role="main" class="ui-content">
115.<p style="color:blue; font-size:18px;">กรูณากดปุ่มด้าล่างนี้เพื่อเริ่มต้นการทำงาน<br>
116.<br>
117. <a href="page1.html" class="ui-btn ui-corner-all ui-shadow" style="margin: 5px;border: 2px solid;">
118. การตรวจสอบอาคารเบื้องต้น
119. </a>
120. <br>
121. <br>
122. <br>
123. <p style="text-align: center">
124. <img src="img/logo.png"></p>
125. <div id="myOutput"></div>
126. <br/>
127.</div>
128.</div>
129. <script type="text/javascript" src="cordova.js"></script>
130. <script type="text/javascript" src="js/index.js"></script>
131.</BODY>
132.</HTML>
