JavaScript (2)
  1. 2012.05.08[JavaScript] 웹 브라우저의 즐겨찾기 추가 스크립트(1)
  2. 2010.11.21[JavaScript] 티스토리 기본 단축키 및 사용자 단축키 지정 방법
[JavaScript] 웹 브라우저의 즐겨찾기 추가 스크립트

현재 페이지 즐겨찾기 추가 기능

즐겨찾기 추가 기능은 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)
 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

[JavaScript] 티스토리 기본 단축키 및 사용자 단축키 지정 방법

티스토리(Tistory) 기본 단축키 설명

티스토리 기본 단축키 - 본문 및 메인 화면

티스토리 기본 단축키
단축키 사용 기능
Q 관리자 페이지
A 이전글 보기
S 다음글 보기
Z 사이드바 최신 글로 이동
X 사이드바 최신 댓글로 이동
C 사이드바 최신 트랙백으로 이동

티스토리 기본 단축키 - 글쓰기 화면 (에디터)

티스토리 기본 단축키
단축키 사용 기능 단축키 사용 기능
Ctrl + B 굵게 Ctrl + U 밑줄
Ctrl + i 기울임 Ctrl + D 취소선
Ctrl + ,
Ctrl + /
좌측 정렬
우측 정렬
Ctrl + . 중앙 정렬
Ctrl + Alt + O 번호매기기 Ctrl + Alt + U 글머리기호
Tab 들여쓰기 Shift + Tab 내여쓰기
Ctrl + Z 실행취소 Ctrl + Y 다시실행
Ctrl + K 링크 Ctrl + Q 인용
Ctrl + Alt + X 효과 제거 Ctrl + M 넓게쓰기
Ctrl + S 임시저장 Ctrl + ~ 하단 탭 이동

사용자 임의의 단축키 사용 방법

JavaScript를 이용하여 사용자 임의 지정 가능한 단축키를 지정할 수 있습니다.

다음과 같이 <body> 와 </body> 사이에 작성해야 하며, 빨간색으로 표기된 내용을 수정해서 사용할 수 있습니다.

하단의 <viewIT_Javascript_티스토리_사용자_지정_단축키.txt> 파일을 다운로드해 수정해서 사용하면 됩니다.

<script type="text/javascript">
<!--

var key = new Array();

/** 단축키 정의 - http://viewit.kr **/
key['n'] = "/admin/entry/post";
key['h'] = "/";
key['l'] = "/location";
key['t'] = "/tag";
key['m'] = "/media";
key['g'] = "/guestbook";

function getKey(keyStroke) {
 if ((event.srcElement.tagName != 'INPUT') && (event.srcElement.tagName != 'TEXTAREA')){
  isNetscape=(document.layers);
  eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
  which = String.fromCharCode(eventChooser).toLowerCase();
  for (var i in key)
   if (which == i) window.location = key[i];
 }
}
document.onkeypress = getKey;
//-->
</script>


 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)