Demo: HTML5 Polyfill (Firefox 8)
Example Code: HTML5 Polyfill (Firefox 8)
$(function(){
$.contextMenu('html5');
});
Example HTML: HTML5 Polyfill (Firefox 8)
<div class="box menu-1" contextmenu="html5firefox8">
<strong>right click me</strong>
</div>
<menu id="html5firefox8" type="context" class="showcase">
<menuitem label="rotate" onclick="alert('rotate')" hint="I'm a hint"></menuitem>
<menuitem label="resize" onclick="alert('resize')"></menuitem>
<menuitem label="disabled" onclick="alert('disabled')" disabled=""></menuitem>
<menu label="share">
<menuitem label="twitter" onclick="alert('twitter')"></menuitem>
<menuitem label="facebook" onclick="alert('facebook')"></menuitem>
<hr>
<menuitem type="checkbox" label="(checkbox) yes or no?" onclick="alert('checkbox: ' + (this.checked ? 'yep!' : 'nope'))"></menuitem>
<hr>
<menuitem type="radio" label="(radio) yes" radiogroup="alpha" checked="" onclick="alert('radio: yes')"></menuitem>
<menuitem type="radio" label="(radio) no" radiogroup="alpha" onclick="alert('radio: no')"></menuitem>
</menu>
</menu>
jQuery Context Menu Demo Gallery
