Q: Có cách nào để bọc table trong div trong TinyMCE không?

Trả lời: Dùng <span>jQuery("table").wrap( "<div class='table-responsive'></div>" )</span> Khi tạo bảng (table) trong TinyMCE sẽ thường có dạng: Ví dụ <table> <thead> <tr> <th>A</th> <th>B</th> </tr> </thead> <tbody> <tr> <td>A content</td> <td>B content</td> </tr> </tbody> </table> Nếu bạn dùng bootstrap table thì sẽ thường bao bọc table trong cặp <div class='table-responsive'></div> Giờ muốn làm điều đó thì bạn có thể dùng JQuery để thay đổi hiển thị của bảng bằng code sau: Ví dụ $(document).ready(function(){ $("table").wrap( "<div class='table-responsive'></div>" ); }); Kết quả hiển thị sẽ là: Ví dụ <div class='table-responsive'> <table> <thead> <tr> <th>A</th> <th>B</th> </tr> </thead> <tbody> <tr> <td>A content</td> <td>B content</td> </tr> </tbody> </table> </div>

Q: TinyMCE textarea và biểu mẫu (Form) đăng bằng ajax

Trả lời: Dùng tinymce.get('id_cua_textarea_dung_tinymce').getContent() để lấy dữ liệu Code ví dụ như sau: Ví dụ $('#' + 'id_cua_textarea_dung_tinymce').html( tinymce.get('id_cua_textarea_dung_tinymce').getContent()); var form = $('form#formdata')[0]; var formData = new FormData(form); $.ajax({ //Code post ở đây });

Q: Sự khác nhau giữa window.location= và window.location.replace()?

window.location thêm một mục vào lịch sử của bạn mà bạn có thể nhấp vào “Quay lại” và quay lại trang hiện tại. window.location.replace thay thế mục lịch sử hiện tại để bạn không thể quay lại mục đó. Xem window.location: assign(url): Tải tài liệu tại URL được cung cấp. replace(url): Thay thế tài liệu hiện tại bằng tài liệu tại URL được cung cấp. Sự khác biệt so với assign()phương pháp là sau khi sử dụng replace()trang hiện tại sẽ không được lưu trong lịch sử phiên sử dụng, có nghĩa là người dùng sẽ không thể sử dụng nút Quay lại để điều hướng đến trang đó. Cách dùng chung là: Ví dụ window.location.href = url; Nhưng mọi người thường sử dụng như sau: Ví dụ window.location = url; Xem thêm Sự khác biệt giữa location.replace, location.assign và location.href là gì?

Q: Vì sao trong thẻ href hay dùng javascript:void(0)? Và javascript:void(0) là gì?

Có hai thành phần trong javascript:void(0) : javascript: là một địa chỉ URI đặc biệt, khi trình duyệt nhận được địa chỉ URL bắt đầu bằng javascript: nó sẽ ước lượng biểu thức đặt sau đó và kết quả cuối sẽ được hiển thị trong nội dung của trang. Bạn thử mở trình duyệt và gõ javascript:"Hello" vào thanh địa chỉ và bấm Enter để xem kết quả. void là toán tử dùng để ước lượng một biểu thức và trả về giá trị là undefined . Ví dụ: khi sử dụng void(alert("Hello")) trong mã JavaScript bạn sẽ thấy trang hiển thị một popup cảnh báo. Tuy nhiên void("Hello") không hiển thị bất cứ thay đổi nào. Tương tự void(0) cũng sẽ không làm gì và trả về giá trị undefined . Do đó javascript:void(alert("Hello")) sẽ hiển thị một hộp thoại popup cảnh báo và javascript:void(0) hoặc javascript:void("Hello") sẽ khiến trình duyệt dừng ở lại trang hiện tại vì giá trị trả về không phải là một URL.

Question 1

Lấy dữ liệu CkEditor để đăng bằng ajax form

Accepted Answer

Trả lời: Buộc CKeditor cập nhật giá trị textarea

Buộc CKeditor cập nhật giá trị textarea bằng cách sử dụng:

Ví dụ

for (instance in CKEDITOR.instances) {
    CKEDITOR.instances[instance].updateElement();
}

Ngoài ra, bạn có thể sử dụng .serialize cho dữ liệu – sau đó bạn sẽ không phải duy trì mã AJAX nếu tham số thay đổi:

Ví dụ


function saveArt() 
{
    for (instance in CKEDITOR.instances) {
        CKEDITOR.instances[instance].updateElement();
    }

    jQuery.ajax({
        type: 'POST',
        url: 'save.php',
        data: $("#art").serialize()
     });  
     return false; 

 }

Question 2

Cách lấy giá trị của tùy chọn đã chọn trong hộp chọn (Select) bằng jQuery

Accepted Answer

Trả lời: Sử dụng jQuery Selector `:selected`

Bạn có thể sử dụng bộ chọn jQuery :selected kết hợp với phương thức val() này để tìm giá trị tùy chọn đã chọn trong hộp chọn hoặc danh sách thả xuống.

Hãy thử ví dụ sau để hiểu về cơ bản nó hoạt động như thế nào:

Ví dụ





jQuery Get Selected Option Value


 

    
        Select Country:

Nếu giá trị cho một tùy chọn không được xác định cụ thể, nội dung văn bản của phần tử sẽ được sử dụng làm giá trị thay thế, như được minh họa trong ví dụ sau:

Ví dụ





jQuery Get Selected Option Text


 

    
        Select Country:

Ngoài ra, bạn có thể sử dụng phương thức jQuery text() để lấy nội dung văn bản của một phần tử

Nhận các tùy chọn đã chọn từ nhiều hộp chọn

Tương tự, bạn có thể lấy các giá trị đã chọn từ nhiều hộp chọn bằng một mẹo nhỏ.

Một hộp nhiều lựa chọn cho phép người dùng chọn nhiều tùy chọn. Nhấn giữ phím điều khiển trên Windows hoặc phím lệnh trên Mac để chọn nhiều tùy chọn. Bạn có thể bật nhiều phần trong một hộp chọn bằng cách thêm thuộc tính multiplevào thẻ

Question 3

Có cách nào để bọc table trong div trong TinyMCE không?

Accepted Answer

Trả lời: Dùng `jQuery("table").wrap( " " )`

Khi tạo bảng (table) trong TinyMCE sẽ thường có dạng:

Ví dụ


	
		
			A
			B
		
	
	
		
			A content
			B content

Nếu bạn dùng bootstrap table thì sẽ thường bao bọc table trong cặp

Giờ muốn làm điều đó thì bạn có thể dùng JQuery để thay đổi hiển thị của bảng bằng code sau:

Ví dụ

$(document).ready(function(){
    $("table").wrap( "" );
});

Kết quả hiển thị sẽ là:

Ví dụ


	
		
			
				A
				B
			
		
		
			
				A content
				B content

Question 4

TinyMCE textarea và biểu mẫu (Form) đăng bằng ajax

Accepted Answer

Trả lời: `Dùng tinymce.get('id_cua_textarea_dung_tinymce').getContent()` để lấy dữ liệu

Code ví dụ như sau:

Ví dụ

$('#' + 'id_cua_textarea_dung_tinymce').html( tinymce.get('id_cua_textarea_dung_tinymce').getContent());
var form = $('form#formdata')[0]; 
var formData = new FormData(form);
$.ajax({
//Code post ở đây
});

Question 5

Sự khác nhau giữa window.location= và window.location.replace()?

Accepted Answer

window.location thêm một mục vào lịch sử của bạn mà bạn có thể nhấp vào “Quay lại” và quay lại trang hiện tại.

window.location.replace thay thế mục lịch sử hiện tại để bạn không thể quay lại mục đó.

Xem window.location:

assign(url): Tải tài liệu tại URL được cung cấp.

replace(url): Thay thế tài liệu hiện tại bằng tài liệu tại URL được cung cấp. Sự khác biệt so với assign()phương pháp là sau khi sử dụng replace()trang hiện tại sẽ không được lưu trong lịch sử phiên sử dụng, có nghĩa là người dùng sẽ không thể sử dụng nút Quay lại để điều hướng đến trang đó.

Cách dùng chung là:

Ví dụ

window.location.href = url;

Nhưng mọi người thường sử dụng như sau:

Ví dụ

window.location = url;

Xem thêm Sự khác biệt giữa location.replace, location.assign và location.href là gì?

Question 6

Vì sao trong thẻ href hay dùng javascript:void(0)? Và javascript:void(0) là gì?

Accepted Answer

Có hai thành phần trong javascript:void(0):

javascript: là một địa chỉ URI đặc biệt, khi trình duyệt nhận được địa chỉ URL bắt đầu bằng javascript: nó sẽ ước lượng biểu thức đặt sau đó và kết quả cuối sẽ được hiển thị trong nội dung của trang. Bạn thử mở trình duyệt và gõ javascript:"Hello" vào thanh địa chỉ và bấm Enter để xem kết quả.
void là toán tử dùng để ước lượng một biểu thức và trả về giá trị là undefined. Ví dụ: khi sử dụng void(alert("Hello")) trong mã JavaScript bạn sẽ thấy trang hiển thị một popup cảnh báo. Tuy nhiên void("Hello") không hiển thị bất cứ thay đổi nào. Tương tự void(0) cũng sẽ không làm gì và trả về giá trị undefined.

Do đó javascript:void(alert("Hello")) sẽ hiển thị một hộp thoại popup cảnh báo và javascript:void(0) hoặc javascript:void("Hello") sẽ khiến trình duyệt dừng ở lại trang hiện tại vì giá trị trả về không phải là một URL.

Lấy dữ liệu CkEditor để đăng bằng ajax form

Trả lời: Buộc CKeditor cập nhật giá trị textarea

Ví dụ

Ví dụ

Câu hỏi liên quan

Các công cụ

Lấy dữ liệu CkEditor để đăng bằng ajax form

Trả lời: Buộc CKeditor cập nhật giá trị textarea

Ví dụ

Ví dụ

Câu hỏi liên quan

Về chúng tôi

Liên hệ

Các công cụ