Justin Skolnick lives and works in Portland.

Skidmore, Owings & Merrill

with Thirdwave LLC

A simple JavaScript project, included here because, prior to developing this function for SOM, my JavaScripting began and ended with copypasta. Ultimately a simple script, writing it taught me a great deal about cross-browser client-side scripting.

The site’s sub-navigation rested two-thirds down the page, and the spec called for “drop-up” menus on mouseover. Owing to the navigation’s low placement, the submenus were designed to rise above it. This meant calculating the height of each submenu and positioning it above the subnav. The width also had to be figured, so that any submenu with the potential to push past the right edge of the content area could be kept within its bounds. What’s more, the submenus were designed with translucent backgrounds and needed to work in IE6.

When Thirdwave later added jQuery to the site, their developers rewrote my script for jQuery. This is to say, I got the menus to work without a library.

Responsibilities

  • Front-end development: XHTML, CSS, and JavaScript
  • Drop-up menus

    Drop-up menus

    Note the pointer — this is the hover state.