Согласен, вопрос избитый и, в какой-то степени, глупый, но тем не менее, не могу с ним справиться... Не хватает, увы, знаний...
В общем, на главной странице есть вкладки. В каждой из вкладок есть свое меню. Каждый пункт меню - это сторонняя 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
, ломается все меню
В общем, прошу Вашей помощи...
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Всем привет! Я backend-щик, а поставили задачу по версткеИмеется два блока A и Б, у которых может быть разная высота
Нужен срочный хелп ребятРешил переписать файл css на less, скопировал не весь код и он его в него же скомпилировал, естественно старый код затерся
Добрый день, можете подсказать как мне отсортировать выдачу MySQL по количеству совпадений? К примеру есть запрос