건

구글 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,511
08-04-17 조회 5,585
08-04-17 조회 3,727
08-04-17 조회 8,708
08-04-17 조회 5,184
08-04-17 조회 5,392
08-04-17 조회 3,610
08-04-17 조회 4,367
08-04-17 조회 4,930
08-04-17 조회 5,285
08-04-17 조회 4,496
08-04-17 조회 4,490
08-04-17 조회 4,626
08-04-17 조회 3,698
08-04-17 조회 3,268
08-04-17 조회 4,290
08-04-17 조회 4,530
08-04-17 조회 5,950
08-04-17 조회 2,769
08-04-17 조회 3,938
08-04-17 조회 3,958
08-04-17 조회 3,146
08-04-17 조회 3,474
08-04-17 조회 3,104
08-04-17 조회 3,596
08-04-17 조회 4,963
08-04-17 조회 5,113
08-04-17 조회 3,325
08-04-16 조회 2,485
08-04-15 조회 2,617
08-04-14 조회 2,773
08-04-14 조회 2,760
08-04-11 조회 2,538
08-04-11 조회 2,667
08-04-11 조회 2,484
08-04-09 조회 3,080
08-04-08 조회 4,103
08-04-07 조회 3,014
08-04-07 조회 2,576
08-04-06 조회 2,830
08-04-06 조회 3,554
08-04-05 조회 3,133
08-04-05 조회 2,391
08-04-04 조회 7,194
08-04-04 조회 4,586
08-04-04 조회 4,480
08-04-04 조회 3,817
08-04-04 조회 4,028
08-04-04 조회 4,045
08-04-04 조회 4,495
08-04-04 조회 3,683
08-04-04 조회 3,831
08-04-04 조회 3,934
08-04-04 조회 3,859
08-04-04 조회 4,023
08-04-04 조회 4,562
08-04-04 조회 3,990
08-04-04 조회 2,837
08-04-04 조회 4,201
08-04-04 조회 2,896
08-04-04 조회 2,789
08-04-04 조회 3,310
08-04-04 조회 2,825
08-04-04 조회 2,708
08-04-04 조회 2,684
08-04-04 조회 2,906
08-04-04 조회 3,378
08-04-04 조회 2,724
08-04-04 조회 2,713
08-04-04 조회 2,546
08-04-04 조회 2,744
08-04-04 조회 2,567
08-04-04 조회 2,626
08-04-04 조회 2,922
08-04-04 조회 2,767
08-04-04 조회 2,638
08-04-04 조회 2,596
08-04-04 조회 2,666
08-04-04 조회 2,510
08-04-04 조회 2,558
08-04-04 조회 2,579
08-04-04 조회 2,645
08-04-04 조회 2,647
08-04-04 조회 2,744
08-04-04 조회 2,663
08-04-04 조회 3,019
08-04-04 조회 4,163
08-04-03 조회 4,587
08-04-03 조회 2,695
08-04-03 조회 2,824
08-04-03 조회 2,619
08-04-03 조회 3,482
08-04-03 조회 4,309
08-04-03 조회 2,567
08-04-03 조회 2,480
08-04-03 조회 2,686
08-04-03 조회 2,628
08-04-03 조회 2,806
08-04-03 조회 2,789
08-04-03 조회 2,669