<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>HTML5</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/javascript"> function callAjax(str, target) { if (str == "") { document.getElementById(target).value = "0"; document.getElementById('result').innerHTML = "0"; return; } if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById(target).value = xmlhttp.responseText; document.getElementById('result').innerHTML = xmlhttp.responseText; } } xmlhttp.open("GET", str, true); xmlhttp.send(); } function increaseValue() { var val = document.getElementById("meter1").value; callAjax("meter.ajax.php?action=increase&val=" + val, "meter1"); } function decreaseValue() { var val = document.getElementById("meter1").value; callAjax("meter.ajax.php?action=decrease&val=" + val, "meter1"); } </script> </head> <body> <form id="form1" name="form1" method="post"> <div> <meter id="meter1" max="100" style="width:200px;"></meter> <input type="button" name="Button1" value="<<" id="Button1" onclick="decreaseValue();" /> <input type="button" name="Button2" value=">>" id="Button2" onclick="increaseValue();" /> <br /> Value: <span id="result">0</span> </div> </form> </body> </html>
<?php if (!empty($_GET)) { $action = $_GET["action"]; $val = $_GET["val"]; switch ($action) { case 'increase': echo ($val < 100) ? $val + 5 : 100; break; case 'decrease': echo ($val > 0) ? $val - 5 : 0; break; } } ?>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
