Мы используем файлы cookie, чтобы упростить навигацию на этом сайте. Если вы даете свое согласие на использование файлов cookie и обработку ваших персональных данных, нажмите «Принимаю».

Принимаю

Загружать iframe по нажатию на кнопку

В этой теме 1 ответ, 2 участника, последнее обновление 5 лет, 2 месяца назад сделано Ivan Lyubovnikov.

Просмотр 2 сообщений - с 1 по 2 (из 2 всего)

Автор

Сообщения
17 октября, 2019 в 08:24 #14660

profdst
Customer

Здравствуйте
Не подскажите скрипт или что-то, чтобы реализовать на html/css/js загрузку iframe по нажатию на соотв. кнопку? Т.к. на странице их несколько и не хочется сразу все загружать.
Спасибо

17 октября, 2019 в 10:39 #14661
Ivan Lyubovnikov
Staff
здравствуйте, это совсем несложно, надо у iframe свойство src выставить, можно вот так:
```
<html>
    <head>
        <script>
            function bindButton() {

                var button = document.getElementById('button');
                var iframe = document.getElementById('iframe');

                button.addEventListener('click', function(e) {

                    iframe.src = 'https://cdn.soft8soft.com/demo/applications/spinner/spinner.html';

                });
            }
        </script>
    </head>

    <body onload='bindButton()'>
        <iframe id='iframe'></iframe>
        <button id='button'>Load</button>
    </body>
</html>
```
Co-founder and lead developer at Soft8Soft.
Автор

Сообщения

Просмотр 2 сообщений - с 1 по 2 (из 2 всего)

Для ответа в этой теме необходимо авторизоваться.