Avatar billede Slettet bruger
25. oktober 2002 - 13:02 Der er 10 kommentarer og
1 løsning

Visning af kategori under et link

Når man tager musen over et link vil jeg gerne have en beskrivelse af samme lige under linket...
Jeg har ikke arbejdet så meget med det, men indtil videre har jeg lavet linket sådan:

<script type="text/javascript">
function skiftover(streng){
    document.write(streng)
}

</script>
<a href="link.asp" target="main" onmouseover="skiftover('dette er en streng')">Link</a>

men indtil videre bytter den selvfølgelig bare linket ud med strengen. Hvordan får jeg enten strengen smidt over i et andet frame eller bare vist den lige under linket.
Det skal helst ikke være med layers =)
Avatar billede troev Nybegynder
25. oktober 2002 - 13:07 #1
Altså bare lissom et tooltip?
Avatar billede Slettet bruger
25. oktober 2002 - 13:09 #2
Ja bare vist på skærmen i stedet for i baren.

Den skal skrive det under linket og helst i en anden frame
Avatar billede pelkjaer Nybegynder
25. oktober 2002 - 13:11 #3
Der er dog et layer, men det er sq' heller ikke meget *G*

<!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 type="text/javascript">
<!--
// onMouseOver="toolTip('tool tip tekst her')";
// onMouseOut="toolTip()";
// -eller-
// onMouseOver="toolTip('flere muligheder', '#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) // 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">&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 onLoad="initToolTips();">

<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>

<a href="#" onMouseOver="toolTip('tool tip tekst her')" onMouseOut="toolTip()">link</a>

</body>
</html>
Avatar billede Slettet bruger
25. oktober 2002 - 13:17 #4
Det må ikke være i layers da der er besøgende med forskellige opløsninger...
Avatar billede pelkjaer Nybegynder
25. oktober 2002 - 13:18 #5
Ja, men hvis du nu kigger på hvordan det virker inden du siger "neej - ingen layers.." =oD

Dette script er ligeglad hvad oplysning du kører.
Avatar billede Slettet bruger
25. oktober 2002 - 13:20 #6
med andre ord... jeg skal overføre via javascript en variabel til en anden frame og skrive den der =)
Avatar billede pelkjaer Nybegynder
25. oktober 2002 - 13:21 #7
Det vil man også nemt kunne gøre her, men held og lykke med og finde en løsning.
Avatar billede Slettet bruger
25. oktober 2002 - 13:49 #8
Stadigvæk er det tooltips der kommer frem af det du har sendt, og flot ville det da helt sikkert være, men det er bare ikke lige det jeg leder efter.

Det skal stå under linket.. Ikke på markøren hvis det giver mening =)
Avatar billede di8leva Nybegynder
25. oktober 2002 - 17:30 #9
Du behöver ikke använda JavaScript.
det finns en TAG i HTML kallad TITLE
hvis du skriver
<A HREF="link.html" TITLE="Det er sgu godt med tooltip">ToolTipText</A>
så virker det. I alle fall i IE6 i winXP, jag kan ikke testa det i andra browsers än mig egen =)

(ps. ToolTip:et kommer ikke upp direkt utan efter 2 sekunder eller liknande)
Avatar billede Slettet bruger
25. oktober 2002 - 21:41 #10
title virker i IE4+ og NS6+.
Avatar billede Slettet bruger
04. november 2002 - 16:29 #11
Stadig ingen svar... Det er ikke en "title" jeg leder efter, men en variabel der kan overføres vi javascript til en anden frame
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