Закрытие всплывающего окна, при нажатии в любой области экрана

@Sannikov1994 · Регистрация: 22.09.2014

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

Добрый день. У меня есть два блока, при нажатии на которые появляется скрытый текст, но нужно чтобы он скрывался если будет произведен клик в другой области экрана.

HTML5
1
2
3
4
5
6
7
8
9
        <p><a onclick="look('hidden_content_price'); return false;" href="#">прайс</a></p>
        <div id="hidden_content_price" style="display: none;">
            <p><a href="">скачать прайс на продукцию</a></p>
        </div>
 
        <p><a onclick="look('hidden_content_question'); return false;" href="#">задать вопрос</a></p>
        <div id="hidden_content_question" style="display: none;">
            <p>Если вы не нашли интересующих вас материалов, обратитесь к специалистам нашей компании по контактным телефонам или заполните форму <a href="">обратной связи</a>.</p>
        </div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
var show;
function look(type) {
    param=document.getElementById(type);
    if(param.style.display == "none"){
        if(show) show.style.display = "none";
        param.style.display = "block";
        show = param;
    } else{
        param.style.display = "none";
    }
}

@Evgeny Sh. · 05.07.2016, 12:07

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    document.body.addEventListener("click", showBlock);
    var elem1 = document.getElementById('hidden_content_price');
    var elem2 = document.getElementById('hidden_content_question');
 
    function showBlock (event) {
        event.preventDefault();
        var id = event.target.id;
        if (id === 'hidden_content_price' || id === 'hidden_content_question') {
            event.target.style.display = 'block';
        } else {
            elem1.style.display = 'none';
            elem2.style.display = 'none';
        }
        
    }

Добавлено через 5 минут
Немного не то, в общем тебе надо повесить обработчик события на body и проверять на что нажали

@newJS · 06.07.2016, 06:36

вот ещё вариант
Обмен готовыми решениями

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 25.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 23.01.2026 Решили писать научную статью с неким РОманом	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 полиномов. . .

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,529
	06.07.2016, 06:36
	вот ещё вариант Обмен готовыми решениями 0