Hej!
Jag testar att ha en egen alt-text men det strular sig rätt så bra. Anledningen till detta är för att slippa tidsgränsen som vanlig alt har och ändra färger själv osv.
Men när man är överst på sidan funkar det, men så fort man går ner syns det helt fel:
http://www.joakimweb.se/webbutv/scriptarkiv2/index.asp?cat=6
Detta pga. att jag behöver ha en <div id="tipspace" class="style1"></div> som hela tiden finns i fokus på sidan. Någon som har ett tips på hur jag kan få den att hänga med hela tiden på sidan?
Eller bättre alt-script?
Tack på förhand!
Bifogar koden:
<html>
<head>
<title>Tooltip - exempel</title>
<style type="text/css">
#tipspace
{
position: absolute;
width: 100px;
font-family: verdana;
font-size: 10px;
border: 1px solid black;
padding: 2px;
background-color: silver;
visibility: show;
z-index: 1000;
}
</style>
<script type="text/javascript">
function showTip(tipText, bcolor, wwidth)
{
tipspace.style.visibility=''
tipspace.innerText=tipText
tipspace.style.backgroundColor=bcolor
tipspace.style.width=wwidth
}
function hideTip()
{
tipspace.style.visibility='hidden'
}
function currentPosition()
{
posY = event.y + 15
posX = event.x - 30
tipspace.style.top=posY+'px'
tipspace.style.left=posX+'px'
}
</script>
</head>
<body onload="hideTip()">
<div id="tipspace"></div>
<center style="font-family: arial">
<a href="#"
onmousemove="currentPosition()"
onMouseover="showTip('IDG.se, en text som beskriver länken','gold', 300)"
onMouseout="hideTip()">Tooltippad länk</a><p/>
<a href="#"
onmousemove="currentPosition()"
onMouseover="showTip('Tooltip-text','beige', 100)"
onMouseout="hideTip()">Tooltippad länk 2</a>
</center>
</body>
</html>