Ars Informatica
July 07, 2020
Health Care Informatics
Web-based MySQL/PHP Databasing
Web Development
Favourite Software
Hardware for the Frugal Fanatic
Graphic Design and Image Processing
Free Scripts and Software
About Us
Contact Us

 Article Feed for this site

A 'Funky' SurgeMenu Sample Menu

November 24, 2007

SurgeMenu funky menu example illustrating partially-transparent menu

The above is a screenshot of one SurgeMenu Cascading Menu implementation, a neat little menu that demonstrates dynamically changing menu styles, highlight styles and icons, background, etc.

The demo menu above was intended to show off its high level of customizability. Menu transparency - got it. Customizable size - check. We have icons to highlight the item that currently has focus, and icons to indicate submenus. We can highlighting items by color and background color, by font, bold or italic, etc.

All of these changes are real-time reconfigurations by the SurgeMenu code - this funky menu example shows off some of the many possible Javascripted actions, as well.

Simple web site navigation menu using the SurgeMenu cascading menu system

November 24, 2007

The screenshot is of part of the site navigation menu from my Grow'Em Plant Propagation Database:

SurgeMenu web site navigation menu

The SurgeMenu system features Javascripted pop-up menus that permit rapid and targeted browsing of a large site. The Grow'Em site's navigation menu contains 14 discrete menus, but loads very quickly.

Also, notably: if Javascript is not enabled, the base page navigation menu still works. The fancy menus aren't there, but the page links that trigger them work either way. When a user clicks over to the new page, the related pages are presented as well. This isn't as quick, perhaps, but the site is still easily and logically navigated.

That's just good design. [ Read more ... ]

The Ars Informatica SurgeMenu DHTML Cascading Menu System

November 23, 2007

This project started with the search for a simple, clean, cascading menu system I could use for a web site I was working on.

I found a few, but none that had everything I needed.

I needed a flexible, customizable, Javascripted menu that could cascade down three or four tiers of information. One that was easily configured, and that was fast, no matter how complex. One that was compatible with all popular browsers and browser versions.

And thus, SurgeMenu was born.

SurgeMenu deeply-nested menu example: 289-item menu of medical subjects

The above screenshot is of an eleven-item menu, each with second-tier submenus containing from 6-10 items, twenty-five third-tier menus, and five fourth-tier menus. Grand total: 289 selectable menu items. It meets the requirements above, and more. It is easily configured, using standard CSS and simple PHP calls.

It's lean - run-time Javascript comes in at under 6K - and it's mean. I've built 471-item menus that loaded and ran as fast as a 4-item menu ...

[ Read more ... ]

[ Prev ][ Next ]
Copyright © 2020 Ars Informatica. All Rights Reserved.