구글 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개

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

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
17년 전 조회 3,024
17년 전 조회 3,408
17년 전 조회 3,166
17년 전 조회 2,049
17년 전 조회 4,161
17년 전 조회 1,568
17년 전 조회 1,280
17년 전 조회 1,393
17년 전 조회 1,270
17년 전 조회 1,507
17년 전 조회 1,888
17년 전 조회 2,500
17년 전 조회 2,576
17년 전 조회 1,571
17년 전 조회 1,324
17년 전 조회 2,588
17년 전 조회 3,024
17년 전 조회 3,389
17년 전 조회 3,342
17년 전 조회 2,496
17년 전 조회 3,918
17년 전 조회 3,345
17년 전 조회 5,654
17년 전 조회 2,810
17년 전 조회 2,023
17년 전 조회 2,099
17년 전 조회 1,939
17년 전 조회 1,876
17년 전 조회 2,932
17년 전 조회 2,054
17년 전 조회 1,728
17년 전 조회 2,230
17년 전 조회 1,273
17년 전 조회 1,826
17년 전 조회 3,045
17년 전 조회 2,285
17년 전 조회 1,955
17년 전 조회 2,192
17년 전 조회 1,480
17년 전 조회 1,871
17년 전 조회 1,379
17년 전 조회 1,931
17년 전 조회 1,945
17년 전 조회 1,198
17년 전 조회 3,299
17년 전 조회 4,468
17년 전 조회 2,622
17년 전 조회 7,629
17년 전 조회 3,993
17년 전 조회 4,315
17년 전 조회 2,580
17년 전 조회 3,058
17년 전 조회 3,806
17년 전 조회 4,147
17년 전 조회 3,316
17년 전 조회 3,305
17년 전 조회 3,460
17년 전 조회 2,628
17년 전 조회 2,217
17년 전 조회 3,254
17년 전 조회 3,422
17년 전 조회 4,756
17년 전 조회 1,732
17년 전 조회 2,772
17년 전 조회 2,840
17년 전 조회 2,058
17년 전 조회 2,364
17년 전 조회 1,993
17년 전 조회 2,535
17년 전 조회 3,935
17년 전 조회 4,041
17년 전 조회 2,240
17년 전 조회 1,491
17년 전 조회 1,628
17년 전 조회 1,781
17년 전 조회 1,757
17년 전 조회 1,517
17년 전 조회 1,661
17년 전 조회 1,472
17년 전 조회 1,974
17년 전 조회 2,893
17년 전 조회 1,985
17년 전 조회 1,526
17년 전 조회 1,828
17년 전 조회 2,477
17년 전 조회 2,108
17년 전 조회 1,391
17년 전 조회 6,041
17년 전 조회 3,430
17년 전 조회 3,333
17년 전 조회 2,729
17년 전 조회 2,923
17년 전 조회 2,878
17년 전 조회 3,380
17년 전 조회 2,507
17년 전 조회 2,626
17년 전 조회 2,686
17년 전 조회 2,676
17년 전 조회 2,806
17년 전 조회 3,355