웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
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); 이용할경우 프래임 문서에서 이동이안되던대.. 아시는분있음 좀알려주세염 ㅜ.ㅡ
<!--
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); 이용할경우 프래임 문서에서 이동이안되던대.. 아시는분있음 좀알려주세염 ㅜ.ㅡ