mouseover

øhhhh og hvordan gør man?

<div id=\"mail\" style=\"position: absolute; left: 387; top: 161; width: 225; height: 135; visibility: hidden; color: #440044; z-index: 2\">
<center><font face=\"Arial\" size=\"4\">Send mig en E-mail. Dette kræver dog at du har din browswe sat op til et e-mail program.</font></center>
</div>

<div id=\"mail2\" style=\"position: absolute; left: 387; top: 161; width: 225; height: 135; visibility: hidden; color: #440044; z-index: 2\">
<center><font face=\"Arial\" size=\"4\">Send mig en E-mail. Dette kræver dog at du har din browswe sat op til et e-mail program.</font></center>
</div>

<div id=\"mail3\" style=\"position: absolute; left: 387; top: 161; width: 225; height: 135; visibility: hidden; color: #440044; z-index: 2\">
<center><font face=\"Arial\" size=\"4\">Send mig en E-mail. Dette kræver dog at du har din browswe sat op til et e-mail program.</font></center>
</div>

<div id=\"mail4\" style=\"position: absolute; left: 387; top: 161; width: 225; height: 135; visibility: hidden; color: #440044; z-index: 2\">
<center><font face=\"Arial\" size=\"4\">Send mig en E-mail. Dette kræver dog at du har din browswe sat op til et e-mail program.</font></center>
</div>

osv. op til 8

<area href=\"mailto:escaton20@hotmail.com\" onmouseover=\"show(\'mail\');(\'mail2\');(\'mail3\');(\'mail4\')\" onmouseout=\"hide(\'mail\');(\'mail2\');(\'mail3\');(\'mail4\')\">

kræver også lige at du har dette i din <head>

<script>
          ns4 = (document.layers)? true:false;
          ie4 = (document.all)? true:false;
          dom = (document.getElementsById)? true:false;
  function show(id) {
          if (ns4) document.layers[id].visibility = \"show\"
          else if (ie4) document.all[id].style.visibility = \"visible\"
          else if (dom) document.getElementById(id).style.visibility = \"visible\"
  }

  function hide(id) {
          if (ns4) document.layers[id].visibility = \"hide\"
          else if (ie4) document.all[id].style.visibility = \"hidden\"
          else if (dom) document.getElementById(id).style.visibility = \"hidden\"
  }
  ns4 = (document.layers)? true:false
  ie4 = (document.all)? true:false
</script>

jeg kan godt lave et eks. til dig hvis det kan hjælpe dig lidt!

Indsæt følgende i <head>. Det virker i IE, men  formentlig ikke i Netscape.

