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

Домой Форумы Общие вопросы Загружать iframe по нажатию на кнопку

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

Просмотр 2 сообщений - с 1 по 2 (из 2 всего)
  • Автор
    Сообщения
  • #14660
    Аватар
    profdst
    Лицензиат

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

    #14661
    Ivan Lyubovnikov
    Ivan Lyubovnikov
    Разработчик

    здравствуйте, это совсем несложно, надо у 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 всего)

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