Отчет по практике: Розробка довідково-інформаційної бази Факультету комп’ютерних систем
"iframe_content_block"; break;
case 4: document.getElementById("if_c_4").className=
"iframe_content_block"; break;
case 5: document.getElementById("if_c_5").className=
"iframe_content_block"; break;
case 6: document.getElementById("if_c_6").className=
"iframe_content_block"; break;
}
Зміна кількості розділів веде до зміни коду. Наприклад внас є лише два розділи: if_c_ 1 та if_c_2 . Код скрипту буде змінений на:
function menu(menu_id)
{
for(var i=Number(1);i<=2;i++)
document.getElementById("if_c_"+i).className=
"iframe_content_none";
switch (Number(menu_id))
{
case 1: document.getElementById("if_c_1").className=
"iframe_content_block"; break;
case 2: document.getElementById("if_c_2").className=
"iframe_content_block"; break;
}
}
Блок меню буде виглядати так:
<div id="content">
<div id="menu">
<ul>
<li><a href="javascript:menu(1);"> Розділ 1 </a></li>
<li><a href="javascript:menu(2);"> Розділ 2 </a></li>
</ul>