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 > jQuery เราจะแทรกฟังชั่นเพื่อใช้งานในโค้ดนี้ได้ยังไงคะ



 

jQuery เราจะแทรกฟังชั่นเพื่อใช้งานในโค้ดนี้ได้ยังไงคะ

 



Topic : 095827

Guest




<script type='text/javascript' src='//code.jquery.com/jquery-1.10.0.js'></script>

เราสามารถจะแทรกการส่งค่าด้วย $.post ยังไงคะ จะนำไปใส่ตรงไหนถึงจะแสดงผล

$.post("re.php",{ste: title},function (data){
$('#Displaytitle').html(data);



<script type='text/javascript'>//<![CDATA[ 

$(function () {
    $("#pasteable").bind('paste', function (event) {
        var $pastable = $(this);
        setTimeout(function () {
            $("#target").html($pastable.val());
        }, 100);
    });
});
//]]>  

</script>
 <input id="pasteable" />
 <div id="target"style="width:300px;height:100px;border:1px #ffccff solid"></div>




Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-05-29 14:36:49 By : next View : 1122 Reply : 10
 

 

No. 1



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

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

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

จะทำอะไรยังไงครับ จะส่ง post ตอน keypress หรือ เรียกใช้ function ตอนไหนครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-29 15:20:06 By : Manussawin
 


 

No. 2

Guest


ส่งจะส่ง post ตอน paste นะคะ เพราะใช้ paste โดยตรงมันจะไม่แสดงต้อง paste ครั้งที่ 2 ถึงจะแสดง ส่งด้วยฟังชั่นอื่นๆๆ keypress หรืออื่นๆๆนั้นทำได้อยู่แล้วค่ะแต่ที่ต้องการคือ on paste นะคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-29 15:23:22 By : next
 

 

No. 3

Guest


ตอบความคิดเห็นที่ : 2 เขียนโดย : next เมื่อวันที่ 2013-05-29 15:23:22
รายละเอียดของการตอบ ::
หรือพอมีวิธีที่จะทำให้ เวลา on paste ให้แสดงพรีวิว แต่พอเรา keypress ก็ให้ พรีวิวหยุดทำงานนะคะ ค่อนข้างจะซับซ้อนหน่อยคะ เพราะถ้าไม่หยุดเวลา keypress มันจะทำงานตลอด

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-29 15:27:23 By : next
 


 

No. 4



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



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

แบบนี้ได้มั้ยครับ

Code (JavaScript)
$('#pasteable').keyup(function(){
    var pastData= $(this).val();
    setTimeout(function () {
        $("#target").html(pastData);
        $.post("re.php",{ste: title},function (data){
            $('#Displaytitle').html(data);
        });
    }, 100);
});


ถ้าไม่ได้ ลองอธิบายทีละขั้นตอนนะครับว่า
1. เปิดหน้าอะไรเป็นหน้าแรก
2. เรียกข้อมูลเมื่อกรอกข้อมูลในช่องรับข้อมูล หรือโหลดทันที
3. จะแสดงข้อมูลส่วนไหนก่อน และส่วนไหนเป็นลำดับต่อไป หรือส่วนไหนต้องแสดงพร้อมกัน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-29 15:36:53 By : {Cyberman}
 


 

No. 5

Guest


หน้าแรกคือ ในช่องรับข้อมูล เวลาคลิกขวา paste ลง input ก็จะแสดง พรีวิว เฉพาะฟังชั่น onpaste เท่านั้นแบบอื่นๆๆไม่ต้องการเพราะทำได้อยู่แล้ว มันจะมีแค่ตัว <script type='text/javascript'>//<![CDATA[

$(function () {
$("#pasteable").bind('paste', function (event) {
var $pastable = $(this);
setTimeout(function () {
$("#target").html($pastable.val());
}, 100);
});
});
//]]>

</script>
<input id="pasteable" />
<div id="target"style="width:300px;height:100px;border:1px #ffccff solid"></div>
ตัวนี้ที่แสดงผลเวลาคลิกขวาได้ ส่วนตัวอื่นต้องคลิกบันทึกถึง 2 ครั้งถึงจะพีวิวได้ ก้เลยอยากนำตัว
.post("re.php",{ste: title},function (data){
$('#Displaytitle').html(data);
มาใส่เพื่อให้แสดงผลได้นะคะ คาดว่าน่าจะได้ผล

หรือเวลาคลิกขวาบันทึกให้แสดงพรีวิว แต่เวลาพิมพ์ในช่อง input ให้พรีวิวหยุดทำงานนะคะ ฟังชั่นที่ใช้คือ Jquery on paste เท่านั้นส่วนตัวอื่นๆๆนั้นทำได้ได้ค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-29 16:08:49 By : Guest
 


 

No. 6



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



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

เหมือนอะไรบางอย่างมันขาดหายไปในคำถาม


ประวัติการแก้ไข
2013-05-29 16:19:39
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-29 16:19:25 By : {Cyberman}
 


 

No. 7

Guest


ลองดูจากตัวอย่างนี้ http://jsfiddle.net/Dr5kf/
แต่เปลี่ยนจาก $("#target").html($pastable.val()); ให้เป็นตัวนี้ $.post("re.php",{ste: title},function (data){
$('#Displaytitle').html(data); แสดงผลแทน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-29 16:26:19 By : Guest
 


 

No. 8



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



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

Code (JavaScript)
$(function () {
    $("#pasteable").bind('paste', function (event) {
        var $pastable = $(this);
        setTimeout(function () {
            $.post("re.php",{ste: $pastable.val()},function (data){
                  $('#Displaytitle').html(data);
                 $pastable.val("");
                 $pastable.focus();
             });
        }, 100);
    });
});


ประมาณนี้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-29 16:41:02 By : {Cyberman}
 


 

No. 9

Guest


ของคุณมากๆๆได้แล้วค่ะ แต่มันเกิดอะไรบางอย่างคือ มันแสดงผลได้ดีแต่ตัวอินพุดมันหายไปนะคะ จะต้องทำไงคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-29 17:35:13 By : Guest
 


 

No. 10

Guest


ได้แล้วค่ะ ขอบคุณ Cyberman มากๆๆนะคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-29 17:42:14 By : Guest
 

   

ค้นหาข้อมูล


   
 

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