건

구글 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-06-19 조회 2,392
08-06-15 조회 3,143
08-06-15 조회 2,365
08-06-14 조회 2,701
08-06-14 조회 3,603
08-06-14 조회 3,298
08-06-12 조회 2,189
08-06-11 조회 2,218
08-06-11 조회 2,308
08-06-11 조회 7,346
08-06-11 조회 7,076
08-06-08 조회 3,261
08-06-07 조회 2,198
08-06-05 조회 2,315
08-06-05 조회 3,293
08-06-05 조회 2,664
08-06-05 조회 2,318
08-06-05 조회 2,346
08-06-04 조회 2,269
08-06-03 조회 2,257
08-06-03 조회 5,328
08-06-03 조회 3,564
08-06-02 조회 2,867
08-06-02 조회 4,001
08-06-01 조회 2,623
08-05-31 조회 2,311
08-05-31 조회 2,331
08-05-31 조회 2,414
08-05-30 조회 2,293
08-05-29 조회 2,431
08-05-29 조회 3,692
08-05-27 조회 5,524
08-05-26 조회 2,370
08-05-26 조회 5,283
08-05-25 조회 5,357
08-05-24 조회 2,425
08-05-23 조회 3,428
08-05-23 조회 2,840
08-05-23 조회 4,589
08-05-22 조회 2,609
08-05-21 조회 4,947
08-05-21 조회 4,732
08-05-21 조회 3,882
08-05-20 조회 4,479
08-05-20 조회 4,069
08-05-20 조회 3,293
08-05-20 조회 4,565
08-05-20 조회 3,915
08-05-20 조회 4,804
08-05-19 조회 2,339
08-05-16 조회 3,467
08-05-15 조회 2,533
08-05-15 조회 2,364
08-05-15 조회 2,354
08-05-14 조회 2,284
08-05-13 조회 2,733
08-05-13 조회 4,135
08-05-13 조회 4,570
08-05-09 조회 4,342
08-05-08 조회 3,095
08-05-08 조회 5,248
08-05-08 조회 2,612
08-05-07 조회 2,315
08-05-07 조회 2,471
08-05-07 조회 2,277
08-05-01 조회 2,593
08-05-01 조회 2,942
08-04-29 조회 3,791
08-04-28 조회 3,603
08-04-26 조회 2,619
08-04-26 조회 2,352
08-04-26 조회 3,618
08-04-25 조회 4,047
08-04-23 조회 4,481
08-04-22 조회 4,419
08-04-22 조회 3,561
08-04-22 조회 5,127
08-04-22 조회 4,508
08-04-22 조회 6,885
08-04-22 조회 3,958
08-04-21 조회 3,098
08-04-21 조회 3,151
08-04-21 조회 3,097
08-04-21 조회 2,938
08-04-21 조회 4,051
08-04-20 조회 3,212
08-04-20 조회 2,899
08-04-20 조회 3,428
08-04-19 조회 2,326
08-04-18 조회 3,030
08-04-18 조회 4,347
08-04-17 조회 3,581
08-04-17 조회 3,030
08-04-17 조회 3,260
08-04-17 조회 2,532
08-04-17 조회 2,931
08-04-17 조회 2,414
08-04-17 조회 2,982
08-04-17 조회 3,033
08-04-17 조회 2,232