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

Registered : 107,976

HOME > PHP > PHP Forum > สอบถามแนวทางหรือ Keyword ในการทำ Toggle Status Online/Offline บันทึกค่าโดยไม่ต้องกด Submit ครับ



 

สอบถามแนวทางหรือ Keyword ในการทำ Toggle Status Online/Offline บันทึกค่าโดยไม่ต้องกด Submit ครับ

 



Topic : 132441



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



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



อยากสอบถามแนวทางหรือ Keyword ในการทำ Toggle Status Online/Offline บันทึกค่าลง Database เลยโดยไม่ต้องกด Submit ครับ

toggle



Tag : PHP, MySQL, HTML, JavaScript, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-10-28 23:38:36 By : pramuan_thaicreate View : 445 Reply : 4
 

 

No. 1



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



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

ลองดูครับ
Code (PHP)
<?php
$conection = new PDO('<<connection details>>');
$users = $connection->query("<<SELECT QUERY>>");

while ($row = $users->fetch(PDO::FETCH_ASSOC)) {
    if ($row['BlockUser'] == '1') {
        $user_visi_list.= "<div class=\"checkbox checkbox-danger\">
                           <input id=".$row['UserID']." value=".$row['UserID']." name=\"agreement[]\" type=\"checkbox\" class=\"styled\" checked=\"\">
                           <label for=".$row['UserID'].">".$row['UserName']."</label>
                           </div>";
    }
    else {
        $user_visi_list.= "<div class=\"checkbox checkbox-danger\">
                           <input id=".$row['UserID']." value=".$row['UserID']." name=\"agreement[]\" type=\"checkbox\" class=\"styled\">
                           <label for=".$row['UserID'].">".$row['UserName']."</label>
                           </div>";
    }
  }
  echo $user_visi_list;
?>

Keyword : toggle switch database






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-10-29 08:42:32 By : nobetaking
 


 

No. 2



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



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


google: input checkbox on change checked

https://stackoverflow.com/questions/8423217/jquery-checkbox-checked-state-changed-event
Code (JavaScript)
$(".checkbox-class-name").on('change', function() {
    if(this.checked) {
        var checkboxChecked = 'true';
    } else {
        var checkboxChecked = 'false';
    }

    $.ajax({
        // ส่งไปให้ server insert/update ก็ว่ากันไป
    });
});

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-10-29 09:20:25 By : mr.v
 

 

No. 3



โพสกระทู้ ( 5,093 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


http://www.bootstraptoggle.com

- ในฐานข้อมูลก็เก็บค่า 0 กับ 1
- เวลาส่งข้อมูลออกมาก็มีเงื่อนไข 0 กับ 1
- ใช้ jquery จับ id ส่งค่าไป update

ตย.ฟอร์ม
	
	<td class="ON-OFF">
  <?php 
      if($rs['status_slide'] =="1"){
  ?>
      <input name="icon<?php echo $rs['id']; ?>" id="icon<?php echo $rs['id']; ?>" rel="<?php echo $rs['id']; ?>"  type="checkbox" data-toggle="toggle" data-on="เปิดใช้งาน" data-off="ปิดใช้งาน" data-onstyle="success" data-offstyle="danger" checked>

  <?php      
       
       }else if($rs['status_slide'] =="0"){
  ?>
      <input name="icon<?php echo $rs['id']; ?>" id="icon<?php echo $rs['id']; ?>" rel="<?php echo $rs['id']; ?>"  type="checkbox" data-toggle="toggle" data-on="เปิดใช้งาน" data-off="ปิดใช้งาน" data-onstyle="success" data-offstyle="danger">
  <?php
       }else{
  ?>
      <button>ภาพ slide แรกเสมอ</button>
  <?php  
       }
       
       ?>
  <script>
  $(function() {
    $('#icon<?php echo $rs['id']; ?>').change(function() {
    	//alert($(this).prop('checked'));
    	var ch_val = $(this).prop('checked');
    	var rel = $(this).attr('rel');
    	//alert(ch_val);

    	if(ch_val==true){
    		var status = 1;
    		//alert(status);
    	}
    	if(ch_val==false){
    		var status = 0;
    		//alert(status);
    	}

      $.ajax({
        	url: 'update_status_slide.php',
        	type: 'POST',
        	data: {id: rel, value: status,},
        	async: false,
        	success: function (data) {
            //console.log(data);
         		}
    		});

  
     })
  })
</script>
	</td>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-10-29 11:29:32 By : apisitp
 


 

No. 4



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



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

ขอบคุณพี่แมวหลังเขา, mr.v, Mr.กล้า มากครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-10-30 16:29:59 By : pramuan_thaicreate
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามแนวทางหรือ Keyword ในการทำ Toggle Status Online/Offline บันทึกค่าโดยไม่ต้องกด Submit ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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, รับทำเว็บไซต์ รับเขียนโปรแกรม

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