1. 

   Beachwalker
   

   offline

   Member

   I am new to this software and working to learn it. I need to have javascript work when clicking a "send this page to a friend" button in a Maxi-Menu. I thought it was related to the noscript coding, because it works when in the body outside of menu, but I don't want to break something by just deleting the mxm-noscript class without knowing it is the right solution.

   What is proper way to execute javascript link from Maxi-Menu?

   here is partial code:
   <div id="p7MXM_2" class="p7MXM mxm-noscript mxm-responsive mxm-align-distribute

   but when I look at the css, I don't see what would be causing the issue?
   .mxm-noscript .mxm-maxisub {position: static !important;}
   .mxm-noscript .mxm-maxisub {display: block !important;}

   .mxm-noscript li:hover ul {
   display: block !important;
   }
   .mxm-noscript li:hover ul ul {
   display: none !important;
   }
   .mxm-noscript ul ul li:hover ul {
   display: block !important;
   }

   Posted 9 months ago
2. 

   Gerry
   

   offline

   PVII Team

   The "mxm-noscript" class on the root MXM div is used by the MXM system, if JavaScript is enabled in the browser then the MXM system removes this class. It has no effect on anything else and should never be removed.

   If you are assign an event to an MXM menu link do not use the onClick event, since it is reserved by the MXM system. Instead, use the onMouseDown event to trigger your action.

   Posted 9 months ago
3. 

   Beachwalker
   

   offline

   Member

   Thanks so much for that Gerry. Problem solved. In the spirit of helping others who might like such a link, here is the script and link

   <script language="javascript">
   function mailpage()
   {
   mail_str = "mailto:?subject=Check out this page from your site name here " + document.title;
   mail_str += "&body=I thought you might be interested in the " + document.title;
   mail_str += ". You can view it at: " + location.href;
   location.href = mail_str;
   }
   </script>

   here's the html

   <li class="mxm-root-li"><a id="p7MXMt_2_4" class="mxm-root-link" onmousedown="mailpage()">Email Page To a Friend</a></li>

   Posted 9 months ago

RSS feed for this topic

Reply

You must log in to post.