<script language="JavaScript">
function ShowHide(obj) {
Title = document.getElementById(obj)
Arrow = document.getElementById(obj + "Arrow")
DropTable = document.getElementById(obj + "Table")
if (DropTable.style.display == "") {
DropTable.style.display = "none"
Title.className = "titleC"
Arrow.innerHTML = "⇓"
return
}
else DropTable.style.display = ""; Title.className = "title"; Arrow.innerHTML = "⇑"
}
function Resize(){
for (var i = 0; i < document.getElementsByTagName("table").length; i++) {
document.getElementsByTagName("table").style.width = ??? ;
}
}
</script>
<body onResize="Resize()">
<table class="osci" align="center"><td>OverSoft CPU Informer v 0.8 Report</td></table>
<table class="title" align="center" id="Processor" onclick="ShowHide('Processor')">
<td><span class="arrow" id="ProcessorArrow">⇑</span>Processor</td>
</table>
<table class="droptable" align="center" id="ProcessorTable">
<tr>
<td class="param">CPU Name</td><td class="value">Intel Pentium-IV Processor</td>
</tr>
<tr>
<td class="param">Vendor String</td><td class="value">GenuineIntel</td>
</tr>
<tr>
<td class="param">Core CodeName</td><td class="value">Northwood D1</td>
</tr>
<tr>
<td class="param">Platform</td><td class="value">Socket 478</td>
</tr>
<tr>
<td class="param">Extended Name</td><td class="value">Intel(R) Pentium(R) 4 CPU 3.00Ghz</td>
</tr>
<tr>
<td class="param">Transistor Quantity</td><td class="value">55 M</td>
</tr>
</table>
</body>
Получение ширины таблицы в JavaScript
Имеется вот такое:
То есть, выпадающая таблица. Проблема: при изменении размеров окна, или при низком разрешении, когда выпадающая таблица разъезжается (white-space: nowrap), шапка (title) размеров не изменяет (в css у обоих width: 50%). Задача: размер шапки должен соответсвовать размеру выпадающей таблицы. В идеале конечно нужно не через TagName, а через изменение css, cssrule и всё такое, но с этим вообще не могу разобраться.
p.s. document.getElementById("Processor").style.width не канает.
Код:
То есть, выпадающая таблица. Проблема: при изменении размеров окна, или при низком разрешении, когда выпадающая таблица разъезжается (white-space: nowrap), шапка (title) размеров не изменяет (в css у обоих width: 50%). Задача: размер шапки должен соответсвовать размеру выпадающей таблицы. В идеале конечно нужно не через TagName, а через изменение css, cssrule и всё такое, но с этим вообще не могу разобраться.
p.s. document.getElementById("Processor").style.width не канает.
Я сомневаюсь что у тебя получится переопредилить длину таблицы из JavaScript, т.к есть CSS
