RSS Ticker - Đọc rss với jQuery

gAjax RSS Ticker.
RSS Ticker là một trình đọc RSS linh hoạt đó là vô cùng dễ dàng để thiết lập để khởi động. Nó giúp bạn hiển thị các bài đăng từ những trang chia sẻ rss ngay trên blog, website của mình thật dễ dàng. Hơn nữa, bạn có thể hiển thị kết quả từ nhiều nguồn feed và sắp xếp chúng theo nhiều cách khác nhau...

#bl2 Đoạn script sử dụng Google Ajax Feed API và gAjax RSS engine. Here's a summary of features of this script @leluoi

• Trộn lẫn (intermixed) nhiều nguồn RSS để hiển thị và cho phép đặt nhãn riêng cho từng nguồn.
• Tùy chọn số entries hiển thị, nếu có nhiều ngồn thì số lượng này sẽ trãi đều cho từng nguồn cấp.
• Chỉ định các phần hiển thị trên một entry như "label", "date", "description", "snippet"...

#bl1 Cài đặt
- Chèn đoạn bên dưới trong tag HEAD của site

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="gfeedfetcher.js"></script>
<script type="text/javascript" src="gajaxticker.js">

- Bạn hãy download các file *.js và ảnh dưới đây và upload lên hosting của bạn

• gfeedfetcher.js (inherited from gAjax Feed Displayer. No need to edit).
• gajaxticker.js (configure path to "loading" gif at the top)
• indicator.gif

- Finally, để hiển thị nó như mong muốn, bạn chỉ việc copy đoạn script sau và chỉnh lại đôi chút theo ý muốn của bạn

<script type="text/javascript">

var cssfeed=new gfeedrssticker("example1", "example1class", 2000, "_new")
cssfeed.addFeed("CSS Drive", "http://www.cssdrive.com/index.php/news/rss_2.0/") 
cssfeed.addFeed("Digg", "http://digg.com/rss/index.xml") 
cssfeed.displayoptions("date") 
cssfeed.setentrycontainer("div")
cssfeed.filterfeed(10, "date")
cssfeed.entries_per_page(1)
cssfeed.init()
</script>

#bl1 Documents

new gfeedrssticker("id", "cssclass, pause, "[link_target]")

- Khai báo Feed RSS Parameters: id: Một tag DIV với id duy nhất bạn chỉ định sẽ được tạo ra để hiển thị Feed. cssclass: Tương tự, thẻ DIV trên sẽ có class được bạn chỉ định. Nó thuận tiện cho bạn trong việc cài đặt CSS. pause: Thời gian delay giữa các feed tính bằng milliseconds (ie: 3000). [link_target]: Tùy chọn có hoặc không. Example: var ticker=new gfeedrssticker("someid", "someclass", 2500, "_new")

instance.addFeed("label", "feedurl")

- Thêm vào một nguồn cấp rss, bạn có thể có nhiều method này. Parameters: label: Tên của nguồn cấp rss do chính bạn đặt để phân biệt nếu có nhiều nguôn cấp. feedurl: URL đến các trang chia sẻ RSS feed. (*) Example: instance.addFeed("Slashdot", "http://rss.slashdot.org/Slashdot/slashdot")

instance.displayoptions(space_delimited_keywords)

- Mặc định chỉ có tiêu đề của entry được hiển. Bằng cách thêm các tùy chỉnh bạn thể hiển thị thêm "label", thời gian ("date", "time", "datetime"), đoạn trích ("snippet") hay toàn bộ entry ("description"). Example: eg1: instance.displayoptions("datetime") eg2: instance.displayoptions("date label snippet") eg3: instance.displayoptions("datetime label description")

instance.filterfeed(int, ["sortby"])

Parameter: int: Chỉ định tổng số entry được retrieve và hiển thị ["sortby"]: Sort các entry theo các keywords được bạn chỉ định "date", "label", or "title". Default is by "date". Examples: eg1: instance.filterfeed(6, "date") eg2: instance.filterfeed(5, "label")

instance.setentrycontainer(TagName)

- Chỉ định tên của tag mà bạn chọn để chứa các entry. By default là "div". Examples: eg1: instance.setentrycontainer("li") eg2: instance.setentrycontainer("p")

instance.entries_per_page(int)

- Xác định số entry hiển thị trên một lần (một trang). By default là 1

instance.onfeedload()

- Dùng để gọi một hoạt động nào đó khi quá trình retrieve hoàn tất. (Không cần thiết lắm) Examples: instance.onfeedload=function(){ alert("RSS Displayer has loaded!") }

instance.init()

- Gọi chức năng này ở cuối để kết thúc quá trình setting.

#bl2 Chiều Sài Gòn...

Cùng SaliproIT Blog chia sẻ Thế giới công nghệ 4.5 sao

SHARE