Loading post navigation ...
 
 

Pro page

18
Nhận xét

Update tiện ích recent posts

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

Từ trước đến giờ đa số các tiện ích recent posts có 1 hạn chế nhỏ mà mọi người dễ dàng thấy, đó là việc hiện thị summary cho bài viết ko được tốt cho lắm. Ở 1 số bài viết, phần summary bị mất chữ, nguyên nhân của việc này là do cách thức ta ngắt phần summary post.



Trước giờ ta hay dùng cách ngắt theo kí tự, tức là chọn 1 số kí tự nhất định để hiển thị ở phần summary. Do đó mà khi đủ số kí tự thì script sẽ ngắt, do đó mà ta sẽ hay gặp trường hợp chữ hiển thị không đủ. Để khắc phục điều này, ta sẽ dùng cách chọn số từ để hiển thị chứ không phải số kí tự. Thực ra nói số từ cũng ko đúng, nếu nói đúng hơn thì là cụm kí tự chứ không phải là "từ". Cụm kí tự ở đây mình nói là các chuỗi kí tự được cách nhau bằng dấu cách (khoảng trắng).
Ví dụ:
"... cũng ko đúng, nếu ..." - ta sẽ có 4 cụm kí tự, và cụm "đúng," không được xem là 1 từ.
Thực ra cách này đã có từ lâu, nhưng chưa có ai để ý để khắc phục cho tiện ích recent posts, thế nên hôm nay mình sẽ hướng dẫn các bạn cách khắc phục điều này.

Trong file js của các tiện ích recent posts ta hay gặp 1 hàm như bên dưới :

function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;

}

- Hàm này dùng để loại bỏ các thẻ HTML có trong phần nội dung của bài viết trên feed. Đồng thời giúp hiển thị phần rút gọn của bài viết. Giá trị chop ở đây chính là số kí tự sẽ hiển thị ở phần summary.

Các bạn thay hàm ở trên bằng hàm bên dưới:

function removeHtmlTag(s,max){
s=s.replace(/<br.*?>/ig, ' ');
return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')
}


Và bây giờ các bạn chỉ cần thay giá trị của biến summaryPost lại là được. (đa số các tiện ích recent posts mình hay đặt tên biến để tùy chỉnh số kí tự hiển thị là summaryPost )

- Ví dụ : summaryPost = 30; giá trị 30 chính là số cụm kí tự (cách nhau bằng dấu khoảng trắng) sẽ được hiển thị là 30.

Chúc các bạn thành công.


Enter your mail address:

18

Rùa Biển

nghe giang hồ đồn fandung đã trở lại nên tranh thủ qua chém gió :D chào mừng fandung đã trở lại!

Phan Dũng

ko ngờ việc mình quay lại mà nhiều người biết vậy sao. :)

Noct

Dũng Idol quay lại thì đương nhiên mọi người phải biết thôi ;))

Minh Quân

Hi mình hâm mộ Fandung từ lâu rồi, giờ mới được qua comments chém gió chơi chào mừng bác quay trở lại

Pika Rock

anh Dũng vừa trở lại đã cho ra đời 1 đống jQuery cả js rồi

Khách (ẩn danh)

Cai menu <li kiem thuc nen kiem cho chen cho bang voi phan doc lun cho deu...hix

Phan Dũng

Hình như bạn đang góp ý về cái menu, bạn comment ko dấu mình đọc khó quá

Duy Pham

Đúng là việc hiển thị ký tự này ít người để ý, nhất là ở js auto readmore hay recent comments.
@Phan Dung: nice redesign template. Bác k chuyển sidebar sang phải, nó có lợi cho SEO.

ChipKool_Online

hihi.anh Dũng quá nổi tiếng trên cộng đồng Blogspot.Em gà con mới vào nghề,em ngưỡng mộ anh lắm.mà anh Dũng ơi?Em cảm ơn anh đã cho em vào team nhé,nhưng em không tìm thấy chỗ nào đăng bài lên cả.Anh hướng dẫn em nhé.Em dạo này bận thi quá.Em đợi thi xong sẽ tham gia nhiệt tình hơn.hihi:)

Phan Dũng

@ChipKool: à, việc đăng bài thì chưa, chắc 1 thời gian nữa a sẽ add thêm tác giả (nếu họ muốn đăng bài trên blog của anh) để blog đỡ buồn chán mỗi khi a bận :D

ChipKool_Online

hihi.vì em cũng thấy 1 thời gian trước anh vắng bóng,không thấy anh xuất bản bài mới.Em thì ngiện blogspot rồi anh ak.Lúc nào rảnh em lại lon ton trên cộng đồng blogger tìm thủ thuật về nhà chế biến thử nghiệm.hihi.Anh có biết Host nào upload code Html không?Anh giúp em nha.Em rất tin tưởng vào anh.:)

Phan Dũng

@ChipKool: tại sao lại upload code HTML lên host làm gì nhỉ??? nếu em muốn hiển thị code HTML thì làm ngay trên blog của mình chứ cần gì phải host

Ngankvn ®

Dzũng quên đặt link demo, người lười như mình mà ko thấy kết quả có đáng để thử hay ko thì ko làm :(

Phan Dũng

@Ngân : demo ở trên blog của mình luôn đó

Ngankvn ®

Blog Dzũng có cái recent post nào đâu trời :|
Có mỗi cái "most view" à

Ngankvn ®

Dzũng check dùm mình cái recent comments này :
http://0.blogtruyen.com/2011/01/comments-moi.html

Do nó đi kèm với script replace để chế thêm những tính năng như chèn hình, màu cho chữ, marqee ... nên nhiều khi bị lỗi toàn bộ blog vì nó ngắt đúng chỗ thẻ đóng (ví dụ :<b style="color: red;">AAAAAAAAAAAAAAAA</b> , bị ngắt đúng chỗ </b> nên cả blog bị in đậm và có màu đỏ)

Hy vọng kiểu ngắt theo từ này thì sẽ khắc phục được ??

DVDHAY

Wow blog fandung way lai rùi ah, bấy lâu nay cứ qua check bên mothuthuat ko thấy bài mới, giờ wa đây lại rồi :))

Thienung.com

Fandung nhiều thủ thuật hay thật đấy



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home