웹마스터 팁

  2. Support
  3. 웹마스터 팁

DHTM 을 이용한 마우스 오른쪽의 메뉴 만들기..

2001.03.30 04:07

허진규

<script language="JavaScript1.2">
<!--
var isie=0;
if(window.navigator.appName=="Microsoft Internet Explorer"&&window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE")+5,window.navigator.appVersion.indexOf("MSIE")+8)>=5.5) {
isie=1;
}
else {
isie=0;
}
if(isie) {
var html="";
html+='<TABLE STYLE="border="0" WIDTH="140" HEIGHT="180" CELLPADDING="0" CELLSPACING="0"background="HTTP://F2SKY.KOR1.NET/mrneuback.gif">';
html+='<ST'+'YLE TYPE="text/css">n';
html+='a:link {text-decoration:none;font-family:Arial;font-size:8pt;}n';
html+='a:visited {text-decoration:none;font-family:Arial;font-size:8pt;}n';
html+='td {font-size:8pt;}n';
html+='</ST'+'YLE>n';
html+='<SC'+'RIPT LANGUAGE="JavaScript">n';
html+='n<'+'!--n';
html+='window.onerror=null;n';
html+='/'+' -'+'->n'+ ';
html+='</'+'SCRIPT>n';
html+='<TR><TD STYLE="border:0pt solid #FFFFFF" ID="i0" ONMOUSEOVER="document.all.i0.style.background='#FFFFFF';document.all.i0.style.border='0pt solid #737B92';" ONMOUSEOUT="document.all.i0.style.background='';document.all.i0.style.border='0pt solid #CCCCCC';"       ONCLICK="window.history.go(-1);"> <img SRC="HTTP://F2SKY.KOR1.NET/menuback.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle"> 앞페이지로이동</TD></TR>';
html+='<TR><TD STYLE="border:0pt solid #FFFFFF" ID="i1" ONMOUSEOVER="document.all.i1.style.background='#FFFFFF';document.all.i1.style.border='0pt solid #737B92';" ONMOUSEOUT="document.all.i1.style.background='';document.all.i0.style.border='0pt solid #CCCCCC';"       ONCLICK="window.history.go(1);"> <img SRC="HTTP://F2SKY.KOR1.NET/menuforward.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle"> 뒷페이지로이동</TD></TR>';
html+='<TR><TD STYLE="border:0pt solid #FFFFFF" ID="i4" ONMOUSEOVER="document.all.i4.style.background='#FFFFFF';document.all.i4.style.border='0pt solid #737B92';" ONMOUSEOUT="document.all.i4.style.background='';document.all.i0.style.border='0pt solid #CCCCCC';"       ONCLICK="window.parent.external.AddFavorite(window.top.location.href,window.top.document.title);"> <img SRC="HTTP://F2SKY.KOR1.NET/menufavorite.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle"> 즐겨찾기에등록...</TD></TR>';
html+='<TR><TD STYLE="border:0pt solid #FFFFFF" ID="i5" ONMOUSEOVER="document.all.i5.style.background='#FFFFFF';document.all.i5.style.border='0pt solid #737B92';" ONMOUSEOUT="document.all.i5.style.background='';document.all.i0.style.border='0pt solid #CCCCCC'+ ';"       ONCLICK="window.parent.location='view-source:'+window.parent.location.href;"> <img SRC="HTTP://F2SKY.KOR1.NET/menusource.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle"> 소스보기</TD></TR>';
html+='<TR><TD STYLE="border:0pt solid #FFFFFF" ID="i6" ONMOUSEOVER="document.all.i6.style.background='#FFFFFF';document.all.i6.style.border='0pt solid #737B92';" ONMOUSEOUT="document.all.i6.style.background='';document.all.i0.style.border='0pt solid #CCCCCC';"       ONCLICK="window.print();"> <img SRC="HTTP://F2SKY.KOR1.NET/menuprint.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle"> 프린트하기</TD></TR>';
html+='<TR><TD STYLE="border:0pt solid #FFFFFF" ID="i7" ONMOUSEOVER="document.all.i7.style.background='#FFFFFF';document.all.i7.style.border='0pt solid #737B92';" ONMOUSEOUT="document.all.i7.style.background='';document.all.i0.style.border='0pt solid #CCCCCC';"       ONCLICK="window.parent.location.href=window.parent.location.href;"> <img SRC="HTTP://F2SKY.KOR1.NET/menurefresh.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle"> 새로고침</TD></TR>';
html+='<TR><TD STYLE="border:0pt solid #FFFFFF" ID="i8" ONMOUSEOVER="document.all.i8.style.background='#FFFFFF';document.all.i8.style.border='0pt solid #737B92';" ONMOUSEOUT="document.all.i8.style.background='';document.all.i0.style.border='0pt solid #CCCCCC';"       ONCLICK="if(window.parent.document.body.style.zoom!=0) window.parent.document.body.style.zoom*=1.6; else window.parent.document.body.style.zoom=1.6;"> <img SRC="HTTP://F2SKY.KOR1.NET/menuzoom.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle"> 확대해서보기</TD></TR>';
html+='<TR><TD STYLE="border:0pt solid #FFFFFF" ID="i9" ONMOUSEOVER="document.all.i9.style.background='#FFFFFF';document.all.i9.style.border='0pt solid #737B92';" ONMOUSEOUT="document.all.i9.style.background='+ '';document.all.i0.style.border='0pt solid #CCCCCC';"       ONCLICK="if(window.parent.document.body.style.zoom!=0) window.parent.document.body.style.zoom*=0.625; else window.parent.document.body.style.zoom=0.625;"> <img SRC="HTTP://F2SKY.KOR1.NET/menuzoom.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle"> 축소해서보기</TD></TR>';
html+='</TABLE>';
var oPopup = window.createPopup();
}
function dopopup(x,y) {
if(isie) {
var oPopupBody = oPopup.document.body;
oPopupBody.innerHTML = html;
oPopup.show(x, y, 140, 180, document.body);
}
}
function click(e) {
if(isie) {
if(document.all) {
if(event.button==2||event.button==3) {
dopopup(event.x-1,event.y-1);
}
}
}
}
if(isie) {
document.oncontextmenu = function() { dopopup(event.x,event.y);return false; }
document.onmousedown = click;
}
// -->
</script>
마우스 오른쪽을 눌러보세염
소스는 소스 보기 해서 보시길바랍니다...

