ну, тогда всё возможно. надо только хост соответствующий найти. или это всё локально?
конечно, перво-наперво стоит почитать мануал. в html - он настолько маленький, что даже говорить неприлично. для базы http://stepbystep.htmlbook.ru/?id=11 , найти подробнее и ещё кучу всякого в сети сейчас не проблема
советы:
1. многие не понимают, что табличные тэги никак нельзя мешать. это наименее гибкая конструкция в хтмл. нельзя, к примеру, запизивать между строчкой и ячейкой ничего, как здесь <tr>что-то<td>
2. многие шибко умные пытаются сказать, что спецификация не требует закрытия разных тэгов. сами не понимают, что закрывая тэг явно, они лишают браузера возможности перекручивать разметку по своему усмотрению.
3. собсна по вопросу. я б сделал так:
| Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript">
var IE = false;
if(window.ActiveXObject) { IE = true; }
function show(x) {
var par = (IE) ? 'inline-block' : 'table-row-group';
document.getElementById(x).style.display = par;
}
function hid(x) { document.getElementById(x).style.display = 'none'; }
</script>
<style>
.section td { background: #eeeeee; }
.subsection { display: none; }
</style>
</head>
<body>
<table border="1" width="100%" cellpadding="5">
<tbody>
<tr><td>наименование</td><td>закуплено</td><td>выдано</td></tr>
</tbody>
<tbody class="section" onclick="show('sub1');">
<tr><td>гвозди</td><td>10</td><td>10</td></tr>
</tbody>
<tbody class="subsection" id="sub1" onclick="hid('sub1');">
<tr><td>поставщик</td><td>диаметр</td><td>штук</td></tr>
<tr><td>магазин 1</td><td>2</td><td>2</td></tr>
<tr><td>магазин 2</td><td>3</td><td>3</td></tr>
</tbody>
<tbody class="section" onclick="show('sub2');">
<tr><td>шурупы</td><td>10</td><td>10</td></tr>
</tbody>
<tbody class="subsection" id="sub2" onclick="hid('sub2');">
<tr><td>поставщик</td><td>диаметр</td><td>штук</td></tr>
<tr><td>магазин 3</td><td>2</td><td>2</td></tr>
<tr><td>магазин 4</td><td>3</td><td>3</td></tr>
</tbody>
</table>
</body>
</html>
|
за любыми нюансами обращайтесь к справочникам, хотя в том сайте, ссылку на который я дал. там, к примеру, расписано, почему пришлось вводить разделение по браузерам: var par = (IE) ? 'inline-block' : 'table-row-group'; |
Уверен, что вы сможете мне помочь: указать направление/методы/подходы или даже подсказать решение. 