Member Avatar for nibbler

I'm using NetObjects Fusion 11 and I'm looking for independent (but compatible) software to develop drop-down menus.

I'm looking for something along the lines of AllWebMenus PRO or the SoThink DHTML menu builder from SourceTec. Both seem fine but are limited to javascript only and I was wondering if there was anything out there that offered a Javascript and CSS soultion (I don't want to rely on just Javascript) or are there any other robust alternatives out there?

Any advice on this subject would be greatly appreciated

  • 2 Contributors
  • 1 Reply
  • 120 Views
  • 6 Days Discussion Span
  • Latest Post Latest Post by twiss

Dani AI

Generated

Brief, practical follow-up for (and thanks to for the pointer): most menu builders emit both CSS for presentation and JavaScript for behavior/enhancements. Relying on a JS-only solution is avoidable by designing the menu with semantic HTML and CSS first, then adding a small JS layer for touch, keyboard handling and ARIA state toggling. That gives a usable CSS fallback when JavaScript is disabled and better mobile/accessibility behavior when it is enabled.

A robust pattern to follow:

  • Build the base markup as a semantic nav/ul/li with real links so first-level navigation works with CSS alone.
  • Style visibility with CSS using :hover and :focus (or modern :focus-within where supported) so keyboard users can see submenus without JS.
  • Add a tiny unobtrusive script to toggle aria-expanded and a class for open state on touch and to implement arrow-key navigation — this is progressive enhancement rather than JS-dependence.
    Example base markup:
<nav>
  <ul class="main-menu">
    <li><a href="/">Home</a></li>
    <li>
      <a href="/products" aria-haspopup="true" aria-expanded="false">Products</a>
      <ul class="submenu">
        <li><a href="/products/a">A</a></li>
      </ul>
    </li>
  </ul>
</nav>

Integration notes for NetObjects Fusion 11: export the builder's CSS/JS as external files, upload them to the site and add link/script tags in Fusion's page or site head area; paste the menu HTML into an HTML object or placeholder. Verify relative paths (images/CSS) after export and namespace selectors if Fusion injects global styles. Test with JavaScript disabled, test keyboard navigation and a screen reader, and verify touch behavior on phones. For alternatives, consider lightweight enhancers (Superfish-style plugins) or a framework component if rapid integration and mobile polish are priorities.

Member Avatar for twiss

Both do, in fact, use CSS.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.