Results 1 to 5 of 5

Thread: Hybrid CSS / Javascript multi-level menu

  1. #1
    Join Date
    Apr 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Hybrid CSS / Javascript multi-level menu

    1) CODE TITLE: menuposition

    2) AUTHOR NAME/NOTES: Brian Katzung, Kappa Computer Solutions, LLC

    3) DESCRIPTION: Multi-level drop-down, raise-up, and fly-out/slide-out HTML-structured menu. Uses CSS for basic visibility (when Javascript is off/disabled), and Javascript for "smart" placement near window edges and for IE work-arounds.

    More description at
    http://www.kappacs.com/Articles/Java...rid-Menus.html

    4) URL TO CODE:
    http://www.kappacs.com/View-category/menuposition/

    A sample test page is included in the downloads. This menu system is the one in use at http://www.kappacs.com/, as well as several other sites.

    Feedback and suggestions welcomed.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    The CSS on all the pages appears to be missing.
    DD Admin

  3. #3
    Join Date
    Apr 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by ddadmin View Post
    The CSS on all the pages appears to be missing.
    Hmm... I'm not quite sure what you mean...

    The two archives on the download page (one in ZIP format and the other in gzip'ped tar format) each contain these files:
    • menuposition.css - Basic CSS and sample menu implementation styling
    • menuposition.js - Enhanced display logic
    • viewport.js - Viewport support used by menuposition.js
    • mptest.html - Test page (includes embedded CSS)


    So if you're working with mptest.html, the CSS is embedded. If you're working with your own pages, link or embed menuposition.js, viewport.js, and menuposition.css. Either prototype.js or mootools.js is also required, as referenced in the article on my site.

    On the www.kappacs.com web site, the CSS is incorporated into the Joomla template CSS. It is a superset of the archived menuposition.css.

    Does that resolve your concern? If not, please rephrase it in more detail.

  4. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Actually, I think he was talking about the layout and images, take a look.


    Is it supposed to be like this?

    I really like it, maybe add a little animations to it? ( The reason for this is because there are thousands of menus exactly like this online, and you want yours to be unique, and widely used)
    Jeremy | jfein.net

  5. #5
    Join Date
    Apr 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Oops... an http/https interaction failure mode resulting from a recent unrelated configuration change. Should be all fixed now.

    Thank you for the suggestion about animation.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •