- ベストアンサー
ホームページで右クリック！
ホームページを作成しています。 右クリックを、標準（IE）のメニューを出すのではなく 自分でページに何か記述して自分の設定しておいたメニューを表示させたいのですが、 どう記述したらよいのでしょうか？
- admins
- お礼率12% (22/180)
- Windows XP
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じに 記述します。 <HTML> <HEAD> <TITLE>ウンバホ♪z(-_-z)).....((s-_-)sウンバホ♪</TITLE> <STYLE>.menuItem { PADDING-LEFT: 20px; FONT-SIZE: 10pt; WIDTH: 100px; COLOR: black; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: menu } .highlightItem { PADDING-LEFT: 20px; FONT-SIZE: 10pt; WIDTH: 100px; COLOR: white; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: highlight } .clickableSpan { BORDER-RIGHT: gray 5px solid; PADDING-RIGHT: 4px; BORDER-TOP: gray 5px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: gray 5px solid; WIDTH: 500px; COLOR: white; PADDING-TOP: 4px; BORDER-BOTTOM: gray 5px solid; BACKGROUND-COLOR: blue } </STYLE> <SCRIPT> //<!-- function displayMenu() { whichDiv=event.srcElement; menu1.style.leftPos+=10; menu1.style.posLeft=event.clientX; menu1.style.posTop=event.clientY; menu1.style.display=""; menu1.setCapture(); } function switchMenu() { el=event.srcElement; if (el.className=="menuItem") { el.className="highlightItem"; } else if (el.className=="highlightItem") { el.className="menuItem"; } } function clickMenu() { menu1.releaseCapture(); menu1.style.display="none"; el=event.srcElement; if (el.id=="mnuRed") { whichDiv.style.backgroundColor="red"; } else if (el.id=="mnuGreen") { whichDiv.style.backgroundColor="green"; } else if (el.id=="mnuBlue") { whichDiv.style.backgroundColor="blue"; } else if (el.id=="mnuYellow") { whichDiv.style.backgroundColor="yellow"; } } //--> </SCRIPT> </HEAD> <BODY oncontextmenu="displayMenu();return false" vLink=#808080 aLink=#000000 link=#000000 bgProperties=fixed bgColor=#ffffff leftMargin=0 topMargin=0> <BLOCKQUOTE class=body> <DIV id=menu1 onmouseover=switchMenu() style="BORDER-RIGHT: gray 3px outset; BORDER-TOP: gray 3px outset; DISPLAY: none; BORDER-LEFT: gray 3px outset; WIDTH: 100px; BORDER-BOTTOM: gray 3px outset; POSITION: absolute; BACKGROUND-COLOR: menu" onclick=clickMenu() onmouseout=switchMenu()> <DIV class=menuItem id=mnuRed>Red</DIV> <DIV class=menuItem id=mnuGreen>Green</DIV> <DIV class=menuItem id=mnuBlue>Blue</DIV> <DIV class=menuItem id=mnuYellow>Yellow</DIV></DIV> </BLOCKQUOTE> </BODY> </HTML>
その他の回答 (3)
IE限定でよろしければ、右クリックでポップアップメニューを出すスクリプトが、とほほのWWW入門というサイトで紹介されています。 参考URLの基本編の末尾にある「アラカルト」を開いて、ダイナミックHTMLテクニックの項目以下の「ポップアップメニューを実現する」のページを参照すれば、参考になるのではないかと思います。
- shy00
- ベストアンサー率34% (2081/5977)
ダブルクリックでメニューを出す方法ならあります http://www.salty1.com/rakuraku/ 「098 ダブルクリックすると現れるフローティングメニュー」 などを参照下さい
- saidon
- ベストアンサー率21% (99/459)
ダイアログの事ですか?
