Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
alt/acronym tag display duration 1
- Thread starter DeepBlerg
- Start date
-
1
- #2
I don't know how to do that, but you can use layers to do it instead. Here is a script I wrote to do something like that, it moves as well, but change onMousemove to onMouseover to make it static.
It doesn't look like I made it particularly cross-browser so it made need a bit of work to make it Netscape compatible if you want to bother.
Anyway, hope it helps a bit.
Hope I helped / Thanks for helping
if ((Math.abs(x)<10&&Math.abs
<10) && (((parseInt(Math.abs(x).toString()+Math.abs.toString())-Math.abs(x)-Math.abs)%9)!=0)) {alert("I'm a monkey's uncle"}
It doesn't look like I made it particularly cross-browser so it made need a bit of work to make it Netscape compatible if you want to bother.
Anyway, hope it helps a bit.
Code:
<html>
<head>
<script>
function ToolTip(what){
what=eval(what);
what.style.display='block';
what.style.left=event.x+10+document.body.scrollLeft;
what.style.top=event.y+document.body.scrollTop;
}
function UnToolTip(what){
what=eval(what);
what.style.display='none';
}
</script>
<style>
/* defines style for tooltip script, editable*/
.menudiv{
width:150;
background-color:#ddddff;
border-width:1;
border-style:solid;
border-color:#000080;
font-family:Tahoma;
font-weight:bold;
font-color:red;
font-size:11px;
padding:5;
/* leave rest of style alone */
display:none;
position:absolute;
height:10;
}
</style>
</head>
<body>
<!-- Create actual ToolTip layers here -->
<div id="test" class="menudiv">Just testing</div>
<div id="test2" class="menudiv">Testing again, but with more text so it goes on multiple lines automatically</div>
<div id="buttons" class="menudiv">Works on buttons too</div>
<div id="withbutton" class="menudiv"><img src="another.jpg"></div>
<div id="withbuttonandtext" class="menudiv"><img src="another.jpg"><bR>Some text with the picture</div>
<!-- End of ToolTip layers -->
<a href="#" onMouseMove="ToolTip('test');" onMouseOut="UnToolTip('test');">Mouseover me!</a><br>
<a href="#" onMouseMove="ToolTip('test2');" onMouseOut="UnToolTip('test2');">Me too!</a><br>
<a href="#" onMouseMove="ToolTip('buttons');" onMouseOut="UnToolTip('buttons');"><img src="button1.jpg"></a><bR>
<a href="#" onMouseMove="ToolTip('withbutton');" onMouseOut="UnToolTip('withbutton');">Images can be in ToolTip too!</a><br>
<a href="#" onMouseMove="ToolTip('withbuttonandtext');" onMouseOut="UnToolTip('withbuttonandtext');">Or images and text</a><br>
</body>
</html>Hope I helped / Thanks for helping
if ((Math.abs(x)<10&&Math.abs
<10) && (((parseInt(Math.abs(x).toString()+Math.abs.toString())-Math.abs(x)-Math.abs)%9)!=0)) {alert("I'm a monkey's uncle"}- Status
Similar threads
- Locked
- Question