This is a quick test (in the context of this blog) for embedding del.icio.us fed links within a popup tooltip.
The core library is one I have used before - Walter Zorn's (?) DHTML JavaScript Tooltips and demoed briefly here.
So - here's the demo then. Err - not it's not actually - the code has been breaking some RSS readers, so till I get a chance to fix it, the facility isn't running...
If you want to see waht it looks like, save this page and add the link:
<a href="http://del.icio.us/psychemedia/livelinks+ajh" onmouseover="this.T_SHADOWWIDTH=5;this.T_STICKY=1;this.T_OFFSETX=-32;return escape('<div id=demo><\/div><script>document.getElementById(\'demo\').appendChild(ul)<\/script>')">Demo</a>
To see the demo: a) add the above code to the page; b) ensure javascript is enabled; and c) to hover your cursor over the link.
The offset is a bit off, though I'm not sure why - perhaps it has something to do with where the table containing the links is placed? My understanding was that the tooltip should be offset from the mouse cursor by a certain amount, but it seems an additional offset has crept in somewhere.
The del.icio.us links are pulled in using a del.icio.us JSON feed, which is something I need to look at more. (If you're new to JSON - as I am really - here's a 101.)
Posted by ajh59 at January 4, 2006 06:55 PM