JSFiddle - React, Tailwind, and code Playground

by Yogesh Salgar

HTML

<script src="http://trendznstile.com/context/jquery.chromeContext.js"></script>
<link rel="stylesheet" href="http://trendznstile.com/context/chromeContext.css">
<div id="div_id"  >
    Right click me
</div>

CSS

#div_id
{border:1px solid red;height:100px;width:100}

JavaScript

$(function(){
    var arr = ['1st Row', '2nd Row', '3rd Row'];
    
    var menuitems = [];
    $.each(arr, function( index, value ) {
        menuitems[index] = { title: value, onclick: function () { alert(index) }};
});
 
   $('#div_id').chromeContext({
        items : menuitems
   });
});