shasoft
@shasoft

Как открыть модальное окно CSS с помощью JS?

Есть такой html код.
<a href="#Modal" class="">Открыть модальное окно</a>
<div id="Modal" class="Dialog">
   <div>
	<h3>Заголовок окна</h3>
	<div class="tabs">
	Данные в окне
	</div>
	<a class="close" title="Закрыть" href="#close"></a>
   </div>
</div>

По клике на ссылке открывается модельное окно. Проблема в том, что мне нужно вызывать это окно не по клику на ссылке, а с помощью js кода. Как это можно сделать?

Добавление: В наличии нет никаких js библиотек (в том числе и jQuery иначе бы просто подключил плагин какой-нибудь)

Добавление 2: Рабочее решение
  • Вопрос задан
  • 3555 просмотров
Решения вопроса 1
SkiperX
@SkiperX Куратор тега CSS
location.href="#Modal"
Ответ написан
Пригласить эксперта
Ответы на вопрос 6
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Может подойдет вообще без js https://jsfiddle.net/joomla/fp0wa35g/
Ответ написан
axaxa_man
@axaxa_man
web developer
$("#Modal").show();
Ответ написан
abyrkov
@abyrkov
JavaScripter
Изначально планировать с JS нельзя? ;)
html
<button onclick="click()">Modal</button>
<div id="modal" style="display: hidden;">
// modal
</div>

js
function click(){
modal = modal || document.getElementById("modal");
modal.styles.display = "block";
}
Ответ написан
LenovoId
@LenovoId
I want, women not to get sick
shasoft
@shasoft Автор вопроса
Вот тут подсказали решение без изменения ссылки.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы