Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.01.2020, 17:59
Новичок на форуме
Отправить личное сообщение для Zabuza9090 Посмотреть профиль Найти все сообщения от Zabuza9090
 
Регистрация: 08.01.2020
Сообщений: 9

Открытие страниц в iframe по нажатию
Добрый день! столкнулся с проблемой отображения других страниц в iframe при выборе radio и нажатии кнопки. Подскажите как это можно оформить на JS
<body>
    <style>
      div#main {
        overflow: hidden;
        width: 100%;
        height: 100%;
      }
      div#left {
        width: 30%;
        /*background-color: blue;*/
        float: left;
        height: 97vh;
      }
      div#right {
        width: 70%;
        /*background-color: brown;*/
        float: right;
        height: 97vh;
      }
    </style>

    <div id="main">
      <div id="left">
        <form name = "zadanie">
        Задание 1: <input name="zd" id="zd1" type="radio" value="zadanie1"><br>
        Задание 2: <input name="zd" id="zd2" type="radio" value="zadanie2"><br>
        Задание 3: <input name="zd" id="zd3" type="radio" value="zadanie3"><br> 
       <button id="check">Показать</button>
      </div>

      <div id="right">
        <iframe name="iframe" width="100%" height="100%" frameborder="no" ></iframe>
      </div>
      <script type="text/javascript">
    document.getElementById("check").onclick = function () 
     {
     var zd1 = document.getElementById('zd1'); 
     var zd2 = document.getElementById('zd2'); 
     var zd3 = document.getElementById('zd3'); 
    
    if (zd1.checked){
    
    }
       
    if (zd2.checked)
    frames['frm'].location.href ='zadanie2.html'
     
    if (zd3.checked)
        alert ('POKKKKA')
    
}

      </script>

    </div>
  </body>
Ответить с цитированием
  #2 (permalink)  
Старый 08.01.2020, 18:31
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,261

Можно просто так:
<a href="zadanie1.html" target="zadanie">Задание 1</a>
<a href="zadanie2.html" target="zadanie">Задание 2</a>
<iframe name="zadanie"></iframe>
Ответить с цитированием
  #3 (permalink)  
Старый 08.01.2020, 18:37
Новичок на форуме
Отправить личное сообщение для Zabuza9090 Посмотреть профиль Найти все сообщения от Zabuza9090
 
Регистрация: 08.01.2020
Сообщений: 9

Rise, Я понимаю что можно сделать ссылками на страницу, но я пытаюсь сделать в зависимости от выбранного переключателя, открывает в фрейме задание 1-2 или 3 именно через событие кнопки

спасибо

Последний раз редактировалось Zabuza9090, 08.01.2020 в 18:52.
Ответить с цитированием
  #4 (permalink)  
Старый 08.01.2020, 19:30
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,261

Zabuza9090,
var frm = document.getElementById('frm');
// ...
frm.src = 'zadanie2.html';
Ответить с цитированием
  #5 (permalink)  
Старый 08.01.2020, 20:24
Новичок на форуме
Отправить личное сообщение для Zabuza9090 Посмотреть профиль Найти все сообщения от Zabuza9090
 
Регистрация: 08.01.2020
Сообщений: 9

Rise,
Сообщение от Rise Посмотреть сообщение
Zabuza9090,
var frm = document.getElementById('frm');
// ...
frm.src = 'zadanie2.html';
он работает если не вставлять в цикл if, а если после проверки радио вставить что бы фрейм выводил страницу он не хочет,
var frm = document.getElementById('frm');
     
    if (zd1.checked){
    frm.src = 'zadanie1.html'
    }
был вариант вывести через Frames[iframe'].location.href
Ответить с цитированием
  #6 (permalink)  
Старый 08.01.2020, 20:52
Новичок на форуме
Отправить личное сообщение для Zabuza9090 Посмотреть профиль Найти все сообщения от Zabuza9090
 
Регистрация: 08.01.2020
Сообщений: 9

Все Rise, получилось спасибо, проблема была в том что radio и кнопка были в <form> поэтому ничего не работала

Спасибо большое
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрытие/ Открытие блока DIV по нажатию на PNG картинку dunakov Общие вопросы Javascript 11 22.04.2017 11:31
Открытие ссылок из select в iframe Feex Элементы интерфейса 4 01.01.2016 17:39
Открытие iframe по центру окна maximamus Общие вопросы Javascript 9 27.07.2015 18:57
Событие onload при загрузке страниц в iframe kolia4 jQuery 1 14.06.2015 01:43
Открытие нового окна по нажатию на картинку psihoz26 Общие вопросы Javascript 2 08.07.2014 17:02