건

구글 API를 활용한 뉴스 목록 가져오기

<html>
<head>
    <title>http://www.blueb.co.kr</title>

<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAdV0OihhLfo4ru8N1BXzlWxSJ87f2VNqmObhB7kj4DJwDOGkiiBR3Nh79Pxxmk0DgEb3TTwZHI-Fp1g"></script>
<script type="text/javascript" src="http://www.blueb.co.kr/SRC/javascript/js/gfeedfetcher.js"></script>
<style type="text/css">
.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}
</style>
</head>
</body>


<b>Example 1: (Single RSS feed, 10 entries, "<code>date</code>" field enabled, sort by <code>title</code>)</b><p>
<a href="javascript:cssfeed.init()"><B>본 항목을 새로고침</B></a><br>
<script type="text/javascript">
var cssfeed=new gfeedfetcher("example1", "example1class", "")
    cssfeed.addFeed("문화일보", "http://news.naver.com/rss/rss_presscenter.nhn?office_id=021") //RSS주소 및 제목
    cssfeed.displayoptions("date") //날짜 필드 보여주기
    cssfeed.setentrycontainer("li") //정렬은 Li태그로
    cssfeed.filterfeed(10, "title") //목록은 10개
    cssfeed.init() //Always call this last
</script>
<br><br>

<b>Example 2: (Two RSS feeds, 6 entries, "<code>label"</code>, "<code>datetime</code>", and "<code>snippet</code>" fields enabled, sort by <code>label</code>)</b><p>
<a href="javascript:socialfeed.init()"><B>본 항목을 새로고침</B></a><br>
<script type="text/javascript">
var socialfeed=new gfeedfetcher("example2", "example2class", "_new")
    socialfeed.addFeed("동아일보", "http://news.naver.com/rss/rss_presscenter.nhn?office_id=020") //Specify "label" plus URL to RSS feed
    socialfeed.addFeed("조선일보", "http://news.naver.com/rss/rss_presscenter.nhn?office_id=023") //Specify "label" plus URL to RSS feed
    socialfeed.displayoptions("label datetime snippet") //show the specified additional fields
    socialfeed.setentrycontainer("div") //Display each entry as a DIV
    socialfeed.filterfeed(6, "label") //Show 6 entries, sort by label
    socialfeed.init() //Always call this last
</script>
<br><br>

 

<b>Example 3: (Three RSS feeds, 8 entries, "<code>datetime</code>" and "<code>snippet</code>" fields enabled, sort by <code>date</code>)</b><p>
<a href="javascript:newsfeed.init()"><B>본 항목을 새로고침</B></a><br>

<script type="text/javascript">
var newsfeed=new gfeedfetcher("example3", "example3class", "_new")
    newsfeed.addFeed("서울신문", "http://news.naver.com/rss/rss_presscenter.nhn?office_id=081") //Specify "label" plus URL to RSS feed
    newsfeed.addFeed("한겨레", "http://news.naver.com/rss/rss_presscenter.nhn?office_id=028") //Specify "label" plus URL to RSS feed
    newsfeed.addFeed("중앙일보", "http://news.naver.com/rss/rss_presscenter.nhn?office_id=025") //Specify "label" plus URL to RSS feed
    newsfeed.displayoptions("datetime snippet") //show the specified additional fields
    newsfeed.setentrycontainer("p") //Display each entry as a paragraph
    newsfeed.filterfeed(8, "date") //Show 8 entries, sort by date
    newsfeed.init() //Always call this last
</script>


</body>
</html>

[이 게시물은 관리자님에 의해 2011-10-31 16:49:28 Prototype에서 이동 됨]

첨부파일

gfeedfetcher.js (5.7 KB) 146회 2008-04-17 10:24
|

댓글 3개

좋은 자료네요.. 감사드려요^^
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-01-11 조회 2,737
12-01-11 조회 1.2만
12-01-10 조회 2,840
12-01-08 조회 3,432
12-01-05 조회 5,317
11-12-29 조회 3,035
11-12-27 조회 2,826
11-12-25 조회 3,007
11-12-22 조회 3,440
11-12-14 조회 2,911
11-12-12 조회 3,523
11-11-28 조회 3,368
10-10-19 조회 2,827
08-09-05 조회 3,746
08-09-05 조회 3,567
08-06-14 조회 3,310
08-04-22 조회 3,576
08-04-17 조회 3,589
07-10-03 조회 4,199
07-10-03 조회 3,602
07-10-03 조회 7,283
07-10-03 조회 4,557
07-10-03 조회 3,253
07-10-03 조회 2,850
07-10-02 조회 3,563
07-10-02 조회 3,093
07-09-27 조회 5,003
07-09-27 조회 3,833
06-09-26 조회 3,510
06-09-26 조회 4,726
06-09-22 조회 3,899
06-09-22 조회 3,512
06-09-22 조회 4,259
06-09-21 조회 4,193
06-08-18 조회 3,684
05-11-30 조회 4,736
05-07-15 조회 4,582
05-03-23 조회 4,644
05-03-14 조회 3,312
05-03-13 조회 2,690
04-08-05 조회 5,761