Есть у меня код, который получает 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>
Тут все просто:
<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
Есть одностраничный темплейт UI-Hero , который скроллит страницу при выборе пункта в меню и подсвечивает текущую секцию(Видимо, по section id)
Юзер вводит в текстовое поле информациюНужно как-то проверить включен ли Caps Lock и если да, тогда отключать его
Пример https://jsfiddlenet/zvrata/0okjx14o/#
Есть чат на нодеОбьекты пользователей которые сейчас в чате хранятся в массиве users