javascriptライブラリ「prototype」でコンテキストメニューを作成

ブラウザ上で右クリックすると表示されるショートカットキーがあります。
これをオリジナルにしたものをコンテキストメニューと言います(多分)。
Proto.Menuではこれをprototypeで実現しています。

sponsors

使用方法

Proto.MenuからProto.Menu.js、Proto.Menu.cssをprototypeからprototype.js(v1.6)をダウンロードします。
<link rel="stylesheet" href="http://yourdomain/Proto.Menu.css" type="text/css" media="screen">
<script src="http://yourdomain/prototype.js" type="text/javascript"></script>
<script src="http://yourdomain/Proto.Menu.js" type="text/javascript"></script>
上記を記入した後、さらに以下のスクリプトで表示したいメニューを作成します。
<script type="text/javascript">
document.observe('contentloaded', function(){
	var externalStopFunction = function(){
		alert('stop function called externally');
	}
	var Links = [  //ここからメニュー
		{name: 'メニュータイトル', callback: function(){alert('')}},
		{separator: true},  //メニュー分割
		]
		var menuObj = new Proto.Menu({
			selector: '#id名',
			menuItems: Links
		});
	});
</script>

サンプル

このページ内全てに適用していますので、右クリックをしてみてください。

sponsors

Javascriptサンプルページ一覧
skuare.net