February 18th, 2013AWM: Does AllWebMenus work with Yahoo Site Builder?
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: Mark
Initial Email Subject: Pre-sales Question
Support Case Month: January 2013
I am designing a site in Yahoo Site Builder. I had previously tied a CSS Menu site which I paid for only to have it NOT work in Internet Explorer but it worked in the other web browsers. Does yours work in Yahoo Site Builder or Internet Explorer?
Thanks I just don't want to spend the money only to have it not work.
Mark.
Reply From: Likno Customer Support
Hello Mark,
First, thank you for your interest in our Likno products.
Our menus work in all browsers, this is our most important consideration.
Concerning Yahoo Site Builder, please read the following:
AllWebMenus is compatible with any web editor that allows you to edit the html code of the pages and where you can use your own external files (js files). Yahoo Site Builder (if we are talking about a locally hosted version) takes all the control on its own.
That being said, the case is not as simple as in other html editor that let you handle the code your own way.
1. Make sure that none of the pages is open in Sitebuilder.
2. Open/Create your menu in AllWebMenus.
3. Click on Tools and then click on Compile Menu.
4. Click the "Continue" button. (or if you prefer check the "do not show this dialog in the future" box)
5. Save your Javascript file (.js) in your yahoo site directory.
6. Click on "I want to link the compiled menu to my web pages (required step)"
7. Choose the appropriate webpage(s) in the home directory (ie : :\Program Files\Yahoo SiteBuilder\sites\www.jamesriverphotos.com\ yourwebpage.html) and click the Link button.
8. Click on YES to preview (this is very important)
9. Click on Preview Page
10. Right Click on the webpage that appears and choose View Source from the menu box.
11. Scroll down to the bottom of the HTML until you find
<!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag-->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ********
-->
<script type="text/javascript">var
MenuLinkedBy="AllWebMenus
[4]",awmMenuName="menu",awmBN="628";awmAltUrl="";</script>
<script charset="UTF-8" src="menu.js"
type="text/javascript"></script><script
type="text/javascript">awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR menu ******** -->
12. Highlight your similar HTML and hit ctrl-C to copy and exit without saving.
13. Close the preview webpage.
14. Return to Sitebuilder and reopen yourwebpage(s) and immediately click on Publish. This will wipe out any local changes that were made during the link process with AllWebMenus. Yahoo Sitebuilder always wipes out the AllWebMenus link process. That's why we will use the HTML Snippet function in Homestead.
15. Click on the Sitebuilder menu and create an "HTML Snippet"
16. Open the HTML Snippet and paste the HTML code you copied
17. Now move the HTML Snippet anywhere on the page that you would like your menu to appear.
18. Save your webpage
19. Go to the file listing in Sitebuilder and click on "refresh"
20. Your .js file and a subdirectory of awmData-yourwebmenu should appear
21. Click on each of these and then click on Publish
22. Now Publish yourwebpage and preview yourwebpage and your menu should appear. It will work for any type of menu created.
Tips:
- If you want your webmenu to appear exactly where you put your HTML Snippet be sure to make Horizontal and Vertical Distance from Edge value=0. The movement of your HTML Snippet in Sitebuilder will determine where your menu appears.
- Later, each time you make a change to your menu, you should save as the same file name as the original and click YES to replace. Then when asked to create a link click on "I'm done, I've already linked the menu to my pages before" button. Then in Sitebuilder files list click on Refresh and Publish the .js file again.
Also be aware that some changes to your menus may change the awm-Datayourwbpage directory items. Check now and then for highlighted files to publish.
Best Regards,
Aris Filokostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Tags: browsers, code, compile, css menu, drop-down menu, Internet Explorer, JavaScript, javascript menu, jquery, Menu, site-builder, sliding menu, tools, version, web editor, website, yahoo