구글 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>
댓글 3개
게시글 목록
| 번호 | 제목 |
|---|---|
| 12828 |
JavaScript
최근 게시물 디자인
5
|
| 254 | |
| 252 | |
| 25062 | |
| 29368 | |
| 249 | |
| 243 | |
| 239 | |
| 236 | |
| 234 | |
| 12821 | |
| 12818 |
Flash
플래쉬 매뉴 소스 실무_
2
|
| 12815 | |
| 12811 |
기타
플래쉬 매뉴 소스
3
|
| 12807 |
JavaScript
플래쉬 매뉴 소스
3
|
| 12797 | |
| 12787 | |
| 12781 | |
| 12780 |
JavaScript
자동글 방지 팁입니다.
|
| 232 | |
| 12779 |
기타
PHP 에서의 디버그
|
| 12776 | |
| 12768 | |
| 12767 | |
| 229 | |
| 12764 | |
| 226 | |
| 12762 |
JavaScript
팝업창 중앙에 띄우기 소스
1
|
| 12758 |
JavaScript
<tip>초간단 위로가기 소스
3
|
| 12757 |
JavaScript
소스 <퀵메뉴>
|
| 12755 | |
| 223 | |
| 221 | |
| 12746 | |
| 219 | |
| 212 | |
| 12745 | |
| 210 | |
| 206 | |
| 29366 | |
| 205 | |
| 12743 | |
| 203 | |
| 29364 |
HTML
클릭하면 이미지 서로 바꾸기.
1
|
| 201 | |
| 12742 |
JavaScript
/var/log/secure 로그를 이용한 IP Deny 자동 등록
|
| 29361 | |
| 12740 |
Linux
여러가지 리눅스 팁들
1
|
| 199 | |
| 198 | |
| 196 | |
| 12738 | |
| 12735 |
JavaScript
포토샵으로 쌍꺼풀 만들기
2
|
| 12732 | |
| 195 | |
| 194 | |
| 12731 |
JavaScript
특정 이메일 입력 금지및 이메일 유효성 검사
|
| 191 | |
| 188 | |
| 185 | |
| 182 | |
| 179 | |
| 25053 | |
| 25052 | |
| 12729 | |
| 25050 | |
| 176 | |
| 174 | |
| 172 | |
| 171 | |
| 168 | |
| 166 | |
| 12724 | |
| 12715 |
Flash
xml 연동mp3 플레이어 제작소스
8
|
| 164 | |
| 12712 | |
| 12702 |
Flash
xml 연동형 겔러리소스입니다
9
|
| 159 | |
| 12697 |
Flash
이미지마스크
4
|
| 29360 |
HTML
메트릭스글자
|
| 12696 | |
| 155 | |
| 12694 | |
| 12692 | |
| 12689 | |
| 12687 | |
| 12685 | |
| 12683 |
Flash
Flex 및 Flash 래퍼런스 활용
1
|
| 12679 | |
| 12678 |
기타
픽토그램 소스
|
| 12676 |
JavaScript
[일러스트강좌] 마크 그리기
1
|
| 151 | |
| 12669 | |
| 148 | |
| 146 | |
| 144 | |
| 143 | |
| 29356 | |
| 12662 |
JavaScript
html,php,js.vbs,각종 암호화
6
|
| 12655 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기