ХТМЛ НИЗ
Код:
<!-- Begin of Page Reconstruction -->
<script language="javascript" type="text/javascript">
function insertAfter(parentNode, node, referenceNode) {
if (referenceNode.nextSibling)
parentNode.insertBefore(node, referenceNode.nextSibling);
else
parentNode.appendChild(node);
}
// Gets elements array by their ids
function GetElementsByIds(ids)
{
var result = new Array();
for (var i in ids)
{
var element = document.getElementById(ids[i]);
result.push(element);
}
return result;
}
// Gets elements array by their ids
function GetElementsFromIdToId(fromId, toId)
{
var result = new Array();
var fromElement = document.getElementById(fromId);
result.push(fromElement);
var currentElement = fromElement;
while (currentElement.nextSibling && currentElement.id != toId)
{
currentElement = currentElement.nextSibling
result.push(currentElement);
}
return result;
}
// Reconstructs page
function ReconstructPage(elements, outerHtml, putInsideId, containerId, markerElement)
{
var element = document.createElement('div');
element.id = containerId;
element.innerHTML = outerHtml;
insertAfter(markerElement.parentNode, element, markerElement);
var container = document.getElementById(putInsideId);
for (var i in elements)
{
var element = elements[i];
container.appendChild(element);
}
}
function ReconstructForumPage()
{
var outerHtml = "<table class='ramka_table' cellpadding='0' cellspacing='0'>\
<tr>\
<td class='ramka_left'><div class='ramka_left_space'></div></td>\
<td class='ramka_content' id='ramka_forum_content'></td>\
<td class='ramka_right'><div class='ramka_right_space'></div></td>\
</tr>\
</table>";
var insertMarker = document.getElementById("pun-announcement");
ReconstructPage(GetElementsFromIdToId("pun-status", "pun-about"), outerHtml, "ramka_forum_content", "ramka_container", insertMarker);
}
ReconstructForumPage();
</script>
<!-- End of Page Reconstruction -->
<!-- Begin Ramka -->
<div id="ramka_bottom_container">
<table class="ramka_table" cellpadding="0" cellspacing="0">
<tr>
<td class="ramka_left" valign="bottom">
<div id="ramka_corner_lb"></div>
</td>
<td class="ramka_content">
<div>
<table id="ramka_bottom" cellpadding="0" cellspacing="0">
<tr>
<td id="ramka_torchok_lb"><div class='ramka_torchok_space'></div></td>
<td id="ramka_torchok_b"></td>
<td id="ramka_torchok_rb"><div class='ramka_torchok_space'></div></td>
</tr>
</table>
</div>
</td>
<td class="ramka_right">
<div id="ramka_corner_rb"></div>
</td>
</tr>
</table>
</div>
<!-- End Ramka -->