음 소스는 그리 어려울것은 없구요 아마도 그림만 바꾸심될것같군요...

필요하신게 있으시면 메뉴를 추가하셔두되구요..

추가하는것은 해당줄 복사해서 붙여 넣으시구요

미리 보기는 HTTP://F2SKY.KOR1.NET 입니당

글구 저도 고민하던건대염
window.history.go(-1);  이용할경우 프래임 문서에서 이동이안되던대.. 아시는분있음 좀알려주세염 ㅜ.ㅡ
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
[JavaScript] 전체화면으로 페이지 열기 [2] SM 2002.02.24
[JavaScript] 텍스트 상자에서 메세지가 타이핑 됩니다 SM 2002.02.24
[JavaScript] 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기 [1] SM 2002.02.24
[JavaScript] 창의 사이즈 변경 금지 시키기 SM 2002.02.24
[JavaScript] 폼 버튼을 클릭하면 경고 메세지 보내기 SM 2002.02.24
[JavaScript] 익스플로러,네츠케이프 모두에서 iframe 과 비슷하게 해보자! [3] 티르 2002.01.24
페이지마다 타이틀 변경하기 [3] WOWpc 2001.10.10
DHTM 을 이용한 마우스 오른쪽의 메뉴 만들기.. [11] 허진규 2001.03.30
[Tip] 페이지 이동중이라고 표시해보자~ ^_^ [10] BiHon 2001.03.28
자신의 홈페이지에 웹문서 검색엔진 장착하기 [4] 지하넷 2009.05.04
노프레임 홈페이지 만들기 강좌 file H.N커뮤니티 2009.02.28
레이어의 개념 및 기초 지식 [1] ITBANK.kr 2008.10.01
SOUND 다루기 - 1 ITBANK.kr 2008.10.01
아이프레임 스크롤바를 투명하게 wwolf 2008.09.21
page에 웹페이지의 보드(게시판 ) 삽입 [2] parkys 2007.10.24
CSS 사용시 익스플로러 버그 해결하기. [3] NineTail 2007.08.28
폼방식으로 데이터를 넘길 때... [5] 제로보드유저 2007.08.23
html 웹자료제작,교과목제작[사용법 동영상강좌] [3] parkys 2007.05.11
프레임 홈페이지 만들때 유용한 팁 [2] 지오 2007.03.24
간지님 faq 따라하기.... [1] 이진수 2007.01.11
태그 쓰기