PDA

Xem đầy đủ chức năng : Tin tức RSS bằng AJAX



JavaScriptBank
30-12-2009, 05:46 PM
Đoạn code kết hợp JavaScript, RSS và AJAX (http://www.javascriptbank.com/javascript/ajax/) để nạp các nội dung tin tức trên trang web từ các nguồn khác.... chi tiết (http://www.javascriptbank.com/rss-ajax-newsticker.html/vi//) tại JavaScriptBank.com - 2.000+ free JavaScript codes (http://www.javascriptbank.com/)


http://www.javascriptbank.com/javascript.images/ajax/rss-ajax-newsticker.jpg (http://www.javascriptbank.com/javascript/ajax/rss-ajax-newsticker/preview/vi/)
Demo: JavaScript Tin tức RSS bằng AJAX (http://www.javascriptbank.com/rss-ajax-newsticker.html/vi/)
| JavaScript RSS AJAX Newsticker (http://www.javascriptbank.com/rss-ajax-newsticker.html)

Cách cài đặt

Bước 1: Đặt mã JavaScript bên dưới vào phần HEAD
JavaScript

<script type="text/javascript" src="rssticker.js"></script>

Bước 2: Đặt mã HTML bên dưới vào phần BODY
HTML

CNN:
<DIV style="HEIGHT: 100px; border-style: dotted; border-width: 1px; background-color: silver; text-align: left;">
<script type="text/javascript">
//rss_ticker(RSS_id, cachetime, divId, divClass, delay, optionalswitch)
new rss_ticker("CNN", 60, "cnnbox", "cnnclass", 200)

</script>
</DIV>
<br><br><br>
Each ticker on the page can be invoked independently, for example:
<DIV style="HEIGHT: 100px; border-style: dotted; border-width: 1px; background-color: silver; text-align: left;">
<PRE><script type="text/javascript">
//rss_ticker(RSS_id, cachetime, divId, divClass, delay, optionalswitch)
new rss_ticker("CNN", 60, "cnnbox", "cnnclass", 2000)
</script></PRE>

</DIV>

Bước 3: các file cần tải
Files
rssticker.js (http://www.javascriptbank.com/javascript/ajax/RSS_AJAX_Newsticker/rssticker.js)



Hiệu ứng cùng chức năng
- Tin tức cuộn[ngang] (http://www.javascriptbank.com/free-horizontal-scroller-multiple-news-scroller-3.html/vi/)
- Đọc tin tức dạng RSS (http://www.javascriptbank.com/javascript-rss-reader.html/vi/)
- Đọc tin tức dạng OPML (http://www.javascriptbank.com/javascript-opml-reader.html/vi/)


Một vài nhãn tương tự: tin tức (http://www.javascriptbank.com/vi+tag=tin tức), RSS (http://www.javascriptbank.com/vi+tag=RSS), AJAX (http://www.javascriptbank.com/vi+tag=AJAX), nguồn (http://www.javascriptbank.com/vi+tag=nguồn), nạp (http://www.javascriptbank.com/vi+tag=nạp)
Bạn có thể xem thêm nhiều JavaScript khác về Ajax (http://www.javascriptbank.com/javascript/ajax/vi/)





Trình chơi nhạc giao diện WMP và iPhone 3G (http://www.javascriptbank.com/mp3-player-with-wmp-and-iphone-3g-skin.html/vi/) - JavaScript chạy theo thanh cuộn (http://www.javascriptbank.com/vi=chạy theo thanh cuộn) - JavaScript lấy vị trị trỏ chuột (http://www.javascriptbank.com/forum/hoi-ve-javascript-t180.html)