Здравствуйте.
итак. ситуация такова. у меня есть на странице таблица.
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr valign="top">
<td width="180">
<table cellpadding="4" cellspacing="2" border="0" width="180">
<tr>
<td id="to_main" class="td_menu" onClick="java script:display_page('main')" onMouseOver="java script:change_fon_on('to_main')" onMouseOut="java script:change_fon_off('to_main')">
...
</td>
</tr>
<tr>
<td id="to_clinika" class="td_menu" onClick="java script:display_page('clinika')" onMouseOver="java script:change_fon_on('to_clinika')" onMouseOut="java script:change_fon_off('to_clinika')">
...
</td>
</tr>
<tr>
<td id="to_statistika" class="td_menu" onClick="java script:display_page('statistika')" onMouseOver="java script:change_fon_on('to_statistika')" onMouseOut="java script:change_fon_off('to_statistika')">
...
</td>
</tr>
<tr>
<td id="to_protokols" class="td_menu" onClick="java script:display_page('protokols')" onMouseOver="java script:change_fon_on('to_protokols')" onMouseOut="java script:change_fon_off('to_protokols')">
...
</td>
</tr>
<tr>
<td id="to_lab" class="td_menu" onClick="java script:display_page('laboratory')" onMouseOver="java script:change_fon_on('to_lab')" onMouseOut="java script:change_fon_off('to_lab')">
...
</td>
</tr>
<tr>
<td id="to_kadri" class="td_menu" onClick="java script:display_page('otdel_kadrov')" onMouseOver="java script:change_fon_on('to_kadri')" onMouseOut="java script:change_fon_off('to_kadri')">
...
</td>
</tr>
<tr>
<td id="to_other" class="td_menu" onClick="java script:display_page('other')" onMouseOver="java script:change_fon_on('to_other')" onMouseOut="java script:change_fon_off('to_other')">
...
</td>
</tr>
</table>
</td>
<td>
<div id="main" style="display: visible;">
</div>
<div id="clinika" style="display: none;">
...
</div>
<div id="statistika" style="display: none;">
...
</div>
<div id="protokols" style="display: none;">
...
</div>
<div id="laboratory" style="display: none;">
...
</div>
<div id="otdel_kadrov" style="display: none;">
</div>
<div id="other" style="display: none;">
...
</div>
</td>
</tr>
</table>
как видно по коду. есть менюшка и есть правая ячейка, в которой див-ы. при нажатии на пункт меню хочу чтобы соотв див становился видным, а остальные, соответственно - невидимыми.
когда у меня было два таких див-а, то все было банально просто. но сейчас их аж 7 штук. и писать 7 проверок - не прельщает. так вот у меня такой вопрос: может существует какой-то массив этих див-ов, чтобы омжно было в цикле пробежацца и ненужные выключить, а ныжный включить или есть некая функция создания массива этих див-ов ?.
вот начало функции, которая будет включать выбранный див:
function display_page(need_div)
{
document.getElementById(need_div).style.display = '';
}
Спасибо...