[Snippet] Popup List Menu

This little snippet creates a simple list menu from a given folder, having a link made up from the pagetitle of the documents and an <object> container with the content of the document. This is useful for fancy popup informational sections. See it in action here:

http://www.jewishyou.com

Move the mouse over the links in the upper left section.

This method uses an interesting feature of XHTML, the <object> tag. <object> tags can appear inside of <a> tags, and can be used as a block-level container! So...the snippet encloses the content of the document in an <object> tag inside the <a> tag, so even IE can get the popup effect using the a:hover pseudoclass, and the <object> can be styled by the CSS!

Susan, very cool trick indeed... object in an A element

Might want to have a look at it in a nightly Safari build.

Oh, pooh. Back to li:hover and javascript. <sigh> And I thought I was so smart!

You know, putting the <p> element inside of the <a> element actually works, it just doesn’t validate.

Hah! I can use a <span> inside the <a> tags! Works fine, Safari too. I knew I was smart!

Updated version attached to first post.