<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xml:base="http://www.dave-cohen.com" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
 <title>Dave Cohen - hovertip</title>
 <link>http://www.dave-cohen.com/node/1188</link>
 <description></description>
 <language>en</language>
<item>
 <title>Hovertips - easy and elegant tooltips</title>
 <link>http://www.dave-cohen.com/node/1186</link>
 <description>&lt;p&gt;The text shown in &lt;span hovertip=&quot;italic&quot;&gt;italics&lt;/span&gt; are examples of &lt;span hovertip=&quot;htdef&quot;&gt;hovertips&lt;/span&gt;.  Move your mouse over the &lt;span hovertip=italic&gt;italic&lt;/span&gt; text to see what happens.
&lt;div class=hovertip id=italic&gt;
Text like this appears when you hover.
And disappears after you move your mouse away.
&lt;/p&gt;
&lt;p&gt;
This is an example of a &lt;span hovertip=htdef&gt;hovertip&lt;/span&gt;.
&lt;/div&gt;
&lt;div class=hovertip id=&quot;htdef&quot;&gt;&lt;h1&gt;What&#039;s a hovertip?&lt;/h1&gt;A hovertip is a kind of &quot;tooltip&quot; that appears when the mouse rests above something.&lt;/div&gt;
&lt;/p&gt;
&lt;p&gt;
I call them &quot;hover&quot; tips to distinguish them from &lt;span clicktip=ctdef&gt;clicktips&lt;/span&gt;.  Click your mouse over &lt;span id=c2&gt;underlined italics&lt;/span&gt; to see a &lt;span clicktip=ctdef&gt;clicktip&lt;/span&gt;.
&lt;/p&gt;
&lt;p&gt;
&lt;div class=&quot;clicktip&quot; id=&quot;ctdef&quot;&gt;&lt;h1&gt;What&#039;s a clicktip?&lt;/h1&gt;
&lt;p&gt;A clicktip is also a tooltip.  But unlike a &lt;span hovertip=htdef&gt;hovertip&lt;/span&gt;, the user must press the mouse button to see one.
&lt;/p&gt;
&lt;p&gt;
The clicktip text appears on the page, rather than floating beneath the mouse.
&lt;/p&gt;
&lt;p&gt;
And the text remains visible until unti the user clicks a second time.
&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;clicktip&quot; target=&quot;c2&quot;&gt;
A single page can have any number of these things.
&lt;/div&gt;
&lt;br class=&quot;clear&quot; /&gt;&lt;p&gt;&lt;a href=&quot;http://www.dave-cohen.com/node/1186&quot;&gt;read more&lt;/a&gt;&lt;/p&gt;</description>
 <comments>http://www.dave-cohen.com/node/1186#comment</comments>
 <pubDate>Tue, 22 Aug 2006 00:40:59 -0700</pubDate>
 <dc:creator>dave</dc:creator>
 <guid isPermaLink="false">1186 at http://www.dave-cohen.com</guid>
</item>
</channel>
</rss>
