| displayser | 14.12.2011 15:27 |
Помогите разобраться в скрипте
Добрый день (вечер)
Есть отчет в СЭД он формирует вот такую картинку
как видно - при нажатии на "+" вываливается список и накладывается на ниже расположенное "меню". Это происходит в Chrome и Firefoxe. В IE все норм.
Подскажите что можно подправить чтобы все было красиво во всех браузерах.
Вот код:
java только начинаю изучать так что заранее признателен за любую помощь.
Есть отчет в СЭД он формирует вот такую картинку
как видно - при нажатии на "+" вываливается список и накладывается на ниже расположенное "меню". Это происходит в Chrome и Firefoxe. В IE все норм.
Подскажите что можно подправить чтобы все было красиво во всех браузерах.
Вот код:
Код:
<html>
<head>
<style>
<!--
H1 {TEXT-ALIGN: center; FONT-SIZE: 170%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Helvetica, Arial}
H2 {FONT-SIZE: 130%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Helvetica, Arial}
H3 {FONT-SIZE: 90%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Helvetica, Arial}
H4 {PADDING-RIGHT: 83pt; FONT-SIZE: 83%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Helvetica, Arial; TEXT-ALIGN: left}
H5 {FONT-WEIGHT: normal; FONT-SIZE: 83%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial}
P {FONT-SIZE: 83%; MARGIN: 6pt 10pt 3pt; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial; TEXT-ALIGN: justify}
TD {FONT-SIZE: 83%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial}
TABLE {BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
TH {FONT-SIZE: 83%; FONT-WEIGHT: bold; TEXT-ALIGN: center; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial}
-->
</style>
<script>
function OpenTree(el) {
if (document.all[el]!=null) {
if (document.all[el].style.overflow == "visible") {
document.all[el].style.overflow = "hidden";
document.all[el + "pic"].innerText = '[+]';
}
else {
document.all[el].style.overflow = "visible";
document.all[el + "pic"].innerText = '[-]';
}
}
}
</script>
</head>
<body>
<h1>Сводка по организации <a href="http://exchange/reference.asp?sys=directum&CompCode=ОРГ&ID=111277">Балтийские Офисные Технологии, ООО</a> ()</h1>
<h2 style='cursor:hand' onclick='OpenTree("ID_1")'>
<span id='ID_1pic'>[+]</span> Координаты
</h2>
<div style='padding-left: 1cm; overflow:hidden; height:1px' id='ID_1'>
<p>Адрес: 236010 РОССИЯ, Калининградская обл, Калининград г, проспект Мира, дом 136, к.319</p>
<h3> Контактные лица организаций </h3>
</div>
<h2 style='cursor:hand' onclick='OpenTree("ID_4")'>
<span id='ID_4pic'>[+]</span> Контакты с организацией
</h2>
<div style='padding-left: 1cm; overflow:hidden; height:1px' id='ID_4'>
</div>
<h2 style='cursor:hand' onclick='OpenTree("ID_5")'>
<span id='ID_5pic'>[+]</span> Участия в маркетинговых мероприятиях
</h2>
<div style='padding-left: 1cm; overflow:hidden; height:1px' id='ID_5'>
</div>
<h2 style='cursor:hand' onclick='OpenTree("ID_6")'>
<span id='ID_6pic'>[+]</span> Рассылки по электронной почте
</h2>
<div style='padding-left: 1cm; overflow:hidden; height:1px' id='ID_6'>
</div>
</body>
</html>