Custom Right-Click Context Menu with Javascript and CSS

[@DevsLikeUs]

Great tutorial ! Thank you, love how you walked through the steps.

[@BeforeSemicolon]

Thank you. Glad to help

[@guycohen4403]

Great video

[@BeforeSemicolon]

Thank you Guy

[@amengaga41]

Hi! How can I redirect to another php page after menu option has been clicked? Thank youu

[@BeforeSemicolon]

You can use the anchor tag () to wrap the text of the menu or you can listen to the click event of the menu item and call window.open(‘link-to-the-php-page’). Use the link you want. This implementation already allows for listening to menu item click so i think option 2 works best for your case.

[@someone85120]

​@@BeforeSemicolon Is it something like this? Been trying to figure this out for a few hours now.. (not a coder by any means). How and where can I add this into your code to make it work? Thanks in advance. .addEventListener('click', (e) => { window.open(url); });

[@BeforeSemicolon]

Yeah that looks about right…did it work?

[@someone85120]

@@BeforeSemicolon No... I'm such a noob so not sure why not

[@danielvnzla6278]

amazing thank you!

[@BeforeSemicolon]

You're very welcome!

[@SchenierLopez]

Can anyone explaing to me: this action(o) {console.log(o)}? What does it means?

[@BeforeSemicolon]

action is a method in the object being passed that takes a “o” argument and pass it to console.log method call. Can also be written as: action: (o) => { console.log(o); } Or: action: function(o) { console.log(o); }