Thought someone might have done something like this.
HTML would be something like this:
<div id="smarttag">
<div id="smarttagicon">
<img src="smarttagicon.gif" width="16" height="16" />
</div>
<div id="smarttagcontent">
<ul>
<li><a href="#">Action 1</a></li>
<li><a href="#">Action 2</a></li>
</ul>
</div>
</div>
And jQuery (kind of works, but not in IE and doesn't hide if hovering
over the content and out without going over the icon first):
$(smarttags);
function smarttags()
{
$("#smarttagicon").hover(
function()
{
$("#smarttagcontent").show();
},function(e)
{
// if not over the smarttag div, hide content
if(!$(e.relatedTarget).parents("#smarttag").length)
{
$("#smarttagcontent").hide();
}
}
);
}
The 'smarttag' div would be hidden initially, but populated and shown
when hovering over an element that it is applied to.
I suppose a smart tag is an extension of a tooltip (which doesn't
disappear if you mouse over it).
-- Sam
On Sep 25, 5:07 pm, Rey Bango <[EMAIL PROTECTED]> wrote:
> Anyone know of a plugin that offers functionality like this?
>
> http://en.wikipedia.org/wiki/Image:Smarttags.PNG
>
> Rey...