<style TYPE=\"TEXT/CSS\">
A:hover {color:\"din farve\";}
</style>

Glem det, jeg fik ikke læst spørgsmålet ordentligt
Beklager meget

<html>
<head>
<title>OnMouseOver JavaScript</title>

<!-- Denne del af scriptet skal indsættes mellem dine head og /head tags -->

<SCRIPT LANGUAGE = \"JavaScript\">
<!--
// Find browser Netscape 3+ eller IE 4 +.
bName = navigator.appName;
bVer = parseInt(navigator.appVersion);
    if ((bName == \"Netscape\" && bVer >= 3) &Ouml;&Ouml;
        (bName == \"Microsoft Internet Explorer\" && bVer >= 4)) br = \"n3\";
    else br = \"n2\";
// Lav objekter og preload billeder.
    if (br== \"n3\") {
    img1on = new Image();
    img1on.src = \"billede_on_1.gif\";
    img2on = new Image();
    img2on.src = \"billlede_on_2.gif\";
    img1off = new Image();
    img1off.src = \"billede_off_1.gif\";
    img2off = new Image();
    img2off.src = \"billede_off_2.gif\";   
    }
// Aktiver billeder.
function imgAct(imgName) {
    if (br == \"n3\") {
    document[imgName].src = eval(imgName + \"on.src\");
    }
}
// Deaktiver billeder.
function imgInact(imgName) {
    if (br == \"n3\") {
    document[imgName].src = eval(imgName + \"off.src\");
    }
}
// -->
</SCRIPT>

<!-- /SLUT/ Denne del af scriptet skal indsættes mellem dine head og /head tags /SLUT/ -->

</head>
<body>

<!-- Denne del af scriptet skal indsættes mellem dine body og /body tags -->

<CENTER>
<A HREF=\"url_1.htm\" onMouseOver=\"imgAct(\'img1\')\" onMouseOut=\"imgInact(\'img1\')\">
<IMG NAME=\"img1\" BORDER=0 SRC=\"billede_off_1.gif\" alt=\"Alt tag\"></A>
<A HREF=\"url_2.htm\" onMouseOver=\"imgAct(\'img2\')\" onMouseOut=\"imgInact(\'img2\')\">
<IMG NAME=\"img2\" BORDER=0 SRC=\"billede_off_2.gif\" alt=\"Alt tag\"></A>
</CENTER>

<!-- /SLUT/ Denne del af scriptet skal indsættes mellem dine body og /body tags /SLUT/ -->

</body>
</html>

jeg læste og ? forkert,... *GG*

Jeg ved ikke om du kan nøjes med at det virker i ie, men jeg tror ikke jeg kan få det til at virke i ns:

<a href=\"#\" onmouseover=\"document.all.stk.style.color = \'white\';\" onmouseout=\"document.all.stk.style.color = \'black\';\">Bageopskrifter</a>
<br>
<span id=\"stk\">8 stk</span>

conrad >> helt i orden* det kan hvist ske for alle...

tunoxw >> havde du også læst forkert eller hva?

engrob >> det skulle helst vireke i begge browsere.

Det her skulle virke i NS6 og IE5, men jeg kan godt lige prøve at se om jeg kan lave det cross

<a href=\"#\" onmouseover=\"document.getElementById(\'stk\').style.color = \'white\';\" onmouseout=\"document.getElementById(\'stk\').style.color = \'black\';\">Bageopskrifter</a>
<br>
<span id=\"stk\">8 stk</span>

lave det cross ???
jeg har ikke lige min framedordbog med mig idag
:-)

og jeg skal lige høre dig når \"bageopskrifter i forvejen er et link, hvor ledes gør jeg så?

<a href=\"log/goto.phtml?link=../upload/opskrifter/bageopskrifter/liste.php?dir=bagop\">bageopskrifter</a>

Astalavista

cross = cross-browser(i dette tilfælde) = virker i alle browsere

Jeg kan godt lave det så det virker i NS6 og IE4+

<html>
<head>
<script type=\"text/javascript\" language=\"javascript\">
function skiftFarve(id, farve) {
    if (document.all) document.all[id].style.color = farve;
    else if (document.getElementById) document.getElementById(id).style.color = farve;
}
</script>
</head>
<body>
<a href=\"log/goto.phtml?link=../upload/opskrifter/bageopskrifter/liste.php?dir=bagop\" onmouseover=\"skiftFarve(\'stk\', \'blue\')\" onmouseout=\"skiftFarve(\'stk\', \'black\')\">bageopskrifter</a>
<br><br>
<span id=\"stk\">8 stk</span>
</body>
</html>

Du skal huske at hvis du har flere ting der skal skifte bliver du nødt til at ændre id\'en ellers vil det ikke virke...

det lyder fino, men kan du give miget ex. hvis nu der er flere, forskillige links, stk.?

Astalavista

Så kan du bare gøre sådan her

<html>
<head>
<script type=\"text/javascript\" language=\"javascript\">
function skiftFarve(id, farve) {
    if (document.all) document.all[id].style.color = farve;
    else if (document.getElementById) document.getElementById(id).style.color = farve;
}
</script>
</head>
<body>
<a href=\"log/goto.phtml?link=../upload/opskrifter/bageopskrifter/liste.php?dir=bagop\" onmouseover=\"skiftFarve(\'stk\', \'blue\')\" onmouseout=\"skiftFarve(\'stk\', \'black\')\">bageopskrifter</a>
<br><br>
<span id=\"stk\">8 stk</span>
<br><br><br><br>
<a href=\"link\" onmouseover=\"skiftFarve(\'stk2\', \'blue\')\" onmouseout=\"skiftFarve(\'stk2\', \'black\')\">bageopskrifter</a>
<br><br>
<span id=\"stk2\">10 stk</span>
<br><br><br><br>
<a href=\"link\" onmouseover=\"skiftFarve(\'stk3\', \'blue\')\" onmouseout=\"skiftFarve(\'stk3\', \'black\')\">bageopskrifter</a>
<br><br>
<span id=\"stk3\">12 stk</span>

</body>
</html>

Jeg håber du kan se sammenhængen

takker