<!DOCTYPE html> <html> <head> <title>Menu Tag</title> </head> <body> <script type="text/javascript"> function changeColor (thisColor) { document.getElementById('myPic').style.borderColor = thisColor; } </script> <img id="myPic" src="../images/Free-Time-Learning.png" contextmenu="FreeTimeLearning" style="float:left;border:10px solid black;" alt="F T L"><br /> <p style="width:150px;float:left;padding-left:8px;">Right click on the image to invoke the context menu. </p> <p><strong>Note</strong>: Only supported in Firefox at time of writing.</p> <menu type="context" id="myPhoto"> <menu label="Change Border Color..."> <menuitem label="Red" onclick="changeColor('red');"></menuitem> <menuitem label="Green" onclick="changeColor('green');"></menuitem> <menuitem label="Blue" onclick="changeColor('blue');"></menuitem> <menuitem label="Black (default)" onclick="changeColor('black');"></menuitem> <menuitem label="Orange" onclick="changeColor('orange');"></menuitem> </menu> </menu> </body> <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg2plcpnl0084'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>
Output :
Topic :
Menu Tag
