09. januar 2003 - 14:08
Der er
5 kommentarer og 1 løsning
HATSER: Mouse over
Hejsa. Nogen der hurtigt kan smide et script, hvor man kan mouse over en text og der så kommer en "kasse" frem med egen definerede tekstbeskrivelse i o.lign. ?
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
09. januar 2003 - 14:13
#1
<a href="#" title="Info skal skrive her">Min tekst</a>
09. januar 2003 - 14:14
#2
Og hvis det bare er tekst: <font face="arial" title="Hejsa">Tekst</font>
09. januar 2003 - 14:47
#3
Her en hvor du kan styre farver og former: <html> <head> <title>ToolTip</title> <META NAME="Generator" CONTENT="Stone's WebWriter 3.5"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/JavaScript"> <!-- var ns4 = document.layers; var ns6 = document.getElementById && !document.all; var ie4 = document.all; offsetX = 0; offsetY = 20; var toolTipSTYLE=""; function initToolTips() { if(ns4||ns6||ie4) { if(ns4) toolTipSTYLE = document.toolTipLayer; else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style; else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style; if(ns4) document.captureEvents(Event.MOUSEMOVE); else { toolTipSTYLE.visibility = "visible"; toolTipSTYLE.display = "none"; } document.onmousemove = moveToMouseLoc; } } function toolTip(msg, fg, bg) { if(toolTip.arguments.length < 1) // hide { if(ns4) toolTipSTYLE.visibility = "hidden"; else toolTipSTYLE.display = "none"; } else // show { if(!fg) fg = "#777777"; if(!bg) bg = "#FFFFFF"; var content = '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' + '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg + '"><td align="center"><font face="sans-serif" color="' + fg + '" size="-2"> \;' + msg + ' \;</font></td></table></td></table>'; if(ns4) { toolTipSTYLE.document.write(content); toolTipSTYLE.document.close(); toolTipSTYLE.visibility = "visible"; } if(ns6) { document.getElementById("toolTipLayer").innerHTML = content; toolTipSTYLE.display='block' } if(ie4) { document.all("toolTipLayer").innerHTML=content; toolTipSTYLE.display='block' } } } function moveToMouseLoc(e) { if(ns4||ns6) { x = e.pageX; y = e.pageY; } else { x = event.x + document.body.scrollLeft; y = event.y + document.body.scrollTop; } toolTipSTYLE.left = x + offsetX; toolTipSTYLE.top = y + offsetY; return true; } //--> </script> </head> <body onload="initToolTips();"> <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div> <a href="#" onMouseOver="toolTip('Hejsa<br>Anden linje', '#000000', '#CCCCCC')" onMouseOut="toolTip()">link</a> </body> </html>
09. januar 2003 - 14:48
#4
Eller i et p-tag: <P onMouseOver="toolTip('Hejsa<br>Anden linje', '#000000', '#CCCCCC')" onMouseOut="toolTip()">tekst</P>
09. januar 2003 - 15:43
#5
09. januar 2003 - 22:07
#6
Takker alle sammen for budende :)
Vi tilbyder markedets bedste kurser inden for webudvikling