Как скрыть часть кода, до действия?

Question

[Bd2290]

Всем привет!

Проблема следующая, на сайте есть iframe, который необходимо скрыть от всех, пока пользователь не совершит любое действие(скролл, движение мышкой, нажатие на экран).

Задача не только временно скрыть айфрейм для рендеринга в браузере, но и скрыть его наличие в исходном коде, до действий. То есть он не должен быть виден в инструментах разработчика, пока не произойдет скролл и т.д.

Возможно такое реализовать? Если да, то буду благодарен за пример

Answer 1

[ThunderCat]

по событию добавляйте элемент яваскриптом.

Comments

[Bd2290]

Спасибо за отклик.

Так верно?
<div id="lazy-load"></div>

<script>
    function lazyLoad() {
      // Load the lazy content here...
      console.log("Lazy content loaded!");
    }

    window.addEventListener("mousemove", function() {
      // Remove the event listener to prevent multiple loads
      window.removeEventListener("mousemove", arguments.callee);

      // Call the lazy load function
      lazyLoad();
    });
  </script>

[ThunderCat]

Bd2290, да, естественно нужно будет дописать сам код добавления контента.

[AUser0]

Bd2290, и грузить AJAX-ом, тогда его даже в коде страницы не будет, физически.