인터넷 익스플로러 우클릭 메뉴(ContextMenu)_javascript 스킬 개발

ContextMenu

를 개발하려면 MSDN Library [표준 컨텍스트 메뉴에 항목 추가]를 참조하세요. IE의 추가 ContextMenu는 등록 코드 HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMenuExt
2를 통해 생성되므로 이 위치 키 값 아래에 하나만 추가하면 됩니다. 예를 들어 [Make 0rz]를 추가하면 IE에서 마우스 오른쪽 버튼을 클릭하면 같은 이름의 기능이 나타납니다

3. 이 기능에 Windows Form 개발과 마찬가지로 단축키를 사용하려면 영문 이름 앞에 & 기호를 추가하면 됩니다.

예를 들어 Key 값을 [Make 0rz]에서 [&Make 0rz]로 변경하면 ContextMenu가 나타날 때 M을 누르면

Key 값 아래에 있는 기능이 실행됩니다. 중요한 핵심 값은 Contexts입니다. 주요 기능은 ContextMenu가 나타나는 타이밍을 정의하는 것입니다

포함: 기본값(기본 로드), 이미지(그림), 컨트롤(모든 컨트롤 항목), 테이블(테이블), 텍스트 선택(일반 텍스트 강조 표시) 선택 시), 앵커( 링크에서)

ContextMenu가 두 번 이상의 발생 횟수를 포함하려는 경우 해당 값에 대한 논리 또는 계산을 수행한 다음 가져옵니다.

예: 이 예에서 예에서 , Contexts라는 새 DWORD 유형과 키 값 23을 추가할 수 있습니다. ContextMenu [Default Loading], [On Link], [On Image]를 우클릭하면 [Make 0rz] 기능이 나타난다는 뜻이다.

5. 키 값(Default)도 있습니다. 이 키 값에 채워지는 내용은 ContextMenu 기능 실행 시 사용자가 넘겨줄 내용입니다. …. 등.

예를 들어 이 예에서는 javascript를 호출하여 함수를 실행하려고 하므로 [file://C:Program FilesMake0rz.js]

를 입력합니다.

6. 이로써 등록 코드 부분이 기본적으로 완료됩니다. .reg 파일을 생성하면 사용자가 더 쉽게 설치할 수 있습니다. 다음은 RegMake0rz.reg 파일 예입니다.

코드 복사 코드는 다음과 같습니다.

Windows 레지스트리 편집기 버전 5.00

[HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMenuExt&Make 0rz]
@="file://C:\Program Files\Make0rz.js"
"Contexts"=dword:00000023

7. Make0rz.js의 내용은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

  <script>    <BR>  var obj = external.menuArguments.event.srcElement;<BR>  var str = obj.tagName;<BR>  if (str.toUpperCase() == 'A' || str.toUpperCase() == 'IMG ') {<BR>    if (str.toUpperCase() == 'A') {<BR>      if (external.menuArguments.event.shiftKey) {<BR>        str = obj.firstChild.nodeValue;<BR>      }<BR>      else {<BR>        str = external.menuArguments.event.srcElement.href;<BR>      }<BR>    }<BR>    else {<BR>      str = external.menuArguments.event.srcElement.href;<BR> }<BR>  }<BR>  else {<BR>    if (str.toUpperCase() != 'BODY') {<BR>      str = obj.innerText;<BR>      if (trim(str) == '') {<BR>        str = external.menuArguments.location.href;<BR>      }<BR>    }<BR>    else {<BR>      str = external.menuArguments.location.href;<BR>    }<BR>  }<br><br>  //// 미리보기<BR>  //var url = 'http://0rz.tw/createget?redirect=1&url=' encodeURIComponent(str);<BR>  //var width = 600;<BR>  //var height = 600;<br><br>  // ​​미리보기 없음<BR>  var url = 'http://0rz.tw/createget?redirect=0&url=' encodeURIComponent(str);<BR>  var width = 160;<BR>  var height = 90;<br><br>  var left = (screen.width - width) / 2;<BR>  var top = (screen.height - height) / 2;<BR>  var cmd = '너비=' 너비 ', 높이=' 높이 ', top=' 상단 ', 왼쪽=' 왼쪽;<BR>  cmd = ', 디렉터리=no, 위치=no, 메뉴바=no, 크기 조정 가능=no, 스크롤바 =no, status=no, 툴바=no';<br><br>  newwin = window.open(url, 'windowname5', cmd);<BR>  if (window.focus) {<BR>    newwin.focus( )<BR>  }<br><br>  function Trim(strValue) {<BR>    var regL = /^[?@s] /;<BR>    var regR = /[?@s] $/;<BR> strValue = strValue.replace(regL, "");<BR>    strValue = strValue.replace(regR, "");<BR>    return strValue;<BR>  }   <BR>  </script>

Contexts의 값이 0x23으로 설정되어 있으므로 [Default Loading], [On Link], [On Picture]를 마우스 오른쪽 버튼으로 클릭하면 [Make 0rz] 기능이 나타난다는 뜻입니다.
[기본 로딩]: 페이지의 빈 공간에서 마우스 오른쪽 버튼을 클릭하여 ContextMenu의 [Make 0rz]를 실행하면 현재 페이지 링크가 단축됩니다.
[링크에]: 텍스트 링크에서 마우스 오른쪽 버튼을 클릭하여 ContextMenu의 [Make 0rz]를 실행하면 텍스트 링크가 단축됩니다.
[기본 로딩]: 이미지 링크나 이미지를 마우스 오른쪽 버튼으로 클릭하여 ContextMenu의 [Make 0rz]를 실행하여 이미지 위치를 표시하고 URL을 단축합니다.
그런 다음 window.open을 사용하여 0rz.tw 대상 페이지를 열고 URL 단축 결과를 표시합니다.
30~33번 코드를 실행하면 미리보기 화면(Preview)이 있다는 의미이고, 35~38번 코드를 실행하면 미리보기 화면이 없다는 의미입니다. (필요에 따라 자유롭게 조정 가능)

8. 실제 결과 맵:
(1) 빈 공간에서 마우스 오른쪽 버튼을 클릭하여 ContextMenu의 [Make 0rz]를 실행합니다. 현재 페이지 링크가 단축됩니다. (미리보기 기능 없음 제공)




http://tw.msn.com/?ocid=iehp => http://0rz.tw/KR9Hf

(2) 텍스트 링크(뉴스)에서 마우스 오른쪽 버튼을 클릭하여 ContextMenu의 [Make 0rz]를 실행하면 텍스트 링크가 단축됩니다. (미리보기 기능으로 제공)

http://news.msn.com.tw/ => http://0rz.tw/7d2H6

(3) 이미지 링크나 이미지를 마우스 오른쪽 버튼으로 클릭하여 ContextMenu의 [Make 0rz]를 실행하여 이미지 위치를 지정하고 URL을 단축합니다.

http://sin.stb01.s-msn.com/i/53/79D3A7E9A23E21C6A510F09720CD2.jpg => http://0rz.tw/JlTDN

이 기능 예시는 다운로드하려면 여기를 클릭하세요

. 압축 파일에는 RegMake0rz.reg 등록된 기계코드 설치 파일, Make0rz.js 기능 실행 파일, DelMake0rz.reg 등록된 기계코드 제거 파일

이 포함되어 있습니다. 설치: RegMake0rz.reg를 실행하고 C:Program Files 디렉터리에 Make0rz.js를 배치합니다. 제거: DelMake0rz.reg를 실행하고 C:Program FilesMake0rz.js 파일을 직접 삭제합니다.