nicht angemeldet
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