건

구글 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건
+
제목 글쓴이 날짜 조회
08-04-17 조회 4,420
08-03-14 조회 3,255
08-03-08 조회 3,077
08-03-06 조회 3,066
08-03-03 조회 4,360
08-02-20 조회 3,033
08-02-15 조회 3,937
08-02-11 조회 5,097
08-02-09 조회 5,831
08-02-05 조회 3,886
08-01-14 조회 6,683
08-01-11 조회 7,126
08-01-04 조회 1.1만
07-12-10 조회 5,021
07-12-10 조회 3,904
07-12-04 조회 3,435
07-11-29 조회 3,619
07-11-27 조회 3,974
07-11-23 조회 4,553
07-11-23 조회 4,285
07-11-13 조회 4,426
07-10-19 조회 4,891
07-10-17 조회 5,938
07-10-03 조회 5,116
07-10-02 조회 8,865
07-10-02 조회 4,512
07-09-09 조회 3,504
07-07-29 조회 4,389
07-07-28 조회 4,609
07-07-26 조회 4,509
07-06-19 조회 1.1만
07-06-17 조회 3,654
07-06-15 조회 4,154
07-05-31 조회 3,236
07-05-09 조회 5,393
07-05-04 조회 3,242
07-05-04 조회 3,572
07-04-28 조회 6,482
07-04-26 조회 4,731
07-04-14 조회 5,362
07-04-13 조회 3,789
07-04-12 조회 5,958
07-03-27 조회 3,906
07-03-19 조회 3,607
07-03-13 조회 4,678
07-03-07 조회 4,825
07-03-07 조회 3,332
07-02-25 조회 3,705
07-02-21 조회 4,595
07-02-18 조회 5,114
07-02-12 조회 3,461
07-02-02 조회 4,602
07-01-28 조회 6,218
07-01-27 조회 5,709
07-01-25 조회 4,081
07-01-21 조회 4,703
07-01-19 조회 6,636
07-01-19 조회 8,089
07-01-13 조회 3,576
07-01-09 조회 5,224
06-12-27 조회 3,614
06-11-24 조회 3,712
06-11-18 조회 4,215
06-10-17 조회 5,553
06-10-01 조회 4,455
06-09-26 조회 4,350
06-09-25 조회 4,695
06-09-25 조회 4,385
06-09-22 조회 4,917
06-09-22 조회 3,692
06-09-22 조회 4,551
06-09-13 조회 5,351
06-08-27 조회 4,950
06-08-26 조회 6,319
06-08-26 조회 5,630
06-08-23 조회 5,123
06-07-28 조회 7,228
06-07-24 조회 4,683
06-07-23 조회 5,465
06-07-21 조회 5,229
06-07-19 조회 3,114
06-07-19 조회 3,038
06-07-11 조회 3,676
06-07-11 조회 3,968
06-07-11 조회 4,577
06-07-11 조회 5,012
06-07-11 조회 3,633
06-07-11 조회 9,252
06-07-11 조회 4,098
06-07-11 조회 3,330
06-07-11 조회 3,379
06-07-11 조회 3,325
06-07-11 조회 3,123
06-07-07 조회 4,166
06-06-25 조회 4,510
06-06-15 조회 4,500
06-06-14 조회 4,995
06-06-11 조회 3,598
06-06-10 조회 3,970
06-06-09 조회 3,559