div-ы

[arlek1n]

итак. ситуация такова. у меня есть на странице таблица.

<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 = '';

}

Спасибо...