slayeroffice - web experiments gone horribly awry

Looking for the drawings? They're over here, and my drawing blog is this way.

Categorized & Searchable List Boxes

  • Current Version: 1.1
  • Last Revision: 02-05-04
  • Language: Javascript
This idea came from my trying to come up with a new way to work the menus on slayeroffice's main page. I decided that since this method wouldn't allow for spidering, I wouldn't employ it, but I wrote it anyway simply because the concept seemed interesting. Two SELECT elements are dynamically generated based on the value of an array -- the one on the left a bunch of links, the one on the right a bunch of categories that the links fall into. Above them, a text box that narrows the contents of the left most select element if the user types in a string that matches the character index of the item name. Selecting a category in the right box re-draws the left select element with only those items falling within that category.

Update: Per a visitor's request, I've added a checkbox to this that allows for partial string matching. So, typing "ja" when checked will return "Brain Jar" in addition to things begining with "ja".


go