마우스 오른쪽 단추 매뉴 2

RightButton_Menu 1 / RightButton_Menu 2 / RightButton_Menu 3

이 페이지의 제목은 "마우스 오른쪽 단추 매뉴" 입니다. 이 페이지를 읽으면서 쓸데없이 왜 마우스 오른쪽 단추를 사용하는지 이해가 안될것입니다. 왼쪽 단추로도 같은 식으로 작동할 수 있으니까요.. 물론 그렇습니다. 아무래도 오른쪽 단추는 왼쪽 단추에 비하여 작동 시키는 JavaScript 구문도 길어서 에러가 나올 확율이 많으니까요. 그런데, 한 가지 예를 들어보죠. 만약, 사용자가 처음으로 자신의 페이지에 왔다면 어떻게 매뉴 사용법을 알릴 수 있을 까요.. 페이지에 아래 처럼 적어 놓나요..?

마우스 왼쪽 단추를 누르면 매뉴가 나옵니다.

이 글을 첫 페이지에 적어 놓아야 할것입니다. 그렇지 않으면 매뉴를 사용하여 다음 페이지로는 갈수 없기 때문입니다. 아니면 <body onLoad="alert(...)" 식으로 알려 주어야 할것입니다. 두 가지 다 별로 좋은 방법이라고는 생각되지 않는군요.. 사용자는 매뉴는 오른쪽 단추라는 것을 잘 알고 있습니다. 그래서 자연스럽게 오른쪽 단추를 누를 것입니다.

마우스 왼쪽 단추로 사용한다면 아래처럼 구문도 간단합니다.

function myMenu(e) {
   if (document.layers && document.rightMenu) { 
      if (e.which == 1) {
         if (document.rightMenu.visibility == "hide" || document.rightMenu.visibility == "hidden") { 
            document.rightMenu.left = e.pageX
            document.rightMenu.top = e.pageY
            document.rightMenu.visibility = "visible";
         }
         else setTimeout('document.rightMenu.visibility = "hidden"', 10)
      }
   }
   else if (document.all && document.all.rightMenu) {
      if (event.button == 1) {
         if(rightMenu.style.visibility == "hidden") {
            rightMenu.style.posLeft = event.clientX + document.body.scrollLeft 
            rightMenu.style.posTop = event.clientY + document.body.scrollTop 	
            rightMenu.style.visibility = "visible";
         }
         else setTimeout('rightMenu.style.visibility = "hidden";', 10); 
     }
   }
}

위의 구문을 이 페이지에 적용하였습니다. 잘 작동합니다. 방법상의 가능성에도 불구하고 마우스 오른쪽으로 나오는 매뉴는 사용자의 몫입니다. 물론 브라우저 자체의 매뉴로 할 수 있는 많은 부분을 같은 식으로 만들어서 사용할 수 있지만 브라우저 자체가 제공하는 매뉴가 가장 확실하게 작동합니다. 하지만, 우리는 자신의 매뉴를 만들수 있습니다. 필요한 기능이 있는데 브라우저 업체가 그것을 넣어 주지않아도 우리들의 상상력으로 그것을 채울 수 있습니다. 자신의 상상력을 실현할 수 있다. 바로 이겁니다. 더 이상 생각할 필요가 없다고 저는 생각합니다. 무모할지 모르겠지만 멋지잖아요..

비록 오른쪽이 더 멋지지만 왼쪽을 사용한 이 페이지가 비교적(!!) 안전합니다. 그리고 사용자의 몫인 오른쪽도 사용하지 않으니까 좋은 것은 분명합니다. 다만, 재미가 좀 덜하다는 것뿐입니다. 그래서 다음 페이지 "RightButton_Menu 3" 에서 사용자의 몫도 건들이지 않고 오른쪽 매뉴를 만듭니다.

RightButton_Menu 1 / RightButton_Menu 2 / RightButton_Menu 3

[T O P]