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

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

使用方法
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>

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

sponsors

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

記事作成:
記事URL:

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