戻る|
右クリック |
◆右クリック◆ |
■■１■■
右クリックすると警告が表示される
[参照]
[ソース]
<HTML>
<HEAD>
<TITLE>右クリック禁止</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var message = "ヨッシーの”ホームページを作ろう！”";
//右クリックのときに表示するコメント
function click(e) {
if(document.all) {
if(event.button == 2) {
alert(message);
return false;
}
}
document.onmousedown = click;
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="click()">
</BODY>
</HTML>
※赤は変更点
※水色はid
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
■■２■■
[概要]
右クリックで独自のメニューを表示する
[参照]
[ソース]
<HTML>
<TITLE>右クリックで独自のメニューを表示する</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//メニュー表示関数
function Menu(){
//非表示の場合表示にする
if(menu.style.visibility == "hidden"){
menu.style.posLeft = event.clientX;
menu.style.posTop = event.clientY;
menu.style.visibility = "visible";
}
//表示の場合非表示にする
else if(menu.style.visibility == "visible"){
menu.style.visibility = "hidden";
}
return false;
}
//メニュー非表示関数
function eraseMenu(){
//表示の場合非表示にする
if(menu.style.visibility == "visible"){
menu.style.visibility = "hidden";
}
}
// -->
</SCRIPT>
</HEAD>
<BODY onclick="eraseMenu()" oncontextmenu="Menu();return false;">
<!--メニュー用タグ-->
<DIV id="menu" style={position:absolute;visibility:hidden;}>
<TABLE border=3 bgcolor=blue cellpadding=5>
<TR>
<TD bgcolor="#ffffcc">
<center><B>タイトル</B></center><P>
・コンテンツ<BR>
・コンテンツ<BR>
・コンテンツ<BR>
・コンテンツ<BR>
</TD>
</TR>
</TABLE>
</DIV>
<!--メニュー用タグここまで-->
</BODY>
</HTML>
※赤は変更点
※水色はid
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。