Monday, July 24th, 2006
Popup Politicians AJAX Widget
Category: Showcase
This prototype consists of a callable remote API for getting info about politicians, and a tag-popup script which uses that API.
Usage
Add the following to your head element:
HTML:
-
<script src="http://sunlightlabs.com/popuppoliticians/sunlightpopups.js" xml:space="preserve" type="text/javascript">
-
</script>
Add links to your politicians like so:
HTML:
-
<a href="http://sunlightlabs.com/tag/Sen.+Edward+M.+Kennedy" rel="tag">Sen. Edward M. Kennedy</a>
When the script runs, it finds all the tags that look like the above, and adds a popup. For more information, look at the source of this page and the sample pages.
From a look at the code, it seems that it is using the On-Demand Javascript pattern to create the popups. In any event, it's refreshing to see an application of AJAX that doesn't involve social bookmarking or comparison shopping.
Related Content:
4.1 rating from 56 votes
nice pop-up. but, what should i do if i have to put this popup for my own content and style the pop-up my way?.. the api should be more open and ready to be improved.
[...] Muy buena herramienta para complementar la información que ofrecemos a nuestros usuarios, mediante pequeños pop-ups similares a los que mostramos en Google Maps. Via [...]
[...] Ajaxian on Popup Politicians. [...]
i want to see how it make it.
if this pop-up do better.i will use it.
alert(document.cookie);
Sounds like any of the zillion numbered tooltip widgets in existance out there… :)
Nice though!
We’ll put one in for our Q3 release! :)