Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.09.2019, 07:46
Кандидат Javascript-наук
Отправить личное сообщение для Stas1985 Посмотреть профиль Найти все сообщения от Stas1985
 
Регистрация: 05.03.2012
Сообщений: 103

Закрытие модального окна по клику
Помогите пожалуйста сделать закрытие модального окна по клику за пределами самого окна.
Пациент _https://update.lik-astana.kz/#devepmen-mira
Модальное окно на чистом css, как я понял сделать это можно только при помощи JS. Подскажите пожалуйста как это можно сделать. В JS не селен и по этому задаю такой вопрос.
Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 14.09.2019, 11:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,083

Stas1985,
добавить
<script>
jQuery(function() {
jQuery(document).on("click", function(event){
	 if(event.target.id == "devepmen-mira") {
       location.hash = "";
       history.replaceState(null, null, ' ');
	 }
		});
});
  </script>
Ответить с цитированием
  #3 (permalink)  
Старый 18.09.2019, 10:57
Кандидат Javascript-наук
Отправить личное сообщение для Stas1985 Посмотреть профиль Найти все сообщения от Stas1985
 
Регистрация: 05.03.2012
Сообщений: 103

рони Спасибо скрипт работает.
Подскажите еще как сделать чтоб при нажатии за пределами поля окно просто закрылось. Сейчас при нажатии происходит скрол вверх
Ответить с цитированием
  #4 (permalink)  
Старый 18.09.2019, 15:47
Кандидат Javascript-наук
Отправить личное сообщение для Stas1985 Посмотреть профиль Найти все сообщения от Stas1985
 
Регистрация: 05.03.2012
Сообщений: 103

Попробовал так
<script>
	jQuery(function() {
	jQuery(document).on("click", function(event){
	     if(event.target.id == "devepmen-barselona") {
	       location.hash = " ";
	       history.replaceState(null, null, null, '');
	     }
	        });
	});
	  </script>

теперь к ссылке добавляет /#%20
вот полная ссылка _https://update.lik-astana.kz/#%20
Ответить с цитированием
  #5 (permalink)  
Старый 18.09.2019, 16:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,083

Stas1985,
вариант от Malleys,
попробуйте вместо скрипта, добавить в css

a.gameos::after {
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
Ответить с цитированием
  #6 (permalink)  
Старый 19.09.2019, 10:15
Кандидат Javascript-наук
Отправить личное сообщение для Stas1985 Посмотреть профиль Найти все сообщения от Stas1985
 
Регистрация: 05.03.2012
Сообщений: 103

сделал так
<script>
	jQuery(function() {
	jQuery(document).on("click", function(event){
	     if(event.target.id == "devepmen-kubrina") {
	       location.hash = '#gameos';
	       history.replaceState(null, null, null, ' ');
	     }
	        });
	});
</script>

вроде все работает.
Ответить с цитированием
  #7 (permalink)  
Старый 29.09.2019, 19:02
Аспирант
Отправить личное сообщение для Signal Посмотреть профиль Найти все сообщения от Signal
 
Регистрация: 04.05.2016
Сообщений: 98

css лучше как и сказал Stas1985
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Popup. Закрытие модального окна при клике. NastyaNewer Events/DOM/Window 1 11.04.2018 09:31
Закрытие модального окна palgashik Общие вопросы Javascript 4 19.05.2016 18:44
оптимизировать скорость модального окна по клику kristow AJAX и COMET 4 26.02.2015 13:02
Закрытие модального окна от bootstrap carroty jQuery 0 11.10.2013 01:54
Закрытие модального окна с подключенным jquery.js lukingnu jQuery 1 10.03.2011 22:37