Вызов div при клике

@Refandlers · Регистрация: 29.12.2012

Студворк — интернет-сервис помощи студентам

Имеется ссылка вида:

HTML5
1
<a href="#" id="l">Ссылка</a>

При клике нужно вызвать div с id="openModal"

Как сделать?

@kalabuni · 25.05.2013, 14:47

<div> у вас скорой помощью работает?
или пожарным?
или полицией?
вызывают обычно их...

вы скажите, что вам надо конкретно... а то - "вызвать"

@Refandlers · 25.05.2013, 14:56 **[ТС]**

есть <div id="openModal">тут еще код</div> - это модальное окно на чистом css

есть ссылка , <a id="l" href="#">Ссылка</a>

Надо чтобы при клике на ссылку Появлялся div с окошком..

на хтмл вызываю так: <a id="l" href="#openModal">Ссылка</a> и все работает.. а нужно на js

@ntny · 25.05.2013, 19:42

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

есть <div id="openModal">тут еще код</div> - это модальное окно на чистом css

есть ссылка , <a id="l" href="#">Ссылка</a>

Надо чтобы при клике на ссылку Появлялся div с окошком..

на хтмл вызываю так: <a id="l" href="#openModal">Ссылка</a> и все работает.. а нужно на js

нужно чтобы модальное окно формировалось из явыскрипта?
тогда <a id="l" href="javascript:openModal()">Ссылка</a>

где openModal() будет функцией вызывающей модальное окно

если модальное окно бутстраповское можете использовать в функции
https://github.com/Nikku/jquer... -scripting

Если нет, сложности все равно не должны думаю возникнуть

@Refandlers · 25.05.2013, 21:10 **[ТС]**

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

нужно чтобы модальное окно формировалось из явыскрипта?
тогда <a id="l" href="javascript:openModal()">Ссылка</a>

где openModal() будет функцией вызывающей модальное окно

если модальное окно бутстраповское можете использовать в функции
https://github.com/Nikku/jquer... -scripting

Если нет, сложности все равно не должны думаю возникнуть

Так в том и проблема, что не знаю, как в функцию засунуть..окно на чистом css без js реализовано

HTML5
1
2
3
4
5
<div id="openModal" class="modalDialog">
  <div>
    <a href="#close" title="Закрыть" class="close">X</a>
  </div>
</div>

@ntny · 25.05.2013, 21:18

Refandlers, в функцию окно "засовывать" не надо.
туда надо "засунуть" код вызывающий всплывающее окно.

Если бы был бутстрап то
http://bootstrap-ru.com/204/javascript.php#modals

если верить описанию то просто

JavaScript
1
2
3
4
5
<script type="text/javascript">
function openModal() {
       $('#myModal').modal(options);
}
</script>

@alokazay · 25.05.2013, 21:21

Если на чистом js.

HTML5
1
2
3
4
5
6
7
<style>
.openModal{
    display: none;
}
</style>
 
<a href="#" onclick="showModalDialog();" id="l">Ссылка</a>

JavaScript
1
2
3
4
    function showModalWindow () {
        var modalWindow = document.getElementById('openModal');
        modalWindow.style.display = 'block';
    }

@ntny · 25.05.2013, 21:26

А откуда этот класс ModalDialog?
Т.е. эти css?
Какая то библиотека или самописное?

@alokazay · 25.05.2013, 22:14

Я так понял у него просто сверстанное модальное окно без сторонних библиотек.

Новые блоги и статьи Все статьи Все блоги /
YAFU@home — распределённые вычисления для математики. На CPU Programma_Boinc 20.01.2026 YAFU@home — распределённые вычисления для математики. На CPU YAFU@home — это BOINC-проект, который занимается факторизацией больших чисел и исследованием aliquot-последовательностей. Звучит. . .	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	25.05.2013, 14:47
	<div> у вас скорой помощью работает? или пожарным? или полицией? вызывают обычно их... вы скажите, что вам надо конкретно... а то - "вызвать" 0

@Refandlers 0 / 0 / 0 Регистрация: 29.12.2012 Сообщений: 6
	25.05.2013, 14:56 [ТС]
	есть <div id="openModal">тут еще код</div> - это модальное окно на чистом css есть ссылка , <a id="l" href="#">Ссылка</a> Надо чтобы при клике на ссылку Появлялся div с окошком.. на хтмл вызываю так: <a id="l" href="#openModal">Ссылка</a> и все работает.. а нужно на js 0

@ntny 9 / 9 / 1 Регистрация: 17.06.2012 Сообщений: 168
	25.05.2013, 21:26
	А откуда этот класс ModalDialog? Т.е. эти css? Какая то библиотека или самописное? 0

@alokazay 33 / 33 / 6 Регистрация: 14.03.2013 Сообщений: 89
	25.05.2013, 22:14
	Я так понял у него просто сверстанное модальное окно без сторонних библиотек. 0