Christoph: Link hervorheben

Hallo Forum,

ich habe eine ganz einfache Funktion gebastelt, die einen Link, wenn man ihn anklickt besonders hervorhebt. Diese Funktion würde ich gerne in einem Forum einbauen, denn dann wissen auch unerfahrene User, wo Sie sich gerade befinden und bei einer Beitragszahl von mehreren hunderten Beiträgen, ist das manchmal sehr hilfreich :)

Die Funktion klappt, jedoch wenn ich z.B. einen anderen Link anklicke, bleibt der eine Link farblich anders. Wie bekomme ich denn dann immer nur den einen Link farblich anders?

Hier mal mein Quelltext:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<script language="javascript">
<!--
function highlight_link(id)
{
 var heading = document.getElementById(id);
 heading.style.color = "blue";
 heading.style.height = "18px";
 heading.style.padding = "1px";
 heading.style.borderWidth = "1px";
 heading.style.borderStyle = "dashed";
 heading.style.borderColor = "#f00";
}
// -->
</script>
</head>
<body>
<p><a id="Beitrag1" href="#" onclick="highlight_link('Beitrag1'); return false;" onfocus="if(this.blur()){this.blur();}">Link 1</a></p>
<p><a id="Beitrag2" href="#" onclick="highlight_link('Beitrag2'); return false;" onfocus="if(this.blur()){this.blur();}">Link 2</a></p>
</body>
</html>

Grüße

Christoph

  1. hallo,

    ich habe eine ganz einfache Funktion gebastelt, die einen Link, wenn man ihn anklickt besonders hervorhebt.

    Damit machst du deine Verweise davon abhängig, daß deine Forumsbesucher allesamt mit aktivem Javascript daherkommen. Das ist für eine Navigation nicht unbedingt die beste Idee. Stell dein Konzept auf CSS um, dann klappts auch.

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    http://www.christoph-schnauss.de
    ss:| zu:) ls:& fo:) va:) sh:| rl:|