slayeroffice - web experiments gone horribly awry

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

Object Dimensions Favelet

  • Current Version: 1.0
  • Last Revision: 02.05.04
  • Requires: MSIE 6, Mozilla, Netscape 7+, Opera 7+, Safari
  • Language: Javascript

This favelet will prompt you for an HTML object type (i.e. a div, or a span, or an li, etc) and will loop over the length of that object collection and append a label to each object with its offsetWidth and offsetHeight.

Right click on the following link and select "Add to Favorites" or "Bookmark this Link", depending on your browser.

Object Dimensions Favelet

Note: If you pass an object to this favelet that is strewn about heavily on a page, don't be surprised if your browser freezes up for a bit. It may even stop responding completely. If you'd like to see what I mean, go to fark.com and query for "a" elements. It also tends to behave somewhat strangely in MSIE & Opera when objects are floated - it places the label in odd places.

Also note that if you get an "Unknown Runtime Error", it probably means that one of the tags you queried for is missing a closing tag. I didnt include error handling for this in the interest of size.