Right Click menu on Html table in IE Displays In Left upper corner
I have got an existing website that I am trying to add a right-click context menu to a table by using the following plugin jquery the Table in my php name is "Table1" I am using the following javascript to populate the menu :
$(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
}}
]
});
});
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?
Edit: Used the following code From the Api and now it is working... seems to be something with IE8
$("#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};
}
});
javascript jquery html
edited Dec 28 '18 at 7:57
priyanshi srivastava
1
asked Jul 18 '13 at 7:18
RenierRenier
81521128
add a comment |
I have got an existing website that I am trying to add a right-click context menu to a table by using the following plugin jquery the Table in my php name is "Table1" I am using the following javascript to populate the menu :
$(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
}}
]
});
});
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?
Edit: Used the following code From the Api and now it is working... seems to be something with IE8
$("#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};
}
});
javascript jquery html
edited Dec 28 '18 at 7:57
priyanshi srivastava
1
asked Jul 18 '13 at 7:18
RenierRenier
81521128
3
What Version of IE? wwwendt.de/tech/demo/jquery-contextmenu/demo doesn't work at all in my IE8, but works perfectly fine in IE9. How about this demo page in your IE? Perhaps you should check whether you have to set some position according to the API specified there: github.com/mar10/jquery-ui-contextmenu Have you got an example of your complete page? If the demo page is working in your IE, you might want to check for differences to your script.
– stef77
Jul 18 '13 at 11:58
this is javascript, jquery, html answer not about php
– Murat Kucukosman
Jul 18 '13 at 12:20
removed php tag, waiting for acceptance through peer review.
– stef77
Jul 18 '13 at 12:32
@stef77 Thank you it worked.. I used the API and changed my script see the Edit. Thank you think its a IE8 thing.
– Renier
Jul 18 '13 at 14:24
I think its a css problem for #Table1
– Kuzgun
Jul 30 '13 at 14:58
add a comment |
I have got an existing website that I am trying to add a right-click context menu to a table by using the following plugin jquery the Table in my php name is "Table1" I am using the following javascript to populate the menu :
$(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
}}
]
});
});
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?
Edit: Used the following code From the Api and now it is working... seems to be something with IE8
$("#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};
}
});
javascript jquery html
edited Dec 28 '18 at 7:57
priyanshi srivastava
1
asked Jul 18 '13 at 7:18
RenierRenier
81521128
I have got an existing website that I am trying to add a right-click context menu to a table by using the following plugin jquery the Table in my php name is "Table1" I am using the following javascript to populate the menu :
$(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
}}
]
});
});
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?
Edit: Used the following code From the Api and now it is working... seems to be something with IE8
$("#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};
}
});
javascript jquery html
javascript jquery html
edited Dec 28 '18 at 7:57
priyanshi srivastava
1
asked Jul 18 '13 at 7:18
RenierRenier
81521128
edited Dec 28 '18 at 7:57
priyanshi srivastava
1
asked Jul 18 '13 at 7:18
RenierRenier
81521128
edited Dec 28 '18 at 7:57
priyanshi srivastava
1
edited Dec 28 '18 at 7:57
priyanshi srivastava
1
edited Dec 28 '18 at 7:57
priyanshi srivastava
1
1
asked Jul 18 '13 at 7:18
RenierRenier
81521128
asked Jul 18 '13 at 7:18
RenierRenier
81521128
asked Jul 18 '13 at 7:18
RenierRenier
81521128
81521128
3
What Version of IE? wwwendt.de/tech/demo/jquery-contextmenu/demo doesn't work at all in my IE8, but works perfectly fine in IE9. How about this demo page in your IE? Perhaps you should check whether you have to set some position according to the API specified there: github.com/mar10/jquery-ui-contextmenu Have you got an example of your complete page? If the demo page is working in your IE, you might want to check for differences to your script.
– stef77
Jul 18 '13 at 11:58
this is javascript, jquery, html answer not about php
– Murat Kucukosman
Jul 18 '13 at 12:20
removed php tag, waiting for acceptance through peer review.
– stef77
Jul 18 '13 at 12:32
@stef77 Thank you it worked.. I used the API and changed my script see the Edit. Thank you think its a IE8 thing.
– Renier
Jul 18 '13 at 14:24
I think its a css problem for #Table1
– Kuzgun
Jul 30 '13 at 14:58
add a comment |
3
What Version of IE? wwwendt.de/tech/demo/jquery-contextmenu/demo doesn't work at all in my IE8, but works perfectly fine in IE9. How about this demo page in your IE? Perhaps you should check whether you have to set some position according to the API specified there: github.com/mar10/jquery-ui-contextmenu Have you got an example of your complete page? If the demo page is working in your IE, you might want to check for differences to your script.
– stef77
Jul 18 '13 at 11:58
this is javascript, jquery, html answer not about php
– Murat Kucukosman
Jul 18 '13 at 12:20
removed php tag, waiting for acceptance through peer review.
– stef77
Jul 18 '13 at 12:32
@stef77 Thank you it worked.. I used the API and changed my script see the Edit. Thank you think its a IE8 thing.
– Renier
Jul 18 '13 at 14:24
I think its a css problem for #Table1
– Kuzgun
Jul 30 '13 at 14:58
3
3
What Version of IE? wwwendt.de/tech/demo/jquery-contextmenu/demo doesn't work at all in my IE8, but works perfectly fine in IE9. How about this demo page in your IE? Perhaps you should check whether you have to set some position according to the API specified there: github.com/mar10/jquery-ui-contextmenu Have you got an example of your complete page? If the demo page is working in your IE, you might want to check for differences to your script.
– stef77
Jul 18 '13 at 11:58
What Version of IE? wwwendt.de/tech/demo/jquery-contextmenu/demo doesn't work at all in my IE8, but works perfectly fine in IE9. How about this demo page in your IE? Perhaps you should check whether you have to set some position according to the API specified there: github.com/mar10/jquery-ui-contextmenu Have you got an example of your complete page? If the demo page is working in your IE, you might want to check for differences to your script.
– stef77
Jul 18 '13 at 11:58
this is javascript, jquery, html answer not about php
– Murat Kucukosman
Jul 18 '13 at 12:20
this is javascript, jquery, html answer not about php
– Murat Kucukosman
Jul 18 '13 at 12:20
removed php tag, waiting for acceptance through peer review.
– stef77
Jul 18 '13 at 12:32
removed php tag, waiting for acceptance through peer review.
– stef77
Jul 18 '13 at 12:32
@stef77 Thank you it worked.. I used the API and changed my script see the Edit. Thank you think its a IE8 thing.
– Renier
Jul 18 '13 at 14:24
@stef77 Thank you it worked.. I used the API and changed my script see the Edit. Thank you think its a IE8 thing.
– Renier
Jul 18 '13 at 14:24
I think its a css problem for #Table1
– Kuzgun
Jul 30 '13 at 14:58
I think its a css problem for #Table1
– Kuzgun
Jul 30 '13 at 14:58
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f17717017%2fright-click-menu-on-html-table-in-ie-displays-in-left-upper-corner%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f17717017%2fright-click-menu-on-html-table-in-ie-displays-in-left-upper-corner%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
3
What Version of IE? wwwendt.de/tech/demo/jquery-contextmenu/demo doesn't work at all in my IE8, but works perfectly fine in IE9. How about this demo page in your IE? Perhaps you should check whether you have to set some position according to the API specified there: github.com/mar10/jquery-ui-contextmenu Have you got an example of your complete page? If the demo page is working in your IE, you might want to check for differences to your script.
– stef77
Jul 18 '13 at 11:58
this is javascript, jquery, html answer not about php
– Murat Kucukosman
Jul 18 '13 at 12:20
removed php tag, waiting for acceptance through peer review.
– stef77
Jul 18 '13 at 12:32
@stef77 Thank you it worked.. I used the API and changed my script see the Edit. Thank you think its a IE8 thing.
– Renier
Jul 18 '13 at 14:24
I think its a css problem for #Table1
– Kuzgun
Jul 30 '13 at 14:58