Ajaxian Periodic Table

<>p>Andrew Sutherland created a nice, clean, simple Periodic Table of the Elements that uses ajaxian techniques to grab information as you click on various areas.

There are some interesting UI choices:

You click on the element, not mouseover. This is nice in one way, as the popup is quite large, and Andrew changes the background and cursor when you mouseover an element… hinting to the click
When you click on the element the table gets greyed out, and a new popup appears. Often you have a “close” link/button on a popup to get rid of it, but in this world you need to click outside of the popup. It may be nice to have a small “Howto” area that explains these things.
Toggle details is cool :)

1 Comment »

Comments feed

Your post spurred me to update the table. It’s working in IE now and the code is a little cleaner. Also added a little “X” close button. Enjoy :)

*starts following this blog*

Comment by Andrew Sutherland — August 30, 2005

Ajax Questions and Answers

Caching and dynamic views
My client does not want to change his cache settings on IE and I'm trying to figure out a way to dynamically update a view each time it is visited. I...

JQuery Function Not Defined?

Hi there,

I'm trying to set a php session variable from a radio button. The idea is that a jquery function is called which...

IE 8 Crashing Problem
Hello Everyone, Here\'s the situation: two iSeries boxes - Dev and Prod both V5R4M0 We\'re using AJAX to dynamically load content using a tabbed...