การทำ vote จากกระทู้ตัวอย่างครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา การทำ vote จากกระทู้ตัวอย่างครับ

การทำ vote จากกระทู้ตัวอย่างครับ

https://www.ninenik.com/เพิ่มลูกเล่นการโหวด_Vote_หรือ_Rating_ด้วย_jQuery_และ_CSS-161.html

คือว่าถ้าผมไม่อยากให้กดปุ่ม submit แล้วส่งข้อมูลไปละครับผมต้องแก้โค้ดตรงไหน

คือว่าอยากให้เวลาเลือกแล้วคลิก แล้วส่งข้อมูลไป Save ลงฐานข้อมูล พอ save เสร็จก็แจ้งเตือนว่าคุณได้ทำการ Vote เรียบร้อยแล้ว

พอดีลองแก้ไขแก้มา รูปภาพไม่ขึ้นบ้างส่งข้อมูลไม่ได้บ้าง ผมจึงมาของให้พี่นิคช่วยแก้ครับ

Cpuhost 27-08-2010 16:24:26

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ใส่ตอนที่ใช้ event click ใน $("ul.iVote li").click(function(){

$("ul.iVote li").click(function(){
        // ..................
        // ...................
        // ใส่ต่อท้ายโค้ดก่อนหน้า ส่งข้อมูล ajax แบบส่งตัวแปร post รับไฟล์ก็ $_POST['voteValue']
        $.post("save_vote.php",{voteValue:Clto},function(){
            alert("OK");
        });
}); 

ninenik 27-08-2010

ความคิดเห็นที่ 2

ใช้แบบนี้หรือเปล่า ทำแล้วค่ามันไม่ยอมส่งไปครับ

$("ul.iVote li").click(function(){
            var prObj=$(this).parent("ul");;
            if(prObj.children("li").hasClass("VoteD2")==false){         
            var Clto=prObj.children("li").index(this);
            $.post("save_vote.php",{voteValue:Clto},function(){
                alert("OK");
            });
            var Clto2=Clto;
            Clto+=1;
            prObj.next("input").val(Clto);  
            prObj.children("li:lt("+Clto+")").addClass("VoteD2");
            prObj.children("li:gt("+Clto+")").removeClass("VoteD");         
            prObj.children("li").unbind("mouseover");   
            prObj.unbind("mouseout");   
            prObj.nextAll("span.showVoteText:eq(0)")
            .html(arrTextVote[Clto2]);
            }
    }); 

ไฟล์ save_vote.php

<? echo"<script>alert('$_POST[voteValue]');</script>"; ?>

จะลองทดสอบดูว่าค่าถูกส่งมาหรือเปล่า พอคลิกแล้ว alert Ok แล้วก็เงียบเลยครับ

ไม่รู้ว่าใส่ถุกที่หรือเปล่า

cpuhost 27-08-2010 22:07

ความคิดเห็นที่ 3

ตอนนี้ทำได้แล้วครับ ข้อมูลบันทึกให้ล่ะแต่ว่าเราจะให้มันตรวจสอบ id ด้วยละครับ

นี้คือโค้ดที่ผมแก้ไขนะครับ

$("ul.iVote li").click(function(){
            var prObj=$(this).parent("ul");;
            if(prObj.children("li").hasClass("VoteD2")==false){         
            var Clto=prObj.children("li").index(this);
            var Clto2=Clto;
            Clto+=1;
            $.post("save_vote.php",{voteValue:Clto},function(){
                alert("OK");
            });
            prObj.next("input").val(Clto);  
            prObj.children("li:lt("+Clto+")").addClass("VoteD2");
            prObj.children("li:gt("+Clto+")").removeClass("VoteD");         
            prObj.children("li").unbind("mouseover");   
            prObj.unbind("mouseout");   
            prObj.nextAll("span.showVoteText:eq(0)")
            .html(arrTextVote[Clto2]);
            }
    }); 

อันนี้บันทึก

mysql_query("Update web_test set vote='".$_REQUEST[voteValue]."' where id='$id'");

เราจะส่งไอดีมาตรวจสอบด้วยยังไงดีครับ ถ้าแบบนี้ ได้ mysql_query("Update web_test set vote='".$_REQUEST[voteValue]."' ); แต่ถ้ามี ไอดีแล้วมันไม่ได้ คือผมอยากให้ส่งไอดีมาด้วยครับ

ขอบคุณมากครับ

cpuhost 28-08-2010 09:17

ความคิดเห็นที่ 4

<script type="text/javascript">
 $.post("save_vote.php",{
     voteValue:Clto,
     idVoteValue:idValue     
     },function(){   
     alert("OK");   
 });   
</script>
ถ้าส่งค่าไปหลายอัน ก็เพิ่มเข้าไป ได้ โดยให้อยู่ในรูปแบบ
ชื่อตัว : ค่าตัวแปร ดามด้วย ,  (comma) ถ้าเป็นตัวสุดท้ายไม่ต้องมี comma

Ninenik 28-08-2010

ความคิดเห็นที่ 5

ผมก็เคยทำแบบพี่นิกยกตัวอย่างให้ดูไปแล้วรอบหนึ่งก่อนจะตั้งคำถามอ่ะครับ

แต่ว่าผมไม่รู้ว่าจะส่งตัวแปรมายังไง นี้คือโค้ดที่แก้ไขปัจจุบัน

$("ul.iVote li").click(function(){
            var prObj=$(this).parent("ul");;
            if(prObj.children("li").hasClass("VoteD2")==false){         
            var Clto=prObj.children("li").index(this);
            var idValue=prObj.children("li").index(this); // ตรงนี้ ผมสร้างตัวแปรเพิ่มไม่รู้ว่าถูกหรือเปล่า เพราะ idValue นั้นยังไม่มีตัวแปรใน function เลย
            var Clto2=Clto;
            Clto+=1;
            $.post("save_vote.php",{voteValue:Clto,idVote:idValue},function(){
                alert("Vote "+Clto+" Points Thank you");
            });
            prObj.next("input").val(Clto);  
            prObj.children("li:lt("+Clto+")").addClass("VoteD2");
            prObj.children("li:gt("+Clto+")").removeClass("VoteD");         
            prObj.children("li").unbind("mouseover");   
            prObj.unbind("mouseout");   
            prObj.nextAll("span.showVoteText:eq(0)")
            .html(arrTextVote[Clto2]);
            }
    }); 

แล้วคำสั่งพวกนี้เราก็ไม่ต้องไปยุ่งกับมันใช้เปล่าพี่

</ul>

ตัวนี้ผมทำเพิ่ม เพือสร้าง ตัวแปรใน function ไม่รู้ว่าถูกหรือเปล่า

var idValue=prObj.children("li").index(this); 
ถ้าไม่มีตัวแปรนี้มันจะ ลอง run ดูแล้วเหมือน function มันไม่ทำงาน มันนิ่งไปเลยครับ
<br type="_moz">

1	`รบกวนพี่อีกครั้งครับ`

cpuhost 28-08-2010 13:31

ความคิดเห็นที่ 6

แทรก input hidden ไป ไว้นอกตัว vote ก็ได้

1	`<input` `name="h_varID"` `type="hidden"` `id="h_varID"` `value="กำหนดค่า id"` `/>`

ส่วนในฟังก์ชัน ก็เรียกค่ามาเก็บในตัวแปร

1	`var` `idValue=$("#h_varID").val();`

Ninenik 28-08-2010

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน