...
Code Block | ||
---|---|---|
| ||
<html> <head> <!-- import your css here --> <link rel="stylesheet" type="text/css" href="//my.css"> </head> <body> <!-- there should be only one div as child of the body tag --> <div> <!-- the header or the footer content should be here --> <a href="#" id="my_account" class="hide">My account</a> <a href="#" id="my_account_mobile"> ☰ </a> </div> <!-- import your scripts here --> <script type="text/javascript"> var SecuTixAPI = window.parent.SecuTixAPI; // If the contact is not logged in, show the "My account" link if (!SecuTixAPI.getContact()) { var myAcountLink = document.getElementByHidegetElementById("my_account"); myAcountLink .classList.remove("hide"); myAcountLink.attributes.href.value = SecuTixAPI.getUrls().account; } // Clicking on the mobile link opens the mobile menu document.getElementById("my_account_mobile").addEventListener(function (event) { event.preventDefault(); SecuTixAPI.toggleSecutixMobileMenu(); }); </script> </body> </html> |
...