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.
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.