Вывод других HTML страниц с кнопок в нужном месте во фрейме

246
02 декабря 2017, 08:01

Согласен, вопрос избитый и, в какой-то степени, глупый, но тем не менее, не могу с ним справиться... Не хватает, увы, знаний...

В общем, на главной странице есть вкладки. В каждой из вкладок есть свое меню. Каждый пункт меню - это сторонняя 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, ломается все меню

В общем, прошу Вашей помощи...

READ ALSO
Выравнить два блока по нижнему краю

Выравнить два блока по нижнему краю

Всем привет! Я backend-щик, а поставили задачу по версткеИмеется два блока A и Б, у которых может быть разная высота

228
Восстановление файла css

Восстановление файла css

Нужен срочный хелп ребятРешил переписать файл css на less, скопировал не весь код и он его в него же скомпилировал, естественно старый код затерся

232
Отсортировать SQL выдачу

Отсортировать SQL выдачу

Добрый день, можете подсказать как мне отсортировать выдачу MySQL по количеству совпадений? К примеру есть запрос

239