| |
 20 Кб |
|
| | Подскажите пожалуйста , я хочу сделать таблицу как показана на рисунке:
1строке идет 3 ячейке(1,2,3) и есть три таблицы разные подкаждую 1 ,2,3.
при нажатии на 1 ячейку выводится - 1 таблица, 2 -2 , 3-3 ...
<script language=javascript>
function hideContent(){
var v_content = document.getElementById("content");
v_content.style.visibility=(v_content.style.visibility==='visible'?'hidden':'visible');
}
</script>
<TABLE align=center class='main_table' cellpadding=2 cellspacing=1>
<TR>
<TD align=center class='menu'>
<a href='javascript:hideContent()' >1</a>
</TD>
<TD align=center class='menu'>
<a href='javascript:hideContent()' >2</a>
</TD>
<TD align=center class='menu'>
<a href='javascript:hideContent()' >3</a>
</TD>
</TR>
<TR id='content'>
<TD>
<table width="200" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#0033CC">
<tr >
<td height="19">1111</td>
<td> </td>
<td>11111</td>
</tr>
<tr>
<td width="89">11111</td>
<td width="11"> </td>
<td width="96"> </td>
<td width="10"> </td>
</tr>
<tr>
<td height="19">1111111</td>
<td> </td>
<td>куцкуцкуцк</td>
<td> </td>
</tr>
<tr>
<td>111</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>21212</td>
<td> </td>
<td>куцкуцкуцк</td>
<td> </td>
</tr>
<tr>
<td>234342</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>423кукуц</td>
<td> </td>
<td>куцкуцкуц</td>
<td> </td>
</tr>
<tr>
<td>куцкуцк</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>кукуц</td>
<td> </td>
<td>куцкуцк</td>
<td> </td>
</tr>
<tr>
<td>укуцкуцкуц</td>
<td> </td>
<td>к</td>
<td> </td>
</tr>
</table>
</TD>
</TR>
</TABLE>
|
вот код который у меня получился, но он выводит вовсе 3 ячеки одну и туже таблицу. подскажите , что тут надо подправить чтобы выводило при на жатии 1 ячейку - 1 таблица, 2 -2 , 3-3 . или подскажите где можно прочитать про это. заранее благодарен! | |
| |
|
|
| |
|
|
| |
для: Kunapuc
(23.10.2008 в 16:26)
| | | function hideContent(content){
with(document.getElementById(content).style){visibility=visibility=='hidden'?'visible':hidden';}
}
<a href="" onClick="hideContent('c_1');return false;">Odin:D</a>
<a href="" onClick="hideContent('c_2');return false;">Dva:D</a>
<a href="" onClick="hideContent('c_3');return false;">Tri:D</a>
<table id="c_1" style="visibility:hidden">
<tr><td>odin</td></tr>
</table>
<table id="c_2" style="visibility:hidden">
<tr><td>dvo</td></tr>
</table>
<table id="c_3" style="visibility:hidden">
<tr><td>3)</td></tr>
</table> | |
| |
|
|
