Note that there are some explanatory texts on larger screens.

plurals
  1. PORight Click menu on Html table in IE Displays In Left upper corner
    primarykey
    data
    text
    <p>I have got a existing website that I am trying to add a right click context menu to a table by using the following plugin <a href="https://github.com/mar10/jquery-ui-contextmenu" rel="nofollow noreferrer">jquery</a> the Table in my php name is "Table1" I am using the following java script to populate the menu : </p> <pre><code>$(document).ready(function() { $("#Table1").contextmenu({ delegate: ".RightClickMenu", menu: [ {title: "Add", action: function(event, ui) { // Do something }}, {title: "----"}, {title: "Refresh", action: function(event, ui) { // Do something }} ] }); }); </code></pre> <p>This creates a menu containing "Add" and "Refresh"(In my actual site its different menu's) when I implement this code on my website it works in Chrome(When i right click on table it displays the menu on the table where i clicked) but when I open the site using IE the menu still opens but in the upper right corner of IE... Why is this happening? what am I doing wrong? </p> <p><img src="https://i.stack.imgur.com/dFWNe.png" alt="enter image description here"></p> <p>Edit: Used the following code From the Api and now it is working... seems to be something with IE8</p> <pre><code>$("#StockListWorkBenchTbl").contextmenu({ delegate: ".StockListWorkBenchTblRightClickMenu", menu: [ {title: "Review Bids", action: function(event, ui) { var row = ui.target.parent(); var BidID = row.attr('id'); var selFlowStat = row.find('td:eq(2)').html(); CallFetchReviewBids(BidID, selFlowStat); }}, {title: "Extend Expiry", action: function(event, ui) { /*var BidID = ui.target.parent().attr('id'); var BidRow = ui.target.parent(); ExtendExpiry(BidID, BidRow);*/ $("#StockListWorkBenchTbl tr").each(function(){ var BidRow = $(this); var BidID = BidRow.attr("id"); var Checkbox = $(this).find("input:checkbox:first"); if (Checkbox.attr("id") !== "StockListWorkBenchAllChecked") { if (Checkbox.is(":checked")) { ExtendExpiry(BidID, BidRow); } } }); }}, {title: "----"}, {title: "Refresh", action: function(event, ui) { CallToFetchWorkBench(0); }} ], position: function(event, ui){ return {my: "left top", at: "left bottom", within: ui.target}; } }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload