nicht angemeldet
Hallo Benjamin,
arbeite doch mit Layern, sobald Du einen der Links anclickst wird ein Layer aktive Layer ausgeblendet und der nächste entsprechend eingeblendet. Das funktioniert über Javascript in beiden Browsern.
So sähe in etwa der entsprechende Quellcode aus.
<html>
<head>
<title>showHideLayers</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function showHideLayers() { //v6.0
var i,p,v,obj,args=showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<div id="eins" style="position:absolute; left:12px; top:43px; width:133px; height:93px; z-index:1">
<p><a href="#" onClick="showHideLayers('eins','','hide','zwei','','show')">Link
1</a></p>
<p><a href="#">Link 2 </a></p>
</div>
<div id="zwei" style="position:absolute; left:210px; top:42px; width:134px; height:97px; z-index:2; visibility: hidden;">
<p><a href="#" onClick="showHideLayers('eins','','show','zwei','','hide')">Link
3</a></p>
<p><a href="#">Link 4</a> </p>
</div>
</body>
</html>
Hoffe das hilft,
Gruß
Ronald