Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 108,640

HOME > PHP > PHP Forum > อยากทราบวิธีเช็คเงื่อนไข ตัวแปร ajax ช่วยหน่อยครับ ผมมือใหม่



 

อยากทราบวิธีเช็คเงื่อนไข ตัวแปร ajax ช่วยหน่อยครับ ผมมือใหม่

 



Topic : 123833



โพสกระทู้ ( 0 )
บทความ ( 0 )



สถานะออฟไลน์




############เงื่อนไขคือ ถ้า val["Temp"] > 25 ให้เว็บมีเสียงแจ้งเตือนครับ############
โค้ด
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    
      <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/mobile.css" rel="stylesheet">

    <title>Smart Room</title>
      
      <script type="text/javascript" >
          
        function date_time(id) {
            date = new Date;
            year = date.getFullYear();
            month = date.getMonth();
            months = new Array('January', 'February', 'March', 'April', 'May','June', 'July', 'August', 'September', 'October', 'November', 'December');
            d = date.getDate();
            day = date.getDay();
            days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
            h = date.getHours();
            if (h < 10) {
                h = "0" + h;
            }
            m = date.getMinutes();
            if (m < 10) {
                m = "0" + m;
            }
            s = date.getSeconds();
            if (s < 10) {
                s = "0" + s;
            }
            result = '' + days[day] + ' ' + d + ' ' + months[month] + ' ' + year + ' ' + h + ':' + m + ':' + s;
           
            document.getElementById(id).innerHTML = result;
            setTimeout('date_time("' + id + '");', '1000');
            return true;
        }
          
      
    </script>
      
      

      <script>
  
function getDataFromDb()
{
	$.ajax({ 
				url: "getData.php" ,
				type: "POST",
				data: ''
			})
			.success(function(result) { 
				var obj = jQuery.parseJSON(result);
					if(obj != '')
					{
						  //$("#myTable tbody tr:not(:first-child)").remove();
						  $("#myBody").empty();
						  $.each(obj, function(key, val) {
                              var tr = "<tr>";
									if(val["Temp"] > 25){
                                       
									   tr = tr + "<td><h3><center><font color = red>" + "Temp OVER = " + val["Temp"] + "</h3></center></font></td>";
                                    }
                                    else{
                                        tr = tr + "<td><h3><center>" + "Temp = " + val["Temp"] + "</h3></center></td>";
                                    }
                                    
                                    if(val["Motion"] == 1){
                                        tr = tr + "<td><h3><center><font color = red>" + "Motion Warnning  " + "</h3></center></font></td>";
                                    }
                                    else{
                                        tr = tr + "<td><h3><center>" + "Safty Motion" + "</h3></center></td>";
                                    }
                              
                                    if(val["Door"] == 1){
                                        tr = tr + "<td><h3><center><font color = red>" + "Door Warnning  " + "</h3></center></font></td>";
                                    }
                                    else{
                                        tr = tr + "<td><h3><center>" + "Safty Door" + "</h3></center></td>";
                                    }
                              
                                    if(val["Current"] == 0){
                                        tr = tr + "<td><h3><center><font color = red>" + "Engine Warnning  " + "</h3></center></font></td>";
                                    }
                                    else{
                                        tr = tr + "<td><h3><center>" + "Safty Engine" + "</h3></center></td>";
                                    }
                                   
									tr = tr + "</tr>";
									$('#myTable > tbody:last').append(tr);
                                  
						  });
					}

			});

}

setInterval(getDataFromDb, 100);   // 1000 = 1 second
</script>

  </head>

  <body role="document">  
    <div class="container theme-showcase" role="main">
      <div class="jumbotron">
          <h1><center>Smart Room</center></h1>
          <p><h3><center> Reading Sensor Temp, Motion, Door and Current </center></h3> </p>
        <center><span id="date_time" style="color: #000000; font-size: xx-large;"></span>
          <script type="text/javascript"> window.onload = date_time('date_time');</script></center>

      </div>
  <center>
<table class=table id="myTable">
<!-- head table -->
<thead>
      <tr>
          <td><h2><center>Temp</center></h2></td>
          <td><h2><center>Motion</center></h2></td>
          <td><h2><center>Door</center></h2></td>
          <td><h2><center>Current</center></h2></td>
      </tr>
    </thead>   
      <!-- body dynamic rows -->
<tbody id="myBody"></tbody>

    </table>
    
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
      </center>
  </body>
</html>





Tag : HTML/CSS, JavaScript, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-07-13 13:29:21 By : watwat View : 463 Reply : 2
 

 

No. 1



โพสกระทู้ ( 479 )
บทความ ( 3 )



สถานะออฟไลน์


html
Code (PHP)
<audio id="sound_alert" src="wav/cartoon026.wav"></audio>


jQuery
Code (JavaScript)
if(val["Temp"] > 25){
$("#sound_alert").get(0).play();
}







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-15 14:08:41 By : fossil31
 


 

No. 2



โพสกระทู้ ( 0 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : fossil31 เมื่อวันที่ 2016-07-15 14:08:41
รายละเอียดของการตอบ ::
ขอบคุณมากๆครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-25 15:20:36 By : watwat
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากทราบวิธีเช็คเงื่อนไข ตัวแปร ajax ช่วยหน่อยครับ ผมมือใหม่
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , pangpond.com , pangpond.co.th , สำนักงานบัญชี.com , รถมือสอง

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2021 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่