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

HOME > PHP > PHP Forum > ขอ้ปรึกษาเรื่อง Live table update โดยใช้ Ajax Jquery หน่อยครับติดมาสี่วันแล้วครับผมใช้ bootstrap framework ทำ interface ครับ



 

ขอ้ปรึกษาเรื่อง Live table update โดยใช้ Ajax Jquery หน่อยครับติดมาสี่วันแล้วครับผมใช้ bootstrap framework ทำ interface ครับ

 



Topic : 114835



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



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




stuck

ตามรูปเลยครับพี่คนไหนมีประสบการณ์ช่วยแนะนำหน่อยครับอาจารย์



Tag : PHP, MySQL, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-03-03 17:04:13 By : tantai View : 1148 Reply : 10
 

 

No. 1



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

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

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


ให้กดที่ปุ่มแก้ไข แล้วขึ้น popup modal / fancybox และมีฟอร์มแสดงข้อมูลเดิม และแก้ไขได้ด้วย ประมาณนั้นหรือป่าวครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-03 17:33:07 By : sakuraei
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : sakuraei เมื่อวันที่ 2015-03-03 17:33:07
รายละเอียดของการตอบ ::
ป่าวครับจะให้มัน คือคลิกไปแล้วมี select box ให้ เลือกเลยครับ
ประมาณนี้อ่ะครับ
http://demo.asif18.com/PHP/simple-click-change-textbox-data-grid/grid.php

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-03 17:44:23 By : tantai
 

 

No. 3



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

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

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


ขอลองเขียนเล่นแปปน่ะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-03 17:48:00 By : sakuraei
 


 

No. 4



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

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

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


แนะนำ
http://vitalets.github.io/x-editable/
http://vitalets.github.io/x-editable/demo-bs3.html
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-03 22:34:53 By : apisitp
 


 

No. 5



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

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

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


ไม่รู้ว่าประมาณนี้หรือเปล่าครับ
http://jsfiddle.net/j5pLogmL/1/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-03 23:22:10 By : sakuraei
 


 

No. 6



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

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

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


ลืมเรื่อง datepicker ครับ
http://jsfiddle.net/j5pLogmL/4/

Code (PHP)
<style type="text/css">
.inline{
    display:inline-block;
    width:120px;
}
.textedit{
    border:0px;
    width:119px;
    text-align:left;
}
.textborder{
    border:1px solid black;
}
</style>

<div class='inline'>
    <input class='textedit' name='fname' data-id='10001' value='Smith' />
</div>
<div class='inline'>
    <input class='textedit selection' name='process' value='ยังไม่มีการดำเนินการ' />
</div>
<div class='inline'>
    <input class='textedit datepicker' name='datepicking' value='2015-03-03' />
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var selection = '<select class="selection"><option value="ยังไม่มีการดำเนินการ">ยังไม่มีการดำเนินการ</option><option value="กำลังจัดส่ง">กำลังจัดส่ง</option></select>';
    var inputbox = '<input class="textedit selection" name="process" value="" />';
    var selectText = '';
    $("div.inline").on("focus","input.textedit",function(){        
        var current = $(this);
        if(current.hasClass('selection')){            
            selectText = current.val();            
            current.parent('div.inline').empty().append($(selection).val(selectText));
        }else{           
            current.addClass('textborder');
        }
    }).on("focusout","input.textedit",function(){
        var current = $(this); 
        if(!current.hasClass('selection')){  
            current.removeClass('textborder');
        }
    });
    
    $("div.inline").on("change focusout","select.selection",function(){
        var current = $(this);
        var parentNode = current.parent("div.inline");
        selectText = $("option:selected",current).val();
       
        current.remove();
        parentNode.append($(inputbox).val(selectText));        
    });
    
    $("div.inline").on("focus click","input.datepicker",function(){
        $(this).datepicker({dateFormat:'yy-mm-dd'});
    });
});
</script>



ประวัติการแก้ไข
2015-03-03 23:38:14
2015-03-04 08:03:08
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-03 23:29:34 By : sakuraei
 


 

No. 7



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

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

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


ตอบความคิดเห็นที่ : 4 เขียนโดย : apisitp เมื่อวันที่ 2015-03-03 22:34:53
รายละเอียดของการตอบ ::
สวยและนำไปใช้ได้เลยครับ ส่วนที่ผมเขียนแค่เอาไว้ลับสมองเล่นๆน่ะครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-03 23:47:10 By : sakuraei
 


 

No. 8



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

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

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

แนะนำอีกอัน
jTable.org A JQuery plugin to create AJAX based CRUD tables.
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-03 23:55:56 By : Krungsri
 


 

No. 9



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



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


ขอบคุณพี่ๆทุกคนนะครับที่มาตอบ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-04 09:57:43 By : tantai
 


 

No. 10



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

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

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


ตอบความคิดเห็นที่ : 7 เขียนโดย : sakuraei เมื่อวันที่ 2015-03-03 23:47:10
รายละเอียดของการตอบ ::
ผมก็แค่หยิบของสำเร็จมาใช้ได้ รู้หลักการภาษา เอามาโมใช้งาน ให้ตอบสนองความต้องการได้มากที่สุด 555+


ผมนับถือคนที่เขียนเองมากกว่า ชื่นชมครับ


ตอบความคิดเห็นที่ : 8 เขียนโดย : Krungsri เมื่อวันที่ 2015-03-03 23:55:56
รายละเอียดของการตอบ ::
ส่วนของท่านน่าจะตรงใจกับที่ จขกท. ถามมากกว่า :)



ประวัติการแก้ไข
2015-03-05 08:45:26
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-03-05 08:44:19 By : apisitp
 

   

ค้นหาข้อมูล


   
 

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