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

Registered : 109,038

HOME > PHP > PHP Forum > สอบถามเกี่ยวกับปุ่มกดที่เวลากดแล้วจะ + 1 ให้กับข้อมูลใน Row นั้นๆครับ


สอบถามเกี่ยวกับปุ่มกดที่เวลากดแล้วจะ + 1 ให้กับข้อมูลใน Row นั้นๆครับ

 
Topic : 091659



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



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



1

จากรูปด้านบนเป็น Table : rating
อยากจะทำปุ่มแบบว่า เวลากดแล้ว จะมีผลไปบวก 1 ให้กับ column point น่ะครับ จะทำอย่างไรดีครับ

เช่นกด 1 ครั้ง Where id=1 ก็จะทำให้ point ของ id1 เป็น 11 น่ะครับ



Tag : PHP, MySQL
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-03-01 14:38:45 By : peap View : 837 Reply : 5
 

 

No. 1



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



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

แบบง่ายๆ ครับ

Code
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Test</title>
</head>
<body>
	<table>
		<tr>
			<th>ID</th>
			<th>Point</th>
			<th>Action</th>
		</tr>
		<tr>
			<td>1</td>
			<td><span id="point-1">10</span></td>
			<td>
				<input type="button" value="+" onClick="addPoint('point-1')" />
				<input type="button" value="-" onClick="subtractPoint('point-1')" />
			</td>
		</tr>
		<tr>
			<td>2</td>
			<td><span id="point-2">30</span></td>
			<td>
				<input type="button" value="+" onClick="addPoint('point-2')" />
				<input type="button" value="-" onClick="subtractPoint('point-2')" />
			</td>
		</tr>
		<tr>
			<td>3</td>
			<td><span id="point-3">50</span></td>
			<td>
				<input type="button" value="+" onClick="addPoint('point-3')" />
				<input type="button" value="-" onClick="subtractPoint('point-3')" />
			</td>
		</tr>
	</table>
	
	<script type="text/javascript">
	
	function addPoint(id){
		var element = document.getElementById(id);
		element.innerHTML = parseInt(element.innerHTML)+1;
	}
	
	function subtractPoint(id){
		var element = document.getElementById(id);
		element.innerHTML = parseInt(element.innerHTML)-1;
	}
	</script>
</body>
</html>



ประวัติการแก้ไข
2013-03-01 15:03:56
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-03-01 15:03:14 By : earthchie
 

 

No. 2



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



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

แบบยากขึ้นมาหน่อยครับ ใช้ jquery
แต่แบบนี้ตัว html จะค่อนข้าง clean ครับ

Code
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Test</title>
</head>
<body>
	<table>
		<tr>
			<th>ID</th>
			<th>Point</th>
			<th>Action</th>
		</tr>
		<tr>
			<td>1</td>
			<td>10</td>
			<td>
				<input type="button" value="+" class="addPoint" />
				<input type="button" value="-" class="subtractPoint" />
			</td>
		</tr>
		<tr>
			<td>2</td>
			<td>30</td>
			<td>
				<input type="button" value="+" class="addPoint" />
				<input type="button" value="-" class="subtractPoint" />
			</td>
		</tr>
		<tr>
			<td>3</td>
			<td>50</td>
			<td>
				<input type="button" value="+" class="addPoint" />
				<input type="button" value="-" class="subtractPoint" />
			</td>
		</tr>
	</table>
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$('.addPoint').click(function(){
			var value = $(this).parent().parent().find('td').eq(1).html();
			$(this).parent().parent().find('td').eq(1).html(parseInt(value)+1);
		});
		
		$('.subtractPoint').click(function(){
			var value = $(this).parent().parent().find('td').eq(1).html();
			$(this).parent().parent().find('td').eq(1).html(parseInt(value)-1);
		});
	});
	
	</script>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-03-01 15:09:19 By : earthchie
 

 

No. 3



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



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


แล้วฟังก์ชันที่ update mysql ไม่เห็นมีเลยล่ะครับ เช่น กดปุ่มแล้ว update อะไรประมาณนี้น่ะครับ


ประวัติการแก้ไข
2013-03-01 15:51:01
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-03-01 15:49:23 By : peap
 

 

No. 4



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



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

เขียนเองเลยครับ ใช้ ajax

ทำเป็นหน้าก็ได้ มีสองหน้า
หน้าแรก เรียกหนึ่งที เพิ่ม 1 แต้ม
หน้าสอง เรียกหนึ่งที ลด 1 แต้ม

ถ้าใช้ jquery จะยิ่งง่ายครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-03-01 16:26:39 By : earthchie
 

 

No. 5



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



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

อ่ะ พอดีว่าง ทำตัวอย่างมาให้ดูครับ

Code
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Test</title>
</head>
<body>
	<table>
		<tr>
			<th>ID</th>
			<th>Point</th>
			<th>Action</th>
		</tr>
		<tr>
			<td>1</td>
			<td>10</td>
			<td>
				<input type="button" value="+" class="addPoint" />
				<input type="button" value="-" class="subtractPoint" />
			</td>
		</tr>
		<tr>
			<td>2</td>
			<td>30</td>
			<td>
				<input type="button" value="+" class="addPoint" />
				<input type="button" value="-" class="subtractPoint" />
			</td>
		</tr>
		<tr>
			<td>3</td>
			<td>50</td>
			<td>
				<input type="button" value="+" class="addPoint" />
				<input type="button" value="-" class="subtractPoint" />
			</td>
		</tr>
	</table>
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$('.addPoint').click(function(){
			var id = $(this).parent().parent().find('td').eq(0).html();
			var target = $(this).parent().parent().find('td').eq(1);
			
			$.get('/url/to/addPoint.php?id='+id,function(currentPoint){
				target.html(currentPoint);
			});
		});
		
		$('.subtractPoint').click(function(){
			var id = $(this).parent().parent().find('td').eq(0).html();
			var target = $(this).parent().parent().find('td').eq(1);
			
			$.get('/url/to/subtractPoint.php?id='+id,function(currentPoint){
				target.html(currentPoint);
			});
		});
	});
	
	</script>
</body>
</html>


ไฟล์ addPoint.php
Code (PHP)
$id = $_GET['id'];
	
	$sql = "SELECT point FROM records WHERE id=".$id;
	$result = mysql_query($sql);
	
	$point = ((int)mysql_result($result,0,0)) + 1;
	
	$sql "UPDATE records SET point = ".$point." WHERE id=".$id;
	mysql_query($sql);
	
	echo $point ;


ไฟล์ subtractPoint.php
Code (PHP)
$id = $_GET['id'];
	
	$sql = "SELECT point FROM records WHERE id=".$id;
	$result = mysql_query($sql);
	
	$point = ((int)mysql_result($result,0,0)) - 1;
	
	$sql "UPDATE records SET point = ".$point." WHERE id=".$id;
	mysql_query($sql);
	
	echo $point ;


มันคือตัวอย่างง่ายๆ นะครับ ลองเอาไปประยุกต์ใช้ดู


ประวัติการแก้ไข
2013-03-01 16:48:49
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-03-01 16:45:30 By : earthchie
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : สอบถามเกี่ยวกับปุ่มกดที่เวลากดแล้วจะ + 1 ให้กับข้อมูลใน Row นั้นๆครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





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