So soll es später ausschauen:
PHP-Code:
<s***** type="text/javas*****">
var before = "";
function testfunc(variable){
if(before != "")
document.getElementById(before).style.visibility = "hidden";
document.getElementById(variable.value).style.visibility = "visible";
before = variable.value;
}
</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(this);" value="id1"><img src="styles/images/content1.png" alt="Conetnt"> </a>
<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="id2"><img src="styles/images/content2.png" alt="Content"> </a>
<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="id3"><img src="styles/images/content3.png" alt="Content"> </a>
<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="id4"><img src="styles/images/content4.png" alt="Content"> </a>
<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="id5"><img src="styles/images/content5.png" alt="Content"> </a>
<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="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>