<!-- This script has been in the http://www.javascripts.com Javascript Public Library! --> <!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. --> <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <title>Balloon Example</title> <style TYPE="text/css"> .balloon {border-width: 8; border-style: solid; border-color:aqua; position:absolute; background-color:aqua; visibility:hidden} </style> <script> <!-- function setUp() { makeBalloon("Anticommons" ,280, "When too many individuals have the right of exclusion to a scarce resource, and no one has an effective privilege of use, under-utilization may occur."); makeBalloon("Leisure",240, "Consumers in rich countries have become harried in their futile attempt to increase the productivity of their non-work time."); makeBalloon("Selfcontrol",280, "People who believe that they will procrastinate when faced with immediate costs and prematurely appropriate immediate rewards may counteract this tendency sometimes to their own benefits."); makeBalloon("Decision",240, "Decisions that are small in size, time perspective, and in relation to their cumulative effect may lead to suboptimal resource allocation."); makeBalloon("Defectors",240, "There is selective advantage in being always honest even when it may be disadvantageous to do so at times."); makeBalloon("Sanctions",240, "Prices compel decision makers to consider the external costs of their acts, whereas sanctions deter people from doing what is wrong."); makeBalloon("Innovation",280, "Dominant companies' preoccupation with pleasing high-end customers for higher profit margin inadvertently creates niches at the low-end of the market for start-ups to invade."); makeBalloon("Origin",280, "Economic behavior is predictable largely because bounded rationality leads people to adopt rules of thumb which display greater regularity than does optimization."); makeBalloon("Fishmarket",280, "In the world of zero transaction cost, the market becomes a price-determining mechanism, and its institutional setting becomes irrelevant. The ubiquitous existence of transactions costs, however, means that the institutional structure of exchange does matter."); makeBalloon("Sample",280, "A way to provide footnotes, help information, or other material to the user without forcing a jump to a hyperlink and moving the loaded page."); } function makeBalloon(id, width, message) { var astr = '<STYLE TYPE="text/css">#'+id+'{width:'+width+';}</STYLE>'; astr+='<DIV CLASS="balloon" id="'+id+'">'+message+'</DIV>'; document.write(astr); } function makeVisible(id, event) { document.all[id].style.pixelLeft = (document.body.scrollLeft +event.clientX) + 10; document.all[id].style.pixelTop = (document.body.scrollTop + event.clientY) + 10; document.all[id].style.visibility="visible"; } function hide(id) { document.all[id].style.visibility="hidden"; } //--> </script> </head> <body bgcolor=white> <h2 align="center">Table of Items</h2> <center><table><tr><td></td><td></td><td></td></tr> <tr><td><b>Row 1</b></td><td><b><a href="" onMouseOver="makeVisible('Fishmarket', event)" onMouseOut="hide('Fishmarket')">Item 1</a></b></td></tr> <tr><td><b>Row 2</b></td><td><b><a href="" onMouseOver="makeVisible('Origin', event)" onMouseOut="hide('Origin')">Item 2</a></b></td></tr> <tr><td><b>Row 3</b></td><td><b><a href="" onMouseOver="makeVisible('Innovation', event)" onMouseOut="hide('Innovation')">Item 3</a></b></td></tr> <tr><td><b>Row 4</b></td><td><b><a href="" onMouseOver="makeVisible('Leisure', event)" onMouseOut="hide('Leisure')">Item 4</a></b></td></tr> <tr><td><b>Row 5</b></td><td><b><a href="" onMouseOver="makeVisible('Selfcontrol', event)" onMouseOut="hide('Selfcontrol')">Item 5</a></b></td></tr> <tr><td><b>Row 6</b></td><td><b><a href="" onMouseOver="makeVisible('Decision', event)" onMouseOut="hide('Decision')">Item 6</a></b></td></tr> <tr><td><b>Row 7</b></td><td><b><a href="" onMouseOver="makeVisible('Defectors', event)" onMouseOut="hide('Defectors')">Item 7</a></b></td></tr> <tr><td><b>Row 8</b></td><td><b><a href="" onMouseOver="makeVisible('Anticommons', event)" onMouseOut="hide('Anticommons')">Item 8</a></b></td></tr> <tr><td><b>Row 9</b></td><td><b><a href="" onMouseOver="makeVisible('Sanctions', event)" onMouseOut="hide('Sanctions')">Item 9</a></b></td></tr> </table></center> <p><HR> An example of providing nonintrusive <SPAN onMouseOver="makeVisible('Sample', event)" onMouseOut="hide('Sample')"> <B>assistance</B> </SPAN>to users.<P> <script language="JavaScript1.2"> setUp(); </script> </body> </html>