спасибо всем за советы =)
рассказываю, как я это реализовал... сделал через iframe. в этом коде в iframe загружаются html страницы, изменяется размер iframe (вдруг какая-то страница значительно больше размера iframe по умолчанию), и изменяется надпись и цвет (через стили) у активной ссылки (в моем случае у активной ссылки вместо "-" рисуется "+")
<html>
<head>
<script type="text/javascript" src="/js/LinkStyle.js"></script>
</head>
<body>
<a href="#" class="active" id="TopMenuAboutCompany" onclick="LinkStyle(this, 'TopMenuAboutCompany', '\/html\/TopMenu\/AboutCompany.html', '400', ' + о компании |')"> + о компании |</a>
<a href="#" id="TopMenuAboutProduction" onclick="LinkStyle(this, 'TopMenuAboutProduction', '\/html\/TopMenu\/AboutProduction.html', '400', ' + о продукции |')"> - о продукции |</a>
<a href="#" id="TopMenuPartners" onclick="LinkStyle(this, 'TopMenuPartners', '\/html\/TopMenu\/Partners.html', '400', ' + партнеры |')"> - партнеры |</a>
<a href="#" id="TopMenuContacts" onclick="LinkStyle(this, 'TopMenuContacts', '\/html\/TopMenu\/Contacts.html', '550', ' + контакты |')"> - контакты |</a>
<a href="#" id="TopMenuInformation" onclick="LinkStyle(this, 'TopMenuInformation', '\/html\/TopMenu\/Information.html', '1450', ' + информация |')"> - информация |</a>
<iframe src="/html/TopMenu/AboutCompany.html" width="744" height="400" frameborder=0 scrolling=no id="iframe" >
</iframe>
</body>
</html>
function LinkStyle(a, IdLink, IframeSrc, IframeSize, LinkText)
{//?, ИД ссылки; путь до загружаемого файла; размер фрэйма; надпись ссылки;
//верхнее меню. устанавливаем надписи к ссылкам по умолчанию.
document.getElementById('TopMenuAboutCompany').innerHTML=' - о компании |'
document.getElementById('TopMenuAboutProduction').innerHTML=' - о продукции |'
document.getElementById('TopMenuPartners').innerHTML=' - партнеры |'
document.getElementById('TopMenuContacts').innerHTML=' - контакты |'
document.getElementById('TopMenuInformation').innerHTML=' - информация |'
var IframeId = document.getElementById('iframe'); //куда загружаем файл, открываемый по ссылке
var aa = document.getElementsByTagName('a');
for( i in aa )
if( aa[i] != a && aa[i].className == 'active' )
{aa[i].className = '';}
else {a.className = 'active';
IframeId.src = IframeSrc; //устанавливаем путь до файла, который загружаем в iframe;
IframeId.height = IframeSize; //устанавливаем размер iframe;
document.getElementById(IdLink).innerHTML = LinkText; //надпись ссылки
}
return false;
}
PS может и не идеально, но зато мое детище))) этакой недоношенный, кривобокий рахитик...
критика приветствуется
