Форум

niko42 · #1 (**permalink**) 12.05.2013, 17:52

Здравствуйте.

Хочу вызвать событие onlick у блока div с ID=bumPhoneVis, после загрузки страници. Данный блок div модальное окно написанное на CCS3.

К сожалению, данная кострукция не работает.

window.onload = function () {
     document.getElementById("bumPhoneVis").click();
}

Уточните, пожалуйста, как можно вызвать модальное окно по ID=bumPhoneVis после загрузки страници?

Спасибо!

danik.js · #2 (**permalink**) 12.05.2013, 18:15

Используя jquery:

$(document).ready(function(){
    myModal.show()
});

кстати document.ready (верней DOMContentLoaded) - не тоже что и window.load (load возникает позже, после загрузке всех ресурсов типа картинок и прочего)

niko42 · #3 (**permalink**) 12.05.2013, 19:37

Спасибо. Но я всего-лишь хочу вызвать ссылку после загрущки страницы:
http://mysiat.ru/catalog/#bumPhoneVis - это вызов окна.

К сожалению, jquery у меня не подключен и какбы не хочу его подключать.
Хочеться воспользоваться возможностями js

Хочется, что-то такого document.getElementById('button').onclick = вызов самого себя

danik.js · #4 (**permalink**) 12.05.2013, 19:54

Ну как вариант:
location.hash = 'bumPhoneVis'

А вобще хрень получается - окно на css, но при этом отображается через js. В чем же тогда смысл?

niko42 · #5 (**permalink**) 12.05.2013, 20:03

Сообщение от danik.js

Ну как вариант:
location.hash = 'bumPhoneVis'

А вобще хрень получается - окно на css, но при этом отображается через js. В чем же тогда смысл?

К сожалению, все не так просто... Спасибо!

_0_ · #6 (**permalink**) 12.05.2013, 21:37

Если у тебя к bumPhoneVis обработчик привязан через свойство onclick, то это означает, что в свойстве onclick твоего bumPhoneVis содержится функция-обработчик просто вызови ее document.getElementById("bumPhoneVis").onclick()

niko42 · #7 (**permalink**) 12.05.2013, 21:50

Сообщение от _0_

Если у тебя к bumPhoneVis обработчик привязан через свойство onclick, то это означает, что в свойстве onclick твоего bumPhoneVis содержится функция-обработчик просто вызови ее document.getElementById("bumPhoneVis").onclick()

Я же говорю, все не так просто - document.getElementById("bumPhoneVis").onclick() - не работает.

cyber · #8 (**permalink**) 12.05.2013, 22:43

niko42, конечно это работать не будет, потому что у
document.getElementById("bumPhoneVis") нет метода onclick(),
а есть метод click()

cyber · #9 (**permalink**) 12.05.2013, 22:48

niko42,
а в общем можно сделать так

<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>
    <div id="t"> </div>
    <script>
var elem = document.getElementById("t");
      elem.onclick = function () {
      
        alert("");
      }
elem.click();

    </script>

  </body>
</html>

danik.js · #10 (**permalink**) 13.05.2013, 07:58

niko42, внеси ясность по части того, как работает твое модальное окно.
Правильно ли я понял что оно работает на css3, используя псевдокласс :target ?
То есть окно появится в случае если адрес страницы будет http://mysiat.ru/catalog/#bumPhoneVis , верно?
Для этого достаточно запустить код location.hash = 'bumPhoneVis', и ссылка станет такой, и окно появится. Хочешь сказать это не работает? Это было бы противоречиво...

Форум

Справочник

Discord чат

Курсы javascript