본문 바로가기

Local Oriented/HTML CSS JS

즐겨찾기 북마크, IE FF Chrome Safari

예전엔 아래 코드를 많이 썼는데, 이게 IE 에서만 작동을 해요..

<a onclick="window.external.AddFavorite('http://www.aaa.co.kr', '즐겨찾기 명칭')" href="javascript://"><img src="즐겨찾기용 이미지주소" title="즐겨찾기추가"></a>



그래서 요즘엔 이걸 대행해 주는 플러그인을 사용합니다.

<a class="addthis_button_favorites"><img src="/favicon.gif" alt="Favorites" /></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94"></script>


MS 의 인터넷 익스플로러(IE) 에서는..


Google 의 Chrome 에서는..


Mozilla 의 FireFox 에서는..


Apple 의 Sarari 에서는..




등등과 같이 나옵니다.

그런데, IE 에서만 동작하는 코드에서는.. 웹페이지 어디에서든 메인 페이지만 즐겨찾기를 할 수 있었는데..

플러그인에서는 열려있는 웹페이지를 즐겨찾기(북마크) 하는 것이 약간의 문제를 가져옵니다.

이때 해당 웹페이지의 title 부분에 정확히 기술하면 문제는 없긴 합니다.


이를테면, www.abc.co.kr 을 표시하는 웹페이지 title 에 'ABC 방문을 환영합니다' 라고 했다면,

www.abc.co.kr/aa.jsp 웹페이지 title 에는 'ABC, aa 화면입니다' 라고 하는 식이어야 합니다.

만약 title 이 동일하다면 어느 페이지든지 동일 title 을 사용하는 즐겨찾기(북마크)가 됩니다.

즐겨찾기(북마크) 이름이 동일하기 때문에 나중에 찾으려면 고생해야 하죠.. ^^.



아무튼..

메인 화면에서만 즐겨찾기를 허용하게 하려면, 열린 웹페이지가 메인화면인지 체크하는 로직이 필요해요..