Rev. 2.73

protomenu.jpg

쿨한 컨텍스트 메뉴 Proto.Menu가 출현했다. Prototype 기반으로 제작되어 크로스-브라우저를 지원한다. 크기가 작고(2kb), 랜더링이 빠르며, 사용자 입맛대로 커스토마이즈 할 수 있다. 재미있는 것은 브라우저의 컨텍스트 메뉴에 기본으로 포함된 항목인 '뒤로가기/앞으로가기', '새로 고침/자동으로 다시 읽기/중지'를 포함하고 있어 자바스크립트가 생성하는 컨텍스트 메뉴로 대체했을 경우의 답답함을 일부분 해소하려 노력한 흔적을 엿볼 수 있다.

var myLinks = [
	{name: 'Back', callback: function(){alert('back function called')}},
	{name: 'Forward', callback: function(){alert('Forward function called')}},
	{separator: true},
	{name: 'Reload', callback: function(){alert('Reload function called')}},
	{name: 'Disabled option', disabled: true},
	{name: 'Toggle previous option', callback: function(){
		var item = oLinks.find(function(l){return l.name == 'Disabled option'});
		item.disabled = item.disabled == false ? true : false;
	}}
];

new Proto.Menu({
	selector: '.contextmenu',
	className: 'myContextMenu',
	menuItems: myLinks
});

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar