Comments (3)
I couldn't find how to do this in your documentation and please forgive me for asking what is most likely a very simple solution, but I am designer by trade who is learning to use JQuery.
never apologize for asking a question. just don't take it personally when someone replies a link with a touch of RTFM. :)
You have several options of going about this. Here are the two simple onesβ¦
Define a callback for each item:
$(function(){
$.contextMenu({
selector: '.context-menu-view',
className: 'title-View',
trigger: 'hover',
items: {
"HTML": {name: "HTML", callback: function(){ window.open("/some.html"); }},
"PDF": {name: "PDF", callback: function(){ window.open("/some.pdf"); }},
"Excel": {name: "Excel", callback: function(){ window.open("/some.xls"); }}
}
});
});
or you could use a central callback and provide yourself some custom data:
$(function(){
$.contextMenu({
selector: '.context-menu-view',
className: 'title-View',
trigger: 'hover',
callback: function(key, options) {
window.open(options.items[key].someURL);
},
items: {
"HTML": {name: "HTML", someURL: "foobar.html"},
"PDF": {name: "PDF", someURL: "foobar.pdf"},
"Excel": {name: "Excel", someURL: "foobar.xls"}
}
});
});
from jquery-contextmenu.
Thank you. Yes, I did my due diligence and scoured the documentation for how to implement this, but did not see anything. This worked great, however, how would I get the page to open in the parent window instead of a new one? Sorry I didn't make that clear in my first post.
from jquery-contextmenu.
"parent window" being the window containing a frameset? top.location.href = 'new-url.html'
;
"parent window" being the window that opened a popup within your contextMenu is executed? opener.location.href = 'new-url.html';
from jquery-contextmenu.
Related Issues (20)
- How can i rebind the event and overwrite items callback ? HOT 1
- Disable Icons HOT 2
- Allow the selector receive an Element or JQueryNode
- Context menu jumps to the top of the screen HOT 1
- Display bug for a long list of submenu
- Seeking an official way to change context menu items style
- bug?: defining left click as trigger type triggers "oncontextmenu" of trigger button HOT 1
- get the element where the context menu was shown on right click HOT 2
- Issue with menu that is taller than the viewport with submenu items HOT 1
- Chrome v96.0.4664.45 HOT 1
- Do beta (v3) docs exist? The 'v3 Documentation' link goes to v2 Docs currently.
- Can't get Font Awesome icons working HOT 5
- use custom svg icons by gulp HOT 1
- Is it possible to hide a separator? HOT 1
- Animations do not work.
- Security - CVE-2021-41184: Upgrade embedded jQuery UI Position to 1.13+ (v2.x)
- Left click picking up parent as well as targeted child div HOT 1
- Context Menu Titles
- Append to an existing contextMenu?
- Jquery-contextMenu does not trigger the event on the new target element
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-contextmenu.