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,810

HOME > Client Script Forum > ทำไมถึงเรียกใช้ฟังชั่น ซ้ำเเละเพิ่มขึ้นเรื่อยๆ ผมต้องทำอย่างไรเพื่อให้ทำงานเพียงครั้งเดียว เเล้ว ออกจากฟังชั่นเลย





 

ทำไมถึงเรียกใช้ฟังชั่น ซ้ำเเละเพิ่มขึ้นเรื่อยๆ ผมต้องทำอย่างไรเพื่อให้ทำงานเพียงครั้งเดียว เเล้ว ออกจากฟังชั่นเลย

 



Topic : 132866



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



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




จากรูป มันเป็นการเรียกใช้ Fuction ซ้ำเเบบเพิ่มจำนวนขึ้น เลื่อยๆ
การทำงานวนซ้ำ
ผมจะต้องทำอย่างไรครับ เพื่อให้ ทำงานเครั้งเดียวโดยไม่เรียก ฟังชั่น เบิ้ล
Code (JavaScript)
<script>
    var Numr = 1;
    var input = document.getElementById("lt_NameShow");
    input.addEventListener("keyup", function(event) {
        event.preventDefault();
        if (event.keyCode === 13) {
            document.getElementById("lotoType").value = $("#lt_NameShow").val();
            $.ajax({
                url: "../Class/class.php",
                global: false,
                type: "POST",
                data: ({
                    id: $("#lt_NameShow").val(),
                    Mode: "chType"
                }),
                dataType: "JSON",
                async: false,
                success: function(jd) {
                    $.each(jd, function(key, val) {

                        var div1 = '<input type="text" name="summaryT2" id="lotoNumber" class="form-control SNumber" placeholder="เลข" maxlength="3" required>';
                        document.getElementById("lotoBoth").disabled = false;
                        $('#div1').empty();
                        $('#div1').append(div1);
                        document.getElementById("lt_NameShow").value = val["lt_Name"];
                        document.getElementById("lotoNumber").focus();

                        var input2 = document.getElementById("lotoNumber");
                        input2.addEventListener("keyup", function(event) {
                            event.preventDefault();
                            if (event.keyCode === 13) {
                                if ($("#lotoNumber").val().length != 3) {
                                    document.getElementById("lotoNumber").focus();
                                } else {
                                    document.getElementById("lotoYes").focus();
                                }
                            }
                        });
                        var input3 = document.getElementById("lotoYes");
                        input3.addEventListener("keyup", function(event) {
                            event.preventDefault();
                            if (event.keyCode === 13) {
                                addDiv2();
                            }
                        });
                    });
                }
            });
        }

    });

    function addDiv2() {
        $('#diva').empty();
        var lotoType = $("#lotoType").val();
        var lotoNumber = $("#lotoNumber").val();
        var lotoYes = $("#lotoYes").val();
        var lotoBoth = $("#lotoBoth").val();

        $.ajax({
            url: "../Class/sql-insert.php",
            global: false,
            type: "POST",
            data: ({
                Mode: "byLoto",
                Type: lotoType,
                Number: lotoNumber,
                Price: lotoYes,
                lotoBoth: lotoBoth
            }),
            dataType: "JSON",
            async: false,
            success: function(jd) {
                $.each(jd, function(key, val) {
                    var diva = '<tr id="N' + val["sd_id"] + '" >';
                    diva += '<td><button class="btn btn-' + val["sty"] + ' btn-mini"><i class="fa fa-star"></i></button></td>';
                    diva += '<td>' + val["lt_Name"] + '</td>';
                    diva += '<td>' + val["sd_Number"] + '</td>';
                    diva += '<td>' + val["sd_Price"] + '<input type="hidden" name="sd_Price[]" value="' + val["sd_Price"] + '"></td>';
                    diva += '<td><a href="#" class="btn btn-pinterest" onclick="delss(' + val["sd_id"] + ')">ลบ</a></td>'
                    diva += '</tr>';

                    $('#diva').append(diva);

                });
            }

        });

    }
</script>




Tag : JavaScript, Ajax







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-01-05 21:31:31 By : tongar View : 155 Reply : 2
 

 

No. 1



โพสกระทู้ ( 7,967 )
บทความ ( 2 )



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


Code (PHP)
var div1 = '<input type="text" name="summaryT2" id="lotoNumber" class="form-control SNumber" placeholder="เลข" maxlength="3" required onkeyup="lotonumber_keyup(event)">';

เพิ่ม onkeyup ให้เรียกใช้ function ใน tag

Code (JavaScript)
var input2 = document.getElementById("lotoNumber");
input2.addEventListener("keyup", function(event) {
   .....
}
// นำ function ตรงนี้ ออกไปไว้ นอก loop เขียนแบบ basic
function lotonumber_keyup(event) {
   .....
}


คำสั่ง addEventListener เป็นการเอา function มาทำงาน ต่อจาก function เดิมที่มีอยู่
ถ้าวาง flow control ไม่ดี อาจวนมาทำคำสั่งนี้หลายครั้งได้

ปล. มี jquery แล้ว ก็ใช้ jquery ให้มากๆ ไว้
var input = docu.....( tag_ID)
เปลี่ยนเป็น $('#tag_ID') สั้นๆ ไม่ต้องไปประกาศตัวแปรก็ได้








ประวัติการแก้ไข
2019-01-06 10:43:28
2019-01-06 10:44:13
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-01-06 10:40:04 By : Chaidhanan
 


 

No. 2



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



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


ได้เเล้วครับ
ขอบคุณคัรบ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-01-06 12:21:29 By : tongar
 

   

ค้นหาข้อมูล


   
 

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