Søg
Avatar billede dd_ns Nybegynder
26. marts 2003 - 13:07 Der er 17 kommentarer og
1 løsning

mouseover og mouseout layer...

Jeg skal bruge følgende:

<td>ost ost ost ost</td>

Jeg skal have en layer visnings dims som kan vise en tabel ved mouse over... Jeg kan ikke bruge title i <td> da den skal kunne indeholde en tabel med 6-7 <td>'er...

Hvordan laver man et?=
Avatar billede pelkjaer Nybegynder
26. marts 2003 - 13:20 #1
<script>
function showHide(obj,hvad) {
  document.getElementById(obj).style.visibility = hvad;
}
</script>

<table id="mytable">
<tr>
<td>ost ost ost</td>
</tr>
</table>
<br>
<a href="#" onmouseover="showHide('mytable','hidden');">skjul</a><br>
<a href="#" onmouseover="showHide('mytable','visible');">vis</a><br>
Avatar billede dd_ns Nybegynder
26. marts 2003 - 13:24 #2
Cool, men det skulle gerne være en layer der kommer der hvor muser er... dvs. over på hvad der nu måtte være... Forstår du?
Avatar billede pelkjaer Nybegynder
26. marts 2003 - 13:48 #3
Så brug et laver istedet for tabellen og positioner absolut - samme princip.
Avatar billede dd_ns Nybegynder
26. marts 2003 - 14:07 #4
et eksembel???
Avatar billede pelkjaer Nybegynder
26. marts 2003 - 14:11 #5
<div id="mydiv" style="position:absolute;left:10px;top:10px;visibility:hidden;">
hej
</div>

<a href="#" onmouseover="showHide('mydiv','visible');">vis</a><br>
<a href="#" onmouseover="showHide('mydive','hidden');">skjul</a>

blot et hurtigt et - du må selv rette left og top til så du synes at det passer
Avatar billede dd_ns Nybegynder
26. marts 2003 - 14:12 #6
Det fungere ikke det der...
Avatar billede pelkjaer Nybegynder
26. marts 2003 - 14:15 #7
Hallo helt ærligt - der er blot en stavefejl i mydiv - ellers fungerer det fint.
Avatar billede pelkjaer Nybegynder
26. marts 2003 - 14:15 #8
<html>
<head>
<script>

function showHide(obj,hvad) {
  document.getElementById(obj).style.visibility = hvad;
}
</script>

</head>
<body>

<div id="mydiv" style="position:absolute;left:10px;top:15px;background-color:#ccc;visibility:hidden;">
hejhejhej
<br>
hejhejhej
</div>

<a href="#" onmouseover="showHide('mydiv','visible');">vis</a><br>
<a href="#" onmouseover="showHide('mydiv','hidden');">skjul</a>

</body>
</html>
Avatar billede dd_ns Nybegynder
26. marts 2003 - 14:18 #9
Nu kommer den der, men der mangler lige lidt...

Den skal jo komme frem der hvor musen er. og så skal den forsvinde ved mouseout...
Avatar billede pelkjaer Nybegynder
26. marts 2003 - 14:19 #10
Jeg fatter nada nu - det er vidst ikke en alm. vis/skjul layer du vil ha - du vil ha en overlib funktion tror jeg.

Nå 2 sek.
Avatar billede dd_ns Nybegynder
26. marts 2003 - 14:21 #11
Hvis du for det til at lykkes, så kan du da godt få nogle flere point...
Avatar billede pelkjaer Nybegynder
26. marts 2003 - 14:23 #12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
// onMouseOver="toolTip('tool tip text here')";
// onMouseOut="toolTip()";
// -or-
// onMouseOver="toolTip('more good stuff', '#FFFF00', 'orange')";
// onMouseOut="toolTip()";
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) {
    if (ns4) toolTipSTYLE.visibility = "hidden";
    else toolTipSTYLE.display = "none";
  } else  {
    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">&nbsp\;' + msg +
    '&nbsp\;</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>
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<script type="text/javascript">
<!--
initToolTips();
//-->
</script>
<a href="#" onMouseOver="toolTip('tool tip text here');" onMouseOut="toolTip();">test</a>
</body>
</html>
Avatar billede dd_ns Nybegynder
26. marts 2003 - 14:28 #13
Okay, men hvad nu hvis det er en tabel der skal der ind?
Avatar billede dd_ns Nybegynder
26. marts 2003 - 14:28 #14
Glem det spørgsmål... Du for point nu... Og tak for det...
Avatar billede pelkjaer Nybegynder
26. marts 2003 - 14:29 #15
det er en tabel
Avatar billede dd_ns Nybegynder
26. marts 2003 - 14:49 #16
Hvis vi så lige kan få layert til at være centreret under musen ville jeg blive glad...
Avatar billede pelkjaer Nybegynder
26. marts 2003 - 14:50 #17
Vi kan kun positionere top og left - du kan lege med disse

offsetX = 0;
offsetY = 20
Avatar billede dd_ns Nybegynder
26. marts 2003 - 14:51 #18
Yes sir.. Jeg lavede en minus værdi... tak for hjælpen...
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
30/0815:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »