- Автор темы
- #1
Есть код последовательного отображения и скрытия списков. Работает везде, кроме IE. Проблема, как я понимаю, в onclick, но как сделать правильно не могу никак найти информацию. Подскажите, кто знает, плз..
Код:
function show(obj) {
x=document.getElementById(obj);
x.style.display = \"block\";
alert(x.style.display);
}
function hide(obj) {
x=document.getElementById(obj);
x.style.display = \"none\";
}
function showhide(obj) {
x=document.getElementById(obj);
if (x.style.display = \"none\") {
x.style.display = \"block\";
}
}
HTML:
<FORM name=\"asd\" id=\"asd\">
<TABLE width='100%'>
<TR>
<TD>
<SELECT id=\"level1\" name=\"addrealt\">
<OPTION value=\"\" onclick=\"hide('add1'); hide('add2'); hide('add3'); hide('add4'); hide('add5'); hide('add6'); hide('sale'); hide('room'); hide('house'); hide('office'); hide('torg');\">ДОБАВИТЬ ОБЪЕКТ</OPTION>
<OPTION value=\"\" onclick=\"show('sale'); hide('add');\">Предлагаю</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=392&cc=266\" onclick=\"show('add1'); hide('sale'); hide('add2'); hide('add3'); hide('add4'); hide('add5'); hide('add6'); hide('sale'); hide('room'); hide('house'); hide('office'); hide('torg');\">Требуется</OPTION>
</SELECT>
</td>
<TD>
<div id=\"sale\" style=\"display:none\">
<SELECT id=\"level2\" name=\"addrealt2\">
<OPTION value=\"\" onclick=\"hide('add1'); hide('add2'); hide('add3'); hide('add4'); hide('add5'); hide('add6'); hide('room'); hide('house'); hide('office'); hide('torg');\">Выбрать</OPTION>
<OPTION value=\"\" onclick=\"show('room'); hide('house');\">Помещение</OPTION>
<OPTION value=\"\" onclick=\"show('house'); hide('add1'); hide('add2'); hide('add3'); hide('add4'); hide('add5'); hide('add6'); hide('room'); hide('office'); hide('torg');\">Отдельностоящее здание</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=371&cc=262\" onclick=\"show('add2'); hide('room'); hide('house'); hide('add1'); hide('add3'); hide('add4'); hide('add5'); hide('add6'); hide('room'); hide('office'); hide('torg'); hide('house');\">Земельный участок/инвестпроект</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=398&cc=343\" onclick=\"show('add2'); hide('room'); hide('house'); hide('add1'); hide('add3'); hide('add4'); hide('add5'); hide('add6'); hide('room'); hide('office'); hide('torg'); hide('house');\">Готовый бизнес</OPTION>
</SELECT>
</div>
</td>
<TD>
<div id=\"room\" style=\"display:none\">
<SELECT id=\"level3\" name=\"addrealt3\">
<OPTION value=\"\" onclick=\"hide('add1'); hide('add2'); hide('add3'); hide('add4'); hide('add5'); hide('add6'); hide('house'); hide('office'); hide('torg');\">Выбрать</OPTION>
<OPTION value=\"\" onclick=\"show('office'); hide('torg'); hide('sklad'); hide('misc'); hide('house'); hide('add1'); hide('add2'); hide('add3'); hide('add4'); hide('add5'); hide('add6');\">Офисное</OPTION>
<OPTION value=\"\" onclick=\"show('torg'); hide('office'); hide('sklad'); hide('misc'); hide('house'); hide('add1'); hide('add2'); hide('add3'); hide('add4'); hide('add5'); hide('add6');\">Торговое</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=399&cc=285\" onclick=\"show('add3'); hide('add1'); hide('add2'); hide('add4'); hide('add5'); hide('add6'); hide('house'); hide('office'); hide('torg');\">Складское (производственное)</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=442&cc=348\" onclick=\"show('add3'); hide('add1'); hide('add2'); hide('add4'); hide('add5'); hide('add6'); hide('house'); hide('office'); hide('torg');\">Другое</OPTION>
</SELECT>
</div>
</td>
<TD>
<div id=\"house\" style=\"display:none\">
<SELECT id=\"level4\" name=\"addrealt4\">
<OPTION value=\"\">Выбрать</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=445&cc=350\" onclick=\"show('add4'); hide('add1'); hide('add2'); hide('add3'); hide('add5'); hide('add6'); hide('office'); hide('torg');\">Под офис/представительство</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=446&cc=351\" onclick=\"show('add4'); hide('add1'); hide('add2'); hide('add3'); hide('add5'); hide('add6'); hide('office'); hide('torg');\">Под торговлю</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=447&cc=352\" onclick=\"show('add4'); hide('add1'); hide('add2'); hide('add3'); hide('add5'); hide('add6'); hide('office'); hide('torg');\">Другое/свободного назначения</OPTION>
</SELECT>
</div>
</td>
<TD>
<div id=\"office\" style=\"display:none\">
<SELECT id=\"level5\" name=\"addrealt5\">
<OPTION value=\"\">Выбрать</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=364&cc=256\" onclick=\"show('add5'); hide('torg'); hide('add1'); hide('add2'); hide('add3'); hide('add4'); hide('add6');\">В бизнес центре</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=440&cc=346\" onclick=\"show('add5'); hide('torg'); hide('add1'); hide('add2'); hide('add3'); hide('add4'); hide('add6');\">В другом здании</OPTION>
</SELECT>
</div>
</td>
<TD>
<div id=\"torg\" style=\"display:none\">
<SELECT id=\"level6\" name=\"addrealt6\">
<OPTION value=\"\">Выбрать</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=367&cc=252\" onclick=\"show('add6'); hide('office'); hide('add1'); hide('add2'); hide('add3'); hide('add4'); hide('add5');\">В торговом центре</OPTION>
<OPTION value=\"/netcat/add.php?catalogue=1&sub=441&cc=347\" onclick=\"show('add6'); hide('office'); hide('add1'); hide('add2'); hide('add3'); hide('add4'); hide('add5');\">В другом здании</OPTION>
</SELECT>
</div>
</td>
<TD>
<div id=\"add1\" style=\"display:none\">
<INPUT type=\"button\" onclick=\"javascript:location.href=getElementById('level1').options[getElementById('level1').selectedIndex].value;\" value=\"Добавить\">
</div>
<div id=\"add2\" style=\"display:none\">
<INPUT type=\"button\" onclick=\"javascript:location.href=getElementById('level2').options[getElementById('level2').selectedIndex].value;\" value=\"Добавить\">
</div>
<div id=\"add3\" style=\"display:none\">
<INPUT type=\"button\" onclick=\"javascript:location.href=getElementById('level3').options[getElementById('level3').selectedIndex].value;\" value=\"Добавить\">
</div>
<div id=\"add4\" style=\"display:none\">
<INPUT type=\"button\" onclick=\"javascript:location.href=getElementById('level4').options[getElementById('level4').selectedIndex].value;\" value=\"Добавить\">
</div>
<div id=\"add5\" style=\"display:none\">
<INPUT type=\"button\" onclick=\"javascript:location.href=getElementById('level5').options[getElementById('level5').selectedIndex].value;\" value=\"Добавить\">
</div>
<div id=\"add6\" style=\"display:none\">
<INPUT type=\"button\" onclick=\"javascript:location.href=getElementById('level6').options[getElementById('level6').selectedIndex].value;\" value=\"Добавить\">
</div>
</td>
</tr>
</table>
</FORM>