Получение value для iframe

477
24 ноября 2016, 10:27

Есть у меня код, который получает value выпадающего списка и выводит картинку, путь которой указан в value каждого элемента списка. Теперь же стала необходимость выводить другой html документ, а заменить <img> на <iframe> так просто не получилось. Форумчане, помогите пожалуйста. В JS слаб пока что. Вот код который использую для вывода картинки

<img id="img" src="value" align="middle" /> 
  <script> 
    var select = document.getElementById('categories'), 
      img = document.getElementById('img'); 
    select.addEventListener('change', changeImg.bind(this),false) 
    function changeImg(elem) { 
      img.src = elem.target.value 
    } 
  </script>

Answer 1

Тут все просто:

<select id="categories"> 
	<option>Выберите из списка</option> 
	<option value="http://site.com/">site.com</option> 
	<option value="http://site.com/">site.com</option> 
</select> 
 
<iframe id="iframe" src="value" align="middle"></iframe> 
  <script> 
    var select = document.getElementById('categories'), 
      iframe = document.getElementById('iframe'); 
     select.addEventListener('change', changeImg.bind(this),false) 
    function changeImg(elem) { 
      iframe.src = elem.target.value 
    } 
 </script>

Главное чтобы в заголовках сайта, который будет отображаться в iframe не было X-Frame-Options: DENY

READ ALSO
Подсветка пункта меню в Bootstrap

Подсветка пункта меню в Bootstrap

Есть одностраничный темплейт UI-Hero , который скроллит страницу при выборе пункта в меню и подсвечивает текущую секцию(Видимо, по section id)

518
Javascript: отключить Caps Lock

Javascript: отключить Caps Lock

Юзер вводит в текстовое поле информациюНужно как-то проверить включен ли Caps Lock и если да, тогда отключать его

546
Как обращаться к элементам массива если ключи постоянно сдвигаются

Как обращаться к элементам массива если ключи постоянно сдвигаются

Есть чат на нодеОбьекты пользователей которые сейчас в чате хранятся в массиве users

348