Weil das Element a kein Attribut value besitzt.
Du musst immer dran denken, das HTML dafür ausgelegt ist robust zu sein,dh
es wird dir viele Fehler verzeihen.
Hier der Code, und noch ein kleiner designvorschlag:
Du kannst mittels CSS alle Elemente Übereinanderlegen, und dann nur das ausgewählte Anzeigen, das erlaubt dir eine bessere Platzausnutzung deiner Seite und sieht schicker
aus da der Benutzer nicht immer das neue Element auf der Seite neu Suchen muss.
Und, verwende keine Tables, mit CSS biste flexibler.
So long
PHP-Code:
<html>
<head>
</head>
<body>
<s***** type="text/javas*****">
before = "";
function testfunc(param){
if(before != "")
document.getElementById(before).style.visibility = "hidden";
document.getElementById(param).style.visibility = "visible";
before = param;
}
</s*****>
<table>
<tr>
<th class="c" colspan="3"><b>Titleheader</b></th>
</tr>
<tr>
<td colspan="1" class="l"><br>
<a href="javas*****:;" onclick="javas*****:testfunc('id1');" ><img src="styles/images/content1.png" alt="Conetnt"> </a>
<a href="javas*****:;" onclick="javas*****:testfunc('id2');" ><img src="styles/images/content2.png" alt="Content"> </a>
<a href="javas*****:;" onclick="javas*****:testfunc('id3');" ><img src="styles/images/content3.png" alt="Content"> </a>
<a href="javas*****:;" onclick="javas*****:testfunc('id4');" ><img src="styles/images/content4.png" alt="Content"> </a>
<a href="javas*****:;" onclick="javas*****:testfunc('id5');" ><img src="styles/images/content5.png" alt="Content"> </a>
<a href="javas*****:;" onclick="javas*****:testfunc('id6');" ><img src="styles/images/content6.png" alt="Content"></a>
<div id="id1" style="visibility:hidden"><br><br>Content 1</div>
<div id="id2" style="visibility:hidden"><br><br>Content 2</div>
<div id="id3" style="visibility:hidden"><br><br>Content 3</div>
<div id="id4" style="visibility:hidden"><br><br>Content 4</div>
<div id="id5" style="visibility:hidden"><br><br>Content 5</div>
<div id="id6" style="visibility:hidden"><br><br>Content 6</div>
</td></tr></table>
</body>
</html>