Приветик реалны  е пацаны.
| Код |
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function hideShowTreeNode(obj,imOpen,imClose){
var tdEl = obj.parentNode;
var trElIndex = tdEl.parentNode.rowIndex+1;
var tbaleEl = tdEl.parentNode.parentNode.parentNode;
var rowsCount = tdEl.parentNode.parentNode.parentNode.rows.length;
for (i = trElIndex;i<rowsCount;i++){
var nextTrEl = tbaleEl.rows[i];
if (navigator.appName.indexOf("Microsoft")!=-1)
if (nextTrEl.style.display=='' || nextTrEl.style.display=="block"){
nextTrEl.style.display = "none";
obj.src = imClose;
}else{
nextTrEl.style.display = "block";
obj.src = imOpen;
}
else{
if (nextTrEl.style.display=="" || nextTrEl.style.display=="table-row"){
nextTrEl.style.display = "none";
obj.src = imClose;
}else{
nextTrEl.style.display = "table-row";
obj.src = imOpen;
}
}
}
}
</script>
<style type="text/css">
.tree{
padding-top: 4px;
}
.treeNode{
padding-left: 6px;
font: bold 14px arial;
color: #828282;
}
.treeTextNode{
padding-left: 10px;
font: normal 14px arial;
color: #828282;
}
.treeDecor{
border-left: 1px dashed #C2C2C2;
border-bottom: 1px dashed #C2C2C2;
}
.treeNodeDecor{
border-left: 1px dashed #C2C2C2;
border-bottom: 1px dashed #C2C2C2;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" class="tree">
<tbody>
<tr>
<td width="10"><img src="open.gif" onclick="hideShowTreeNode(this,'open.gif','close.gif')" class="treeNodeImg"/></td>
<td width="290" class="treeNode">caption</td>
</tr>
<tr>
<td class="treeTextNodeDecor"><div></div></td>
<td class="treeTextNode">some body fllllllllllllllllll flllllllll flllllllll</td>
</tr>
<tr>
<td class="treeTextNodeDecor"><div></div></td>
<td class="treeTextNode">some body bbbbbbbbbbbbbbbbbb</td>
</tr>
<tr>
<td class="treeTextNodeDecor"></td>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="10"><img src="open.gif" onclick="hideShowTreeNode(this,'open.gif','close.gif')"/></td>
<td width="290" class="treeNode">caption</td>
</tr>
<tr>
<td></td>
<td class="treeTextNode">some body fllllllllllllllllll flllllllll flllllllll</td>
</tr>
<tr>
<td></td>
<td class="treeTextNode">some body bbbbbbbbbbbbbbbbbb</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
|
|