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

HOME > PHP > PHP Forum > ขอสอบถามเรื่องการ update ข้อมูลหลังจากการแก้ไขข้อมูล แบบ Inline Edit หน่อยค่ะ



 

ขอสอบถามเรื่องการ update ข้อมูลหลังจากการแก้ไขข้อมูล แบบ Inline Edit หน่อยค่ะ

 



Topic : 130409



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



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




ขอสอบถามเรื่องการ update ข้อมูลหลังจากการแก้ไขข้อมูล แบบ Inline Edit หน่อยค่ะว่าจะทำได้อย่างไร อันนี้คือ Script ที่ใช้นะคะ ลองศึกษาดู เห็นว่าต้องใช้ ajax เลยลองนำajaxมาใช้แต้ก็ไม่สามารถบันทึกค่าที่แก้ลงดาต้าเบสได้
Code (JavaScript)
 <script type="text/javascript">
      window.onload = function() {
        var elements = getElementsByClassName('editInPlace', '*', document);
        for(var i = 0; i < elements.length; i++) {
          elements[i].ondblclick = function() {
            this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
            var textBox = document.createElement('INPUT');
              textBox.setAttribute('type', 'text');
              textBox.style.width = "40px";
              textBox.value = this.innerHTML;
              textBox.onblur = function() {
                var newValue = this.value;
                this.parentNode.innerHTML = newValue;
                alert("Your new value: \n\n" + newValue);
              }
 
            this.innerHTML = '';
 
            this.appendChild(textBox);  
          
        }

        (i);
      }
      function getElementsByClassName(className, tag, elm){
      var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
      var tag = tag || "*";
      var elm = elm || document;
      var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
      var returnElements = [];
      var current;
      var length = elements.length;
      for(var i=0; i<length; i++){
        current = elements[i];
        if(testClass.test(current.className)){
          returnElements.push(current);
          
        }
      }
      return returnElements;
    }
 
    </script>


อันนี้คือส่วน Inline Edit ค่ะ
Code (PHP)
<span class="editInPlace"><?php echo $totalpoint; ?></span>

ขอรบกวนด้วยนะคะ



Tag : PHP, HTML5, JavaScript, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-02-26 11:07:32 By : palosdpos View : 772 Reply : 9
 

 

No. 1



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



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


ตรงไหนคือคำสั่ง request ไปยัง server เพื่อให้ทำการ update database ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-26 12:13:50 By : Chaidhanan
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-02-26 12:13:50
รายละเอียดของการตอบ ::
อันนี้ลบ ajax ออกไปค่ะเพราะว่าไม่แน่ใจว่าต้องใส่ตรงไหน เคยลองใส่ ajax ไปแล้ว พอหน้าแสดงไม่สามารถกดแก้ไขในช่อง Inline Edit ได้ค่ะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-26 12:27:37 By : palosdpos
 

 

No. 3



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

Hall of Fame 2012

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


ตอบความคิดเห็นที่ : 2 เขียนโดย : palosdpos เมื่อวันที่ 2018-02-26 12:27:37
รายละเอียดของการตอบ ::
คุณลองใช้ ajax&jquery web service ดีกว่าครับ มันดูง่ายโค๊ดสั้นกว่า ออกแบบง่ายกว่า

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-26 12:41:56 By : dudesaranyu
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : dudesaranyu เมื่อวันที่ 2018-02-26 12:41:56
รายละเอียดของการตอบ ::
ขอบคุณค่ะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-26 13:22:47 By : palosdpos
 


 

No. 5



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



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


ถ้าใช้ jquery ตาม คุณ dudesaranyu ก็ง่ายดีครับ
แต่ถ้ามีความจำเป็นต้องใช้ pure javascript แนะนำให้ปรับเปลี่ยนวิธี add function event ให้กับ object ใหม่ครับ
https://www.w3schools.com/jsref/met_document_addeventlistener.asp
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-26 13:42:14 By : Chaidhanan
 


 

No. 6



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

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

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


ถ้าเอาคำว่า jquery Inline Edit ไปค้นใน google มันจะช่วยได้เยอะเลยครับ
แต่แบบไหนจะถูกใจก็ต้องเอาไปปรับต่อครับ

... เคยใช้แต่ https://vitalets.github.io/x-editable/demo-bs3.html


ประวัติการแก้ไข
2018-02-26 15:08:14
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-26 15:07:32 By : apisitp
 


 

No. 7



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



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


ตอบความคิดเห็นที่ : 6 เขียนโดย : apisitp เมื่อวันที่ 2018-02-26 15:07:32
รายละเอียดของการตอบ ::
ขอบคุณมากนะคะ ลองแล้วค่ะแต่ติดปัญหาตรง update ข้อมูลเท่านั้นค่ะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-26 15:32:38 By : palosdpos
 


 

No. 8



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

Hall of Fame 2012

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


ตอบความคิดเห็นที่ : 7 เขียนโดย : palosdpos เมื่อวันที่ 2018-02-26 15:32:38
รายละเอียดของการตอบ ::
ลองเขียน webservice ดูครับ ติดปัญหาหลายท่านในนี้ช่วยแก้ปัญหาให้ได้ครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-26 16:22:09 By : dudesaranyu
 


 

No. 9



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



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


ตอบความคิดเห็นที่ : 8 เขียนโดย : dudesaranyu เมื่อวันที่ 2018-02-26 16:22:09
รายละเอียดของการตอบ ::
ขอบคุณมากนะคะกำลังศึกษาอยู่ค่ะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-26 19:54:24 By : palosdpos
 

   

ค้นหาข้อมูล


   
 

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

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