Witam.
Nie wiem jak sobie z tym poradzić, więc zwracam się do was.
Chcę ,żeby działała strona następująco:
Jest 4 divy, spozycjonowane identycznie. Strona posiada 4 hiperłącza w menu, na początku jest widoczny 1 div z 4 który jest zdefiniowany jako "widoczny". Gdy uruchamiam inne hiperłącze, wartość wszystkich divów zmienia się na hidden a nowy na visible. na razie doszedlem do takiej formy jaka jest poniżej.
<head>
<script language=javascript type='text/javascript'>
function hideDiv(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].id.match(pass)){
if (document.getElementById) // DOM3 = IE5, NS6
divs[i].style.visibility="hidden";
else
if (document.layers) // Netscape 4
document.layers[divs[i]].display = 'hidden';
else // IE 4
document.all.hideShow.divs[i].visibility = 'hidden';
}
}
}
function showDiv(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].id.match(pass)){
if (document.getElementById)
divs[i].style.visibility="visible";
else
if (document.layers) // Netscape 4
document.layers[divs[i]].display = 'visible';
else // IE 4
document.all.hideShow.divs[i].visibility = 'visible';
}
}
}
</script>
</head>
<body>
<a href="javascript:hideDiv('256')">ukryj div1</a>
<a href="javascript:showDiv('256')">pokaz Div 1</a> <br/>
<a href="javascript:hideDiv('512')">ukryj Div 2</a>
<a href="javascript:showDiv('512')">pokaz Div 2</a><br/>
<a href="javascript:hideDiv('513')">ukryj Div 3</a>
<a href="javascript:showDiv('513')">pokaz Div 3</a>
<br/><br/>
<div id="256a">
pierwszy div
</div>
<div id="512a">
drugi div
</div>
<div id="513a">
trzeci div
</div>
</body>