Показать блок div при нажатии на картинку

@Rva4 · Регистрация: 26.01.2016

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

Показать блок div при нажатии на картинку.Блок должен появляться по центру.

Заранее спасибо)

@Raisin Zn · 28.06.2016, 16:04

Можно так:

JavaScript
1
2
3
4
5
6
7
<img src="адрес картинки" onClick="start();">
<div id="div" style="display: none;">Бла бла бла</div>
<script type="text/javascript">
function start() {
    document.getElementById('div').setAttribute('style', 'display: block');
};
</script>

Блок сами по центру установить сможете?

Добавлено через 23 минуты
Мне больше такой вариант нравится:

JavaScript
1
2
3
4
5
6
7
8
9
<img src="" id="photo">
<div id="block" style="display: none;">Бла бла бла</div>
<script type="text/javascript">
var photo = document.getElementById('photo');
photo.onclick = function() {
    var block = document.getElementById('block');
    block.style.display = 'block';
};
</script>

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@Rva4 3 / 3 / 2 Регистрация: 26.01.2016 Сообщений: 229

	Показать блок div при нажатии на картинку 28.06.2016, 14:52. Показов 5262. Ответов 1 Метки нет (Все метки) Показать блок div при нажатии на картинку.Блок должен появляться по центру. Заранее спасибо) 0

Показать блок div при нажатии на картинку

Решение