Как через определённую ссылку url сразу показать модальное окно на странице?

Question

[Дмитрий]

На странице есть "модальные" или как их там называют окна, скрытые через display none, показываются по клику на див.

Можно ли по ссылке url, типа site.ru/page#trigger через js отловить #trigger и кликнуть на див? Или поменять свойства css скрытого окна для его показа?

Не силён в коде, может кто-нибудь угостит примером за большую человеческую благодарность?

Answer 1

[Максим Тимофеев]

Клик по ссылке - это событие, по событию можно вызвать модальное окно и нет необходимости добавлять что-то к url. В этом есть необходимость только если мы хотим вызвать его сразу после загрузки страницы, при наличии #trigger в url. Тогда так:

$(function() {
  if(window.location.hash) {
      var hash = window.location.hash.substring(1);
      if(hash == 'trigger'){
                 $('#mymodal').css('display','block');
      }
  }
});

Это оправдано если нам надо перейти по ссылке и там сразу открыть модалку. В противном случае - это идиотизм, так как проще сделать так:

$('#mysomeelement').on('click',function(){
      $('#mymodal').css('display','block');
});

Comments

[Дмитрий]

Спасибо, первое подошло. Прям магия, всё просто).

[Максим Тимофеев]

Дмитрий: Заходите еще))

Answer 2

[Андрей]

if(window.location.hash) {
      var hash = window.location.hash; 
      $(hash).openmodal();
  }

Comments

[Максим Тимофеев]

сработает при любом hash и вызовет функцию openmodal, которой может и нет

[Андрей]

Максим Тимофеев: да ну это же прототип

[Дмитрий]

Андрей: спасибо за помощь.

Answer 3

[Дмитрий]

Ребят, а можно сразу несколько свойств css поменять за раз?

.css('font-size','18px'!не пойму чем разделять!'text-shadow','0 7px 14px #000'!!!...)