Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.77/13: Рейтинг темы: голосов - 13, средняя оценка - 4.77
 Аватар для Eyzen
0 / 0 / 0
Регистрация: 08.04.2013
Сообщений: 23

Не закрывается всплывающее окно, что только не делал

18.02.2016, 17:16. Показов 2802. Ответов 5
Метки нет (Все метки)

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

Поставил скрипт всплывающего окна.
Демо - http://siteis.ru/index.php?opt... cle&id=166
скачать - http://siteis.ru/upload/jquery/popups.zip

Но данный кодер забыл про функцию "Закрыть окно при клике на другие элементы"

Я перебрал в сети десятки вариантов, даже сам разработчик в комментариях к данному творению, написал решение, которое не сработало.

на всякий случай, прикладываю код js файла и код вставки в php страницу

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
$(function () {
    //script for popups
    $('a.show_popup').click(function () {
        $('div.'+$(this).attr("rel")).fadeIn(500);
        $("body").append("<div id='overlay'></div>");
        $('#overlay').show().css({'filter' : 'alpha(opacity=80)'});
        return false;               
    }); 
    $('a.close').click(function () {
        $(this).parent().fadeOut(100);
        $('#overlay').remove('#overlay');
        return false;
    });
 
    //script for tabs
    $("div.selectTabs").each(function () {
        var tmp = $(this);
        $(tmp).find(".lineTabs li").each(function (i) {
            $(tmp).find(".lineTabs li:eq("+i+") a").click(function(){
                var tab_id=i+1;
                $(tmp).find(".lineTabs li").removeClass("active");
                $(this).parent().addClass("active");
                $(tmp).find(".tab_content div").stop(false,false).hide();
                $(tmp).find(".tab"+tab_id).stop(false,false).fadeIn(300);
                return false;
            });
        });
    });
});
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="popup tabs_info">
    <a class="close" href="#">Close</a>
    <h2>Вкладки (tabs)</h2>      
    <div class="selectTabs">
        <ul class="lineTabs">
            <li class="active"><a href="#">Удобства вкладок</a></li>
            <li><a href="#">Преимущества вкладок</a></li>
        </ul>
        <div class="tab_content">
            <div class="tab1">
                <p>текст</p>
            </div>
            <div class="tab2">
                <p><img alt="" src="/images/tabs.jpg" /> текст</p>
            </div>
        </div>
    </div>          
</div>

Спасайте! Что и куда (строчка вставки) нужно впихнуть в данный код, чтобы окно стало закрываться при клике вне div данного окна
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
18.02.2016, 17:16
Ответы с готовыми решениями:

Не закрывается всплывающее окно о сообщении, пока его не прочесть
Собственно, когда на сайте мне или я кому-то да и вообще кто-либо кому-либо отсылает сообщение, то всплывающее окно о нем будет выскакивать...

Модальное окно открывается и закрывается только при всплывающем блоке Cookies
Помогите.Модальное окно открывается и закрывается только при всплывающем блоке Cookies. Почему так происходит? //функция скрытия...

Ссылка на всплывающее окно, что не так?
Здравствуйте, я не программист и не знаю к кому обратиться, суть в следующем: на сайте все ссылке открывают заданное окно...

5
22 / 22 / 9
Регистрация: 16.03.2015
Сообщений: 193
19.02.2016, 09:56
Eyzen, как вариант добавить на страницу какой-нибудь блок, допустим
HTML5
1
<div id="close"></div>
задать ему абсолютное позиционирование, растянуть его на весь экран и скрыть.
При всплытии окна, показать элемент #close. Главное не забыть задать вашему всплывающему блоку z-index больше чем у #close. Потом при клике на #close убирать ваше окно и сам #close тоже скрывать.
0
 Аватар для Eyzen
0 / 0 / 0
Регистрация: 08.04.2013
Сообщений: 23
19.02.2016, 14:20  [ТС]
Дайте пожалуйста сразу готовый код, я не шарю уже
0
9 / 9 / 5
Регистрация: 25.07.2013
Сообщений: 35
19.02.2016, 15:16
А лучше так:
JavaScript
1
2
3
$(document).on('click', '#overload', function() {
    $('.close').click();
});
0
 Аватар для Eyzen
0 / 0 / 0
Регистрация: 08.04.2013
Сообщений: 23
19.02.2016, 15:45  [ТС]
Вставить под $(function () { ?
0
22 / 22 / 9
Регистрация: 16.03.2015
Сообщений: 193
19.02.2016, 17:11
Eyzen, готовый код это в раздел фриланса, либо ждите благодетеля. Здесь вам помогут если вы чего-то не понимаете, поправят код если что-то не работает, а писать за вас, увольте. Тем более что задача на самом деле простая.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
19.02.2016, 17:11
Помогаю со студенческими работами здесь

Полетела MacOS Catalina на macbook air. Что я уже только не делал, при запуске папка со
СОС!!!! Люди уже бьюсь 3 дня.... Полетела MacOS Catalina на macbook air. Что я уже только не делал, при запуске папка со знаком вопроса ...

Окно в программе открывается и закрывается очень быстро. Что делать?
при выполнении вот этого кода: ... class An_class(QtWidgets.QWidget): def __init__(self, parent=None): ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru