[jQuery] 즐겨찾기추가 이벤트 on redgoose note

[jQuery] 즐겨찾기추가 이벤트

Nest: Development Category: Javascript 2013-03-16

jQuery를 이용해서 버튼을 누르면 href속성이랑 title속성으로 즐겨찾기를 추가할 수 있다.
크롬이나 사파리에서는 보안문제 때문에 자동으로 즐겨찾기가 안되어서 크롬이나 사파리에서 버튼을 누르면 메세지가 출력된다.

html

<a href="http://asfcentre.1step.co.kr" id="bookmark">
    <img src="./favorite.gif" alt="즐겨찾기 추가" />
</a>

javascript

$("a").click(function(){
  var bookmarkUrl = this.href;
  var bookmarkTitle = this.title;

  // For Mozilla Firefox Bookmark
  if ($.browser.mozilla) {
    window.sidebar.addPanel(bookmarkTitle, bookmarkUrl,"");
  // For IE Favorite
  } else if($.browser.msie) {
    window.external.AddFavorite( bookmarkUrl, bookmarkTitle); 
  // For Opera Browsers
  } else if($.browser.opera ) {
    $(this).attr("href",bookmarkUrl);
    $(this).attr("title",bookmarkTitle);
    $(this).attr("rel","sidebar");
    $(this).click();
  } else {
    alert('단축키 \"CTRL+D\"를 눌러 즐겨찾기 추가하세요.');
  }
  return false;
});