mam prosty kod z prostym skryptem. Problem polega na tym ze nie wiem jak zrobic aby po kliknieciu aktywnego pola na obrazku jedna tabela sie zamykala a druga otwierala w zamian. Jezeli ktos ma jakis pomysl to bardzo prosze o pomoc .
SKRYPT:
Kod
<html>
<head>
</head>
<script language="JavaScript">
function showHidden(c, sender)
{
var obj = eval(("vals"+c));
(obj.style.display == "none")
? obj.style.display = "" : obj.style.display = "none";
}
</script>
<body>
<table border="1" style="border-collapse: collapse" width="700" id="table1">
<tr>
<td width="50%"><table id="vals1" style="DISPLAY: none">
<tr>
<td>1 linia 1 tabeli</td>
</tr>
<tr>
<td>2 linia 1 tabeli</td>
</tr>
</table>
<table id="vals2" style="DISPLAY: none">
<tr>
<td>1 linia 2 tabeli</td>
</tr>
<tr>
<td>2 linia 2 tabeli</td>
</tr>
</table></td>
<td width="50%"><map name="FPMap0">
<area onclick="showHidden(1,this)" name="1" shape="polygon" coords="273, 35, 243, 183, 168, 170, 167, 89, 175, 32" href>
<area onclick="showHidden(2,this)" name="2" shape="polygon" coords="138, 41, 151, 135, 108, 176, 0, 149, 25, 62, 107, 23" href>
</map>
<img border="0" src="obrazek.gif" usemap="#FPMap0" width="302" height="201">
</td>
</tr>
</table>
</body></html>
<head>
</head>
<script language="JavaScript">
function showHidden(c, sender)
{
var obj = eval(("vals"+c));
(obj.style.display == "none")
? obj.style.display = "" : obj.style.display = "none";
}
</script>
<body>
<table border="1" style="border-collapse: collapse" width="700" id="table1">
<tr>
<td width="50%"><table id="vals1" style="DISPLAY: none">
<tr>
<td>1 linia 1 tabeli</td>
</tr>
<tr>
<td>2 linia 1 tabeli</td>
</tr>
</table>
<table id="vals2" style="DISPLAY: none">
<tr>
<td>1 linia 2 tabeli</td>
</tr>
<tr>
<td>2 linia 2 tabeli</td>
</tr>
</table></td>
<td width="50%"><map name="FPMap0">
<area onclick="showHidden(1,this)" name="1" shape="polygon" coords="273, 35, 243, 183, 168, 170, 167, 89, 175, 32" href>
<area onclick="showHidden(2,this)" name="2" shape="polygon" coords="138, 41, 151, 135, 108, 176, 0, 149, 25, 62, 107, 23" href>
</map>
<img border="0" src="obrazek.gif" usemap="#FPMap0" width="302" height="201">
</td>
</tr>
</table>
</body></html>
Acha i czy jest jeszcze jakas mozliwosc aby po najechaniu na aktywne pole rysunku myszka zmieniala sie ikonka strzalki
Wielkie dzieki
Pozdrawiam
