Forum Moderators: open

Message Too Old, No Replies

Which script name what when it puts the mouse

mouse on top of the link a balloon appears?

         

romzinho2k7

9:02 am on Jan 24, 2008 (gmt 0)

10+ Year Member



Hi

It would like to know what is script name used to underline a link and to after leting the mouse on top of this link an appears " balloon ".

Ex: Kontera ( Content-link )

I tried to seek for Google, but as do not know the name of this function, did not find anything.

I do not know we explained right.

Thanks

coopster

2:05 am on Jan 25, 2008 (gmt 0)

WebmasterWorld Administrator 10+ Year Member



There are a ton of them ... they typically use event handlers such as onmouseover and onmouseout to display the balloons.

romzinho2k7

3:41 am on Jan 25, 2008 (gmt 0)

10+ Year Member



And how Could I do so that that balloon had it appear on top of the link?

I know how to make a part, but to other do not do neither idea of as if it does. I manage to do him appear and to hide, but he stays at the same place. I want him to stay on top of the selected link.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
#text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#Layer1 {
position:absolute;
left:480px;
top:69px;
width:280px;
height:129px;
z-index:1;
background:#eee;
display:none;
}
</style>
<script type="text/javascript">
function ShowBalloon(id, s)
{
var balloon = document.getElementById(id);

if(s == "show")
{
balloon.style.display = "block";
}
else
{
balloon.style.display = "none";
}
}
</script>
</head>

<body>

<div id="Layer1"></div>
<div id="text">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc condimentum. Etiam ipsum. Cras risus enim, aliquam vitae, tempus nec, tempor ut, turpis. Nam semper lacus id nisi. Donec sem enim, tempus eu, molestie nec, sagittis in, lorem. Integer vitae tellus nec diam posuere semper. Quisque leo ipsum, suscipit id, scelerisque a, tristique in, ipsum. Aliquam erat volutpat. Nam ac quam. Pellentesque ac risus vitae nisl tincidunt scelerisque. Fusce sollicitudin. Ut enim nisi, ultrices at, aliquam ultrices, consequat et, dolor. Nulla facilisi. <a href="javascript:void(0);" onmouseover="ShowBalloon('Layer1', 'show');" onmouseout="ShowBalloon('Layer1', 'hide')">Mauris</a> eleifend, erat fermentum rhoncus convallis, justo justo placerat urna, eget posuere leo nunc vulputate quam. Suspendisse dictum eleifend sem.</p>
</div>

</body>
</html>

In case someone can help, it would get very thankful because do not know what to seek in the Google. I believe that that be JavaScript pure.

Thanks at once.

mehh

11:19 am on Jan 26, 2008 (gmt 0)

10+ Year Member



are you talking about tooltips? There are a lot of scripts/librarys out there for this sort of thing. Google Results [google.com]