Avatar billede rudi1234 Nybegynder
27. februar 2004 - 13:42 Der er 6 kommentarer og
1 løsning

Title ved onmouseover

Jeg vil gerne have en title frem (lige som ved <a href="..." title="...">klik</a> når musen kommer over fx en <tr></tr>.

Kan man det?
Avatar billede lajer Nybegynder
27. februar 2004 - 14:33 #1
uhm, du kunne lave en snyde løsning :-)

Lave et div element der bliver vist og skjult når musen kører over dine celler. Og så fake div elementet til at ligne den der title thingie !!!
Avatar billede rudi1234 Nybegynder
27. februar 2004 - 15:05 #2
Har selv tænkt på det, men er ikke så god til at få det placeret ordentligt. Det er noget der skal ligge tæt op ad det element der fremkalder det...

Har nogen et forslag?
Avatar billede skovenborg Nybegynder
27. februar 2004 - 15:21 #3
måske kunne overLib bruger:
http://www.bosrup.com/web/overlib/
Avatar billede rudi1234 Nybegynder
27. februar 2004 - 15:29 #4
Helst noget jeg selv kan lave - ikke noget copyright...

:o)
Avatar billede grunken Nybegynder
27. februar 2004 - 15:31 #5
sådan måske ?

<html>
<head>
<script language="javascript" type="text/javascript">
var ie = (document.all)?true:false;

function vislag(str,f){
e = document.getElementById('tip')
if(ie){
  e.style.top  = f.clientY + document.body.scrollTop;
  e.style.left = f.clientX + document.body.scrollLeft+10;}
else{
  e.style.top = f.pageY+20;
  e.style.left = f.pageX;}
vis = (e.style.display=='none')?true:false
if(vis){
  e.innerHTML = str;
  e.style.display = 'inline';
}
}

function skjul(){
document.getElementById('tip').style.display = "none";
}
</script>

<style type="text/css">
#tip
{
border:solid  1px #000000;
background:#FCFDC7;
position:absolute;
padding:2px;
width:100px;
}
</style>
</head>

<body>
<div id="tip" style="display:none">blabla</div>
<table>
<tr onmouseover="vislag('teksten kommer her',event);" onmouseout="skjul();">
  <td>Noget indhold</td>
</tr>
<tr onmouseover="vislag('teksten kommer også her',event);" onmouseout="skjul();">
  <td>Noget andet indhold</td>
</tr>
</table>
</body>
</html>
Avatar billede rudi1234 Nybegynder
27. februar 2004 - 16:47 #6
grunken -> Det virker jo! Smid evt. et svar. :o)
Avatar billede grunken Nybegynder
27. februar 2004 - 17:04 #7
velbekomme så :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester