Страницы: 1
Подскажите пожалуйста!
вот код
<html>
<head>
<script type="text/javascript">
function SwitchMenu(obj)
{
var elem = document.getElementsByTagName("tr");
dn=0;
while ((dn > elem.length)||(elem.item(dn).id != obj)) dn++;
dn++;
do
{
if (elem.item(dn).style.display != 'none')
{
elem.item(dn).style.display = 'none';
}
else
elem.item(dn).style.display = 'block'
dn++;
}
while ((dn > elem.length)||(String(elem.item(dn).className).substring(0,8)!="menuitem"));
}
</script>
</head>
<body>
<table>
<tr id="he1" class="menuitem"><td onclick="SwitchMenu('he1')" width="51" height="25">11111</td></tr>
<tr><td width="51" height="25">1</td></tr>
<tr><td width="51" height="25">1</td></tr>
<tr id="he2" class="menuitem"><td onclick="SwitchMenu('he2')" width="51" height="25">22222</td></tr>
<tr><td width="51" height="25">2</td></tr>
<tr><td width="51" height="25">2</td></tr>
<tr><td width="51" height="25">2</td></tr>
<tr><td width="51" height="25">2</td></tr>
<tr id="he3" class="menuitem"><td onclick="SwitchMenu('he3')" width="51" height="25">33333</td></tr>
<tr><td width="51" height="25">3</td></tr>
</table>
</body>
</html>
В IE и Opera все работает
А в Mozilla Firefox: неработает display
Как решить эту проблему ?
Добавлено Tue Jan 15 11:04:40 2008 :
т.е. работает но не корректно почемуто расширяется блок. Подскажите пожалуйста что да как !!
Отсутствует
Да но тогда IE не будет работать
Отсутствует
Burevestnik
Именно поэтому Lynn Вам советует использовать классы. В классе Вы пропишете все что нужно совместимым образом, например, через хаки, и все будете делать сменой класса. Еще один аргумент: по результатам тестов мы делаем вывод, чтто метод переключения классов по сравнению с некоторыми другими методами, в том числе, переписыванием отдельных стилей, на части браузеров дают ту же производительность, а на части - заметно бОльшую.
Отсутствует
Спасибо за подсказку
Отсутствует
Страницы: 1