@demiancz

Как добавить ссылку в iframe src по клику на кнопку средствами JavaScript?

На странице есть две кнопки. Нужно, чтобы если человек кликнул по одной кнопке, в iframe появлялась одна ссылка. А если кликнул по другой - то другая ссылка.

<iframe width="640" height="480" src="сюда нужно подставить ссылку" frameborder="0" allowfullscreen></iframe>

<input type="button" id="button1" value="Камера 1">
<input type="button" id="button2" value="Камера 2">


<script>
function button1() {
тут будет ссылка 1
}
function button2() {
тут будет ссылка 2
}

buttonCamera1.onclick = button1;
buttonCamera2.onclick = button2;

</script>
  • Вопрос задан
  • 39 просмотров
Решения вопроса 1
@bqio
https://github.com/bqio
document.querySelector('iframe').setAttribute('src', 'ссылка');
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@ptenchik0
<iframe id="myIframe" width="640" height="480" src="сюда нужно подставить ссылку" frameborder="0" allowfullscreen>
<input type="button" value="Change site" onClick="button1()" />
<input type="button" value="Change site" onClick="button2()" />

function button1() {
document.getElementById('myIframe').src = 'тут будет ссылка 1';
}
function button2() {
document.getElementById('myIframe').src = 'тут будет ссылка 2';
}
Ответ написан
@Steppp
let iframe = document.querySelector(`iframe`);
function button1() {
iframe .src = 'http// ... ... ...'
}
function button2() {
iframe .src = 'http// ... ... ...'
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
16 янв. 2021, в 00:06
3000 руб./за проект
15 янв. 2021, в 23:54
15000 руб./за проект