건

구글 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-10-30 조회 2,663
08-10-30 조회 2,768
08-10-20 조회 2,494
08-10-11 조회 2,407
08-09-20 조회 4,144
08-09-20 조회 2,816
08-09-18 조회 2,674
08-09-18 조회 3,384
08-09-17 조회 3,266
08-09-05 조회 4,598
08-09-03 조회 2,714
08-08-18 조회 2,865
08-08-17 조회 2,611
08-08-13 조회 3,386
08-07-30 조회 3,451
08-07-28 조회 4,327
08-07-22 조회 5,559
08-07-22 조회 4,044
08-07-10 조회 3,008
08-07-08 조회 3,075
08-06-30 조회 3,834
08-06-30 조회 3,316
08-06-30 조회 3,625
08-06-14 조회 2,690
08-06-11 조회 7,062
08-06-05 조회 3,286
08-05-20 조회 4,793
08-05-13 조회 4,118
08-05-08 조회 3,080
08-05-08 조회 5,240
08-04-25 조회 4,035
08-04-22 조회 4,490
08-04-21 조회 3,139
08-04-17 조회 2,517
08-04-17 조회 2,921
08-04-17 조회 2,219
08-04-17 조회 5,187
08-04-17 조회 4,500
08-04-17 조회 4,493
08-04-17 조회 3,278
08-04-17 조회 3,108
08-04-17 조회 3,601
08-04-17 조회 4,969
08-04-17 조회 5,118
08-04-17 조회 3,330
08-04-04 조회 4,567
08-04-04 조회 2,794
08-04-04 조회 2,549
08-04-04 조회 2,775
08-04-04 조회 2,516
08-04-04 조회 2,747
08-04-03 조회 2,634
08-04-03 조회 2,709
08-04-02 조회 3,019
08-04-02 조회 3,172
08-03-31 조회 3,073
08-03-26 조회 4,237
08-03-11 조회 2,926
08-03-11 조회 2,339
08-03-11 조회 2,350
08-03-07 조회 4,172
08-03-07 조회 3,276
08-03-06 조회 4,710
08-03-04 조회 3,359
08-02-19 조회 3,757
08-02-03 조회 3,380
08-01-18 조회 3,953
08-01-15 조회 3,412
08-01-12 조회 4,258
08-01-12 조회 3,828
08-01-12 조회 3,773
07-12-24 조회 3,056
07-11-30 조회 3,905
07-11-08 조회 4,961
07-11-06 조회 3,811
07-10-26 조회 4,963
07-10-24 조회 4,147
07-10-22 조회 3,542
07-10-19 조회 4,720
07-10-09 조회 4,851
07-10-09 조회 6,730
07-10-05 조회 3,062
07-10-05 조회 3,994
07-10-03 조회 7,502
07-10-03 조회 3,547
07-10-03 조회 2,876
07-10-03 조회 2,820
07-09-28 조회 4,646
07-09-27 조회 3,722
07-09-27 조회 3,181
07-09-13 조회 3,319
07-08-28 조회 3,421
07-08-04 조회 4,804
07-08-01 조회 5,508
07-08-01 조회 4,911
07-07-30 조회 5,409
07-07-29 조회 3,549
07-07-21 조회 3,392
07-07-18 조회 5,346
07-07-16 조회 3,160