|
 |
| |
สอบถามเรื่องการส่งค่าจาก text editor(ckeditor ) ผ่าน jquery หรือ ajax ครับ |
| |
 |
|
|
 |
 |
|
ผมได้ใช้ ckeditor เพื่อเอาไว้ตกแต่งเนื้อหาภายในเว็บครับ
แล้วพอดีว่าต้องการส่งค่าผ่าน jquery
ซึ่งค่าที่ส่งไป กลับเป้นค่าว่างครับ ในส่วนขอ textarea ที่ไม่ได้ใช้ ckeditor สามารถส่งค่าผ่านหมด
เหลือแต่ตรงส่วนของ ckeditor ซึ่งค่าที่ส่งไปกลับเป็นค่าว่าง
เพื่อนๆคนไหนที่เคยใช้งานการส่งแบบนี้ พอจะแนะนำได้ไหมครับ
ขอบคุณมากครับ
อันนี้เป็นส่วนของ form ครับ
Code
<form class="form-input" method="post" enctype="multipart/form-data" >
<div class="head">Menu</div>
<div><span class="half"><label>Menu Name :</label><input type="text" name="name" id="name" /></span><span class="half"><label>Menu Order :</label><input type="text" name="order" id="order" /></span></div>
<div><span class="half"><label>Menu Status :</label><select name="status" id="status"><option value="disable">Disable</option><option value="enable">Enable</option></select></span>
<span class="half"><label>Thumbnail :</label><input type="file" name="thumbnail" id="thumbnail" /></span></div>
<div><label>Menu Path :</label><?=$_SERVER['SERVER_NAME']?>/<input type="text" name="path" id="path" />
<strong id="preload-checkpath" style="display:none; width:15px;"><img style="width:15px; height:15px;" src='<? $_SERVER['SERVER_NAME'] ?>/controlpanel/images/preload.gif' /></strong>
<strong id="result-checkpath" style="display:none; width:200px;"></strong>
<a style="cursor:pointer;" id="checkpath" class="checkpath" >Check</a></div>
<div class="head">SEO</div>
<div><label>Meta Title :</label><input type="text" name="meta_title" id="meta_title" style="width:550px;" /></div>
<div><span class="half"><label>Meta Keyword :</label><textarea name="meta_keyword" id="meta_keyword" rows="5"></textarea></span><span class="half"><label>Meta Description :</label><textarea name="meta_description" id="meta_description" rows="5"></textarea></span></div>
<div><label>Keyword :</label></div><textarea name="keyword" id="keyword" rows="5"></textarea>
<div class="head">Detail</div>
<div><label>Detail :</label></div><textarea name="detail" id="detail" rows="5"></textarea>
<div id="preload-new" style="display:none;"><p align='center'><img src='<? $_SERVER['SERVER_NAME'] ?>/controlpanel/images/preload.gif' /></p></div>
<div id="result-new" class="form-result" style="display:none;"></div>
<div class="button-center"><input type="button" class="button button-add" value=" " id="send-new" name="send-new" /> <input type="reset" class="button button-clear" value=" " /></div>
<input type="hidden" name="action-new" id="action-new" value="new" />
<input type="hidden" name="action-check" id="action-check" value="check" />
</form>
<script type="text/javascript">
CKEDITOR.replace( 'detail',{
filebrowserBrowseUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/ckfinder.html',
filebrowserImageBrowseUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/ckfinder.html?Type=Images',
filebrowserFlashBrowseUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/ckfinder.html?Type=Flash',
filebrowserUploadUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
filebrowserImageUploadUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
} );
</script>
<script type="text/javascript">
CKEDITOR.replace( 'keyword',{
height : 50,
toolbar : [
['Source'],['Bold','Italic','Underline'],['Link','Unlink','Anchor']
]
} );
</script>
อันนี้เป็นส่วนของ ajax และ jquery ที่ใช้ในการส่งค่าครับ
Code
<script type="text/javascript">
$(function(){
$("#send-new").click(function(){
$("#result-new").hide();
$("#preload-new").show();
var url="<? $_SERVER['SERVER_NAME'] ?>/controlpanel/module/content_menu_manage/menu-tool.php";
var dataSet={ name: $("input#name").val(),
order: $("input#order").val(),
status: $("select#status").val(),
path: $("input#path").val(),
meta_title: $("input#meta_title").val(),
meta_keyword: $("textarea#meta_keyword").val(),
meta_description: $("textarea#meta_description").val(),
keyword: $("textarea#keyword").val(),
detail: $("textarea#detail").val(),
action: $("input#action-new").val() };
$.post(url,dataSet,function(data){
$('#result-new').html(data);
$("#preload-new").hide();
$("#result-new").fadeIn();
});
});
});
</script>
Tag : PHP, Ajax, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2011-03-02 10:30:17 |
By :
classroomd |
View :
3999 |
Reply :
12 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ตามที่ผมเข้าใจคือ
ในส่วนของ textarea ที่ถูกเรียกด้วย ckeditor จะดึง Flash มาแสดงผล ทำให้ไม่สามารถส่งค่าด้วย jquery ได้นะครับ
ซึ่งผมไม่รู้จริงๆว่าจะแก้ไขได้ยังไงครับ
|
| |
|
|
| |
| Date :
2011-03-02 12:05:47 |
By :
classroomd |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ต้องเรียก update ข้อมูลใน textarea ก่อนครับ ลองดู api นะครับ
|
| |
|
|
| |
| Date :
2011-03-02 14:36:12 |
By :
df |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
detail: $("textarea#detail").html(), // .val() เอาไว้ใช้กับ input ครับ
|
| |
|
|
| |
| Date :
2011-03-02 14:57:30 |
By :
extenser |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#updateElement
|
| |
|
|
| |
| Date :
2011-03-03 12:27:11 |
By :
jlk |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
vCode (JavaScript)
var que_editor = $('#que_editor').ckeditorGet().getData();
alert(que_editor);
|
| |
|
|
| |
| Date :
2011-10-18 13:58:11 |
By :
zicklerr |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ปัญหาเดียวกัน เวลาส่งค่าไปแล้วมันกลายเป็นค่าว่าง ยาวววววววววววววว มาก
|
| |
|
|
| |
| Date :
2012-05-31 17:50:35 |
By :
jackkichan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
CKEDITOR.instances.txt_detail.getData() ไม่รู้ว่าช้าไปหน่อยเป่า ผมส่งตัวนี้ผ่านครับ เขียนส่งใน javascript ครับ
|
ประวัติการแก้ไข
2012-06-16 02:45:25
| |
|
|
| |
| Date :
2012-06-16 02:44:47 |
By :
natchapon |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อยากรู้ว่าในส่วนของรายละเอียด ที่ไว้ใช้ทำตัวหนา ตัวเอียง มันเรียกว่าอะไร เพราะต้องการเอาไปใช้เพิ่มในบทเรียน ถ้ามีสคริปก้อขอด้วยนะ
|
| |
|
|
| |
| Date :
2012-07-28 13:45:12 |
By :
Mic |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
detail: $("textarea#detail").html(),
เอาไปใส่ไว้ตรงไหนครับผม เป็นเหมือนกันครับ แก้ไม่ได้
|
| |
|
|
| |
| Date :
2012-09-20 21:32:38 |
By :
gtblackhat |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
<form class="form-input" method="post" enctype="multipart/form-data" >
<div class="head">Menu</div>
<div><span class="half"><label>Menu Name :</label><input type="text" name="name" id="name" /></span><span class="half"><label>Menu Order :</label><input type="text" name="order" id="order" /></span></div>
<div><span class="half"><label>Menu Status :</label><select name="status" id="status"><option value="disable">Disable</option><option value="enable">Enable</option></select></span>
<span class="half"><label>Thumbnail :</label><input type="file" name="thumbnail" id="thumbnail" /></span></div>
<div><label>Menu Path :</label><?=$_SERVER['SERVER_NAME']?>/<input type="text" name="path" id="path" />
<strong id="preload-checkpath" style="display:none; width:15px;"><img style="width:15px; height:15px;" src='<? $_SERVER['SERVER_NAME'] ?>/controlpanel/images/preload.gif' /></strong>
<strong id="result-checkpath" style="display:none; width:200px;"></strong>
<a style="cursor:pointer;" id="checkpath" class="checkpath" >Check</a></div>
<div class="head">SEO</div>
<div><label>Meta Title :</label><input type="text" name="meta_title" id="meta_title" style="width:550px;" /></div>
<div><span class="half"><label>Meta Keyword :</label><textarea name="meta_keyword" id="meta_keyword" rows="5"></textarea></span><span class="half"><label>Meta Description :</label><textarea name="meta_description" id="meta_description" rows="5"></textarea></span></div>
<div><label>Keyword :</label></div><textarea name="keyword" id="keyword" rows="5"></textarea>
<div class="head">Detail</div>
<div><label>Detail :</label></div><textarea name="detail" id="detail" rows="5"></textarea>
<div id="preload-new" style="display:none;"><p align='center'><img src='<? $_SERVER['SERVER_NAME'] ?>/controlpanel/images/preload.gif' /></p></div>
<div id="result-new" class="form-result" style="display:none;"></div>
<div class="button-center"><input type="button" class="button button-add" value=" " id="send-new" name="send-new" /> <input type="reset" class="button button-clear" value=" " /></div>
<input type="hidden" name="action-new" id="action-new" value="new" />
<input type="hidden" name="action-check" id="action-check" value="check" />
</form>
<script type="text/javascript">
CKEDITOR.replace( 'detail',{
filebrowserBrowseUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/ckfinder.html',
filebrowserImageBrowseUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/ckfinder.html?Type=Images',
filebrowserFlashBrowseUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/ckfinder.html?Type=Flash',
filebrowserUploadUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
filebrowserImageUploadUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl : '<?=$_SERVER['SERVER_NAME'] ?>/controlpanel/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
} );
</script>
<script type="text/javascript">
CKEDITOR.replace( 'keyword',{
height : 50,
toolbar : [
['Source'],['Bold','Italic','Underline'],['Link','Unlink','Anchor']
]
} );
</script>
|
| |
|
|
| |
| Date :
2012-09-20 23:42:51 |
By :
gtblackhat |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
Quote:
