|
|
|
สอบถามคับ ผมจะทำปุ่มกดชอบใจให้กับเว็บ แต่ติดปัญหาอยู่เรื่องบันทึกข้อมูล รบกวนแนะนำด้วยคับ รายละเอียดอยู่ด้านในครับ |
|
|
|
|
|
|
|
ผมจะทำปุ่มกด ชอบใจให้เว็บของผมคับ การทำงานคือ เมื่อกดปุ่ม ข้อความในปุ่มจะเปลี่ยน จาก "ชอบใจ" เป็น "ชอบใจแล้ว" และสีของตัวหนังสือและพื้นหลังจะเปลี่ยนไปด้วย และเมื่อกดอีกครั้ง ปุ่มก็จะกลับมาเหมือนเดิม ในส่วนของฐานข้อมูลเมื่อกดปุ่ม"ชอบใจ" จะส่งค่าไอดีของสมาชิกและไอดีของบทความไปเก็บไว้ในตาราง และเมื่อกดปุ่ม "ชอบใจแล้ว" ระบบจะไปลบข้อมูลในตารางที่เก็บไอดีสมาชิกและไอดีบทความคับ
รายละเอียดก็ประมาณนี้ แต่ติดปัญหายุว่า ผมทำให้ปุ่มเปลี่ยนสีเปลี่ยนข้อความได้ แต่ไม่สามารถทำให้มันบันทึกหรือลบข้อมูลได้ ขอคำแนะนำด้วยคับ
Code
<script type="text/javascript">
var clicks = 0;
var count = 1;
function onClick() {
var property = document.getElementById("button");
if (count == 0) {
property.style.color = "#6c6c6c"
count = 1;
clicks -= 1;
document.getElementById("clicks").innerHTML = clicks;
$.ajax({
type: "POST",
url: "add_like.php",
data: $("#frmMain_like").serialize(),
success: function(result) {
}
});
}
else {
property.style.color = "#e96969"
count = 0;
clicks += 1;
document.getElementById("clicks").innerHTML = clicks;
$.ajax({
type: "POST",
url: "add_like.php",
data: $("#frmMain_like").serialize(),
success: function(result) {
}
});
}
};
</script>
ฟอร์ม
Code
<form action="" name="frmMain_like" id="frmMain_like" method="post">
<input type="hidden" id="like_post" name="like_post" value="<? echo $_GET["post_id"];?>">
<input type="hidden" id="like_user" name="like_user" value="<? echo $user_id;?>">
<div>
<button onclick="onClick()" id="button" style="color:#6c6c6c;" >ชอบใจ</button>
</div>
</form>
ส่วนหน้าบันทึกข้อมูลจะทำงานปกติ เพียงแต่ส่วนนี้ไม่ทำงาน ไม่ส่งค่าในฟอร์มไป
Code
$.ajax({
type: "POST",
url: "add_like.php",
data: $("#frmMain_like").serialize(),
success: function(result) {
}
});
ขอคำแนะนำด้วยคับ ขอบคุณมากๆคับ
Tag : PHP, MySQL, JavaScript, Ajax, jQuery
|
|
|
|
|
|
Date :
2017-08-20 05:53:08 |
By :
momotalo |
View :
651 |
Reply :
2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|