Согласен, вопрос избитый и, в какой-то степени, глупый, но тем не менее, не могу с ним справиться... Не хватает, увы, знаний...
В общем, на главной странице есть вкладки. В каждой из вкладок есть свое меню. Каждый пункт меню - это сторонняя HTML страница.
Как организовать отображение каждой из этих страниц внутри данной вкладки (блока) с привязкой к меню?! Другими словами, необходимо, чтобы отображалась только та HTML страница, кнопка которой была нажата.
<div class="container">
<section class="tabs2">
<input id="tab2-1" type="radio" name="radio-set" class="tab2-selector-1" checked="checked" />
<label for="tab2-1" class="tab2-label-1">Вкладка 1</label>
<div class="clear-shadow"></div>
<div class="content">
<div class="content2-1">
<ul class="mmenu">
<li><a href="new1.html" class="current">История</a></li>
<li><a href="new2.html">Файловый архив</a></li>
</ul>
<iframe src="new1.html" width="800" height="400" align="left" frameborder="no" scrolling="no"></iframe>
<iframe src="new2.html" width="800" height="400" align="left" frameborder="no" scrolling="no"></iframe>
</div>
</div>
</section>
</div>
Пробовал с использованием функции
<script type="text/javascript">
function disp(myid){
document.getElementById('r1').style.display = "none";
document.getElementById(myid).style.display = "block";
};
</script>
и команды onClick="disp('r1')"
Но, по неведомой мне причине она не сработала, более того, при таком варианте ломается и само меню
Пытался сделать и таким вариантом:
<input type='button' value='Показать' onclick='document.getElementById("div").style.display = "block";'>
<div style='display:none' id="div">Текст отображаемый по нажатии на кнопку</div>
Так же безуспешно... Как только вставляю в блок вкладки еще один блок, все пропадает.
Подозреваю, что это из-за использования тега ссылки, а не кнопки. Т.е. не <input>,а <a > Но к сожалению если меняю на input, ломается все меню
В общем, прошу Вашей помощи...
Сборка персонального компьютера от Artline: умный выбор для современных пользователей