 |
jQuery เราจะแทรกฟังชั่นเพื่อใช้งานในโค้ดนี้ได้ยังไงคะ |
| |
 |
|
|
 |
 |
|
จะทำอะไรยังไงครับ จะส่ง post ตอน keypress หรือ เรียกใช้ function ตอนไหนครับ
|
 |
 |
 |
 |
| Date :
2013-05-29 15:20:06 |
By :
Manussawin |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ส่งจะส่ง post ตอน paste นะคะ เพราะใช้ paste โดยตรงมันจะไม่แสดงต้อง paste ครั้งที่ 2 ถึงจะแสดง ส่งด้วยฟังชั่นอื่นๆๆ keypress หรืออื่นๆๆนั้นทำได้อยู่แล้วค่ะแต่ที่ต้องการคือ on paste นะคะ
|
| |
|
|
| |
| Date :
2013-05-29 15:23:22 |
By :
next |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แบบนี้ได้มั้ยครับ
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} |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
หน้าแรกคือ ในช่องรับข้อมูล เวลาคลิกขวา 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 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เหมือนอะไรบางอย่างมันขาดหายไปในคำถาม 
|
ประวัติการแก้ไข
2013-05-29 16:19:39
| |
|
|
| |
| Date :
2013-05-29 16:19:25 |
By :
{Cyberman} |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองดูจากตัวอย่างนี้ 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 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
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} |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ของคุณมากๆๆได้แล้วค่ะ แต่มันเกิดอะไรบางอย่างคือ มันแสดงผลได้ดีแต่ตัวอินพุดมันหายไปนะคะ จะต้องทำไงคะ
|
| |
|
|
| |
| Date :
2013-05-29 17:35:13 |
By :
Guest |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ได้แล้วค่ะ ขอบคุณ Cyberman มากๆๆนะคะ
|
| |
|
|
| |
| Date :
2013-05-29 17:42:14 |
By :
Guest |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
