Как получить предупреждение о загрузке элемента? - PullRequest
Новая
       18

Как получить предупреждение о загрузке элемента?

0 голосов
/ 22 января 2019

Я хочу получить оповещение после загрузки всплывающего окна. Он работает с тегом body, но не отвечает в этом div. 

<script>
        function myFunction() {
          alert("I am an alert box!");
        }
</script>
<html>
<body>
  <div class="modal fade flat-popupform" id="popup_10_jan" onload="myFunction()">
    <img src="<?php echo base_url(); ?>resources/images/events/jan-10-2019/1.jpeg" alt="Events" style="max-width:100%;">
  </div>
</body>
</html>

1 Ответ

0 голосов
/ 22 января 2019

Атрибут события onload не работает с тегом div.

Поддерживаются только теги <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> and <style>

См. https://www.w3schools.com/tags/ev_onload.asp, чтобы узнать больше.

Самое простое решение, которое я могу придумать, - это просто поместить тег script и код javascript (внутри тега script) сразу после div. 

<html>

<body>
  <div class="modal fade flat-popupform" id="popup_10_jan">
    <script>
      alert("I am an alert box!");
    </script>
    <img src="<?php echo base_url(); ?>resources/images/events/jan-10-2019/1.jpeg" alt="Events" style="max-width:100%;">
  </div>
</body>

</html>

Скрипт должен выполняться сразу после загрузки div, поскольку он находится внутри div. Это должно решить вашу проблему.

...