현재 페이지 즐겨찾기 추가 기능
즐겨찾기 추가 기능은 JavaScript로 구현하여 웹 브라우저의 즐겨찾기 추가 기능을 활용합니다.
Internet Explorer, Firefox, Opera에서만 지원하며, 그 외의 웹 브라우저는 알림메시지를 보여줍니다.
현재 페이지 즐겨찾기 추가 구현 JavaScript
JavaScript 코드 안내
- • 아래의 링크를 클릭하면 기능을 시험해보실 수 있습니다.
JavaScript 코드 적용 방법 및 다운로드
JavaScript 코드 삽입 화면
- 스킨 페이지(Skin.html)의 <head> 와 </head> 사이에 아래의 코드가 적용되어야 합니다.
<head>
<script>
function addBookmark(){
//var title = "[Viewit] 통신, IT, 모바일, 스마트폰 앱스 블로그";
//var url = "http://viewit.kr";
var title = document.title; //현재 보고 있는 페이지의 Title
var url = location.href; //현재 보고 있는 페이지의 Url
if(window.sidebar && window.sidebar.addPanel){ // Firefox
window.sidebar.addPanel(title, url,"");
}
else if(window.opera && window.print){ // Opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all){ // Internet Explorer
window.external.AddFavorite( url, title);
}
else{
alert("이용하시는 웹 브라우저는 기능이 지원되지 않습니다.\n\nCtrl+D 키를 누르시면 즐겨찾기에 추가하실 수 있습니다.");
return true;
}
}
</script>
</head>
JavaScript 코드 사용 방법
- 활용할 때에 사용해야 할 코드입니다.
<a href="javascript:addBookmark();">이 페이지를 즐겨찾기에 추가하기</a>
JavaScript 코드 문서 다운로드
| 내용 출처/참고 자료 | Lael's World (http://lael.be/469) |
|---|
'웹이야기 > 웹/HTML' 카테고리의 다른 글
| [HTML] 메타 태그를 사용하여 사이트 검색 로봇 액세스 차단 방법 (0) | 2012.06.23 |
|---|---|
| [CSS] 초기화(Reset) 코드 (0) | 2012.03.13 |
| [HTML] Google 크롬을 활용한 HTML5 웹사이트 확인 (0) | 2011.11.17 |
| [HTML] HTML5 설명 및 기본 마크업 (0) | 2011.11.15 |
| 인터넷 익스플로러(Internet Explorer)의 교차 사이트 스크립팅(XSS) (4) | 2011.09.15 |