Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Knowledge Base support case for AllWebMenus,  abstracted and stripped of all user’s private info.

Initial Email From: Jeff
Initial Email Subject: CSS menu compiles with JavaScript?
Support Case Month: April 2013

Hi,
I am using AllWebMenus Pro version 5.3 build #908 to make a CSS horizontal dropdown menu.  My understanding was that it would not require or use javascript at the cost of some of the more dynamic features.  When I compile the menu and link it to my webpage though, It creates a "menu.js" file (along with a "menu.css" file) and this javascript code is inserted into the head tag of my linked page as well.  Unfortunately, the menu is not appearing in Chrome version 26.0.1410.43 anyway.
I want a menu that is pure CSS.  Why is the javascript file even being generated and is it really necessary?  I appreciate the help in advance.
Jeff

Reply From: Likno Customer Support

Dear Jeff,

When a menu is “Pure CSS”, this means that it is able to function without any need for JavaScript. Still, there is no reason to cut back on the extra features when the viewer’s browser supports JavaScript!

In our case, the generated JS file only adds some extra features such as keyboard navigation and compatibility for older browsers that could not support CSS menus (such as IE6).

If you remove the JS file you will see that your menu still looks the same and is fully functional with the mouse in all recent browsers.

Finally regarding Chrome 26, something must be wrong in your implementation, so I will need to see your page to find what is wrong. Please send me the URL so that I can have a look.

Best Regards,
Kostas
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

Reply From: Jeff

Kostas,

Thank you for clarifying the inclusion of the javascript files but something there seems to be amiss.  My menu visibility issue was a foolish error - I was using a CLASS to define the style rather than the default ID.  (I would love to be able to specify this difference before compiling but Dreamweaver's "search and replace all" feature does the trick as well.)

Now if I leave the awmdata.js file attached to my index.php page then the menu appears below the header image (as it should) for only a second before popping the menu elements into the upper left corner of the page.  Removing this link to awmdata.js at least puts the menu where it should be but there is also something with the size of the parent item when hovering over an element with a submenu.  I also am not seeing the arrow icon I wanted to use to indicate that there is a submenu.

I seem to be required to define a static width+height for menu items.  Is there no way to dynamically size a menu item to accommodate its unique size?  Removing the width:0px from the #mainnav > li element seems to work but how would I opt for this within the AllWebMenus interface?

Jeff

Reply From: Likno Customer Support

Dear Jeff,

I just checked your pages and I see that you have removed most of the code from the CSS, so your menu is not really a menu anymore:

Regarding the top-left positioning, this is most probably because you have indeed set this positioning in the application. If you do not have any JavaScript, then the menu appears wherever you put the UL/LI code, but you can never have a pixel-perfect positioning this way. When you have JavaScript, then the positioning property of the application is used instead. I am guessing you have left this to the default which is top-left of window with an offset of 10px:

You could use a positioning Relative to Element with class=“container” to make sure that this works properly when you have JavaScript.

Regarding the “HasSubMenu image”, this is unfortunately one of the features that only works when you do have JavaScript enabled, as it is not possible to perform such checks with CSS. If you wanted this to work with pure CSS, then you would have to manually add the “daddy” to each LI that has a submenu, for example:

<ul id="mainnav">

    <li><a href="treasurepools.x10.mx">HOME</a></li>
    <li class="daddy"><a href="treasurepools.x10.mx/services">SERVICES</a>
            <ul>
              <li>
                  <a href="treasurepools.x10.mx/services/cleaning">
                     CLEANING
                  </a>
              </li>

              <li>
                  <a href="treasurepools.x10.mx/services/maintenance">
                     MAINTENANCE
                  </a>
              </li>

              <li>
                  <a href="treasurepools.x10.mx/services/construction">
                     CONSTRUCTION
                  </a>
              </li>
            </ul>
    </li>
    <li><a href="treasurepools.x10.mx/faq">FAQ</a></li>

</ul>

Best Regards,
Kostas
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

Knowledge Base support case for Likno Web Modal Windows,  abstracted and stripped of all user’s private info.

Initial Email From: Saeed
Initial Email Subject: Modal Window IE6 support 
Support Case Month: February 2013

Hi Kostas,

Thank you for the support you provided recently.
I have an issue with the latest version of the Web Modal.
It opens a portion of a page (made of only HTML) inside the same page. It works well on all browsers and all IE versions except IE6.
That old IE6 bug that causes Combo boxes being visible through the Modal.
In AllWebMenu we have an option to fix it by hiding the combo boxes or iFrame. There is no option in Web Modal product.
It may be useful to mention there is also an Accordion in the main page (not the modal) made of latest version of Accordion.
I would appreciate your help with this problem.

Thank you,
Saeed

Reply From: Likno Customer Support

Dear Saeed,

I am afraid that this is indeed not available in the Modal Builder or any of our other builder products.

Support for IE6 has the potential to double the script size, so we decided (along with Microsoft) that it is time to drop full support for IE6. Most things will still work, but some specific bugs such as this one will not be resolved anymore.

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Saeed

Hi Kostas,
Thank you for your response and letting me know.
I appreciate your clarification.
Regards,
Saeed

Knowledge Base support case for AllWebMenus,  abstracted and stripped of all user’s private info.

Initial Email From: Derek
Initial Email Subject: Internet Explorer error, menu not appear
Support Case Month: December 2012

Dear Sirs,

I created a menu with your program. I was able to create the menu, I entered the menu on the website that I am creating and Firefox works perfectly. With Internet Explorer I have tried various solutions but the menu does not appear. Doing a debug I get the following message:
Line: 41
Character: 1
Code: 0
Error Message: 'awmCreateCSS' is undefined
URL: {URL REMOVED}
to the line 41 there is this code:
awmCreateCSS(0,1,0,n,n,n,n,n,'none','0','#000000','0px 0px 0px 0',0,'0px  0px',n);
What can I do?
I'm not very experienced in JavaScript.
thank you very much

Best Regards,
Derek

Reply From: Likno Customer Support

Hello,

I just checked your site and I do see the menu working fine with all IE versions I tried (IE6 – IE10).

Did you maybe fix the problem in the meantime? Please try deleting your browser’s Temporary Internet Files and check again.

Best Regards,
Kostas
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

Reply From: Derek

Hello,
thank you very much for your fast response!!
in the meantime I solved my problem, just a few minutes ago!
I updated my AllWebMenus software and re-compiled the menu.js and now works fine!!
Thank you very much for your assistance!
In addition my congratulations for your software! fantastic!
Best Regards
Derek

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.

Initial Email From: Rick 
Initial Email Subject: Menu appears under other elements
Support Case Month: November 2012

On the page given, you can see that the menu will appear under the PDF document, which is generated via javascript.  How can I make the menu appear on-top of the PDF document?

I have the z-index of the menu set to 9999 and the Div containing the PDF set to 1.

Thanks for any assistance.

Related URL: http://www.fvpd.org/a/index.php?p=view_pdf&id=112

Reply From: Likno Customer Support

Dear Rick,

The reason is that these files have special plugins that fully take over the part of the browser where they appear and ignore the z-index.

Nonetheless, we have developed a special fix for IE6 that seems to also work in this case. Please go to the Project Properties in the “Optimization” section and select the “iframe fix”:

If this does not work, please let me know and also export and send me your menu project so that I can run some more tests:

Best Regards,
Kostas
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