Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.95/74: Рейтинг темы: голосов - 74, средняя оценка - 4.95
 Аватар для Stans
79 / 54 / 3
Регистрация: 05.12.2009
Сообщений: 434

При клике на ссылку - переход по ссылке и закрытие модального окна

16.10.2011, 21:04. Показов 14763. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть модальное окно и в нем несколько ссылок на другие страницы. Нужно чтобы при клике на ссылку срабатывал переход по ней и закрывалось модальное окно.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
16.10.2011, 21:04
Ответы с готовыми решениями:

Запуск функции открытия модального окна при клике по ссылке
Приветствую всех. Товарищи я в JavaScript вообще не силён, можно даже сказать полный 0, по этому обращаюсь за помощью. Предположим...

Как запретить закрытие модального окна при клике за его пределами?
Html окна: <!-- Само окно --> <div id="boxes"> <div id="dialog" class="window"> <div class="content"> <p>Привет</p> ...

Как написать скрипт для скрытия модального окна при клике вне окна(на боди) ?
У меня модальное окно вообще даже не открывается при нажатии на кнопку,потому что у меня так прописано в скрипте ...

7
 Аватар для Daredevi1
311 / 303 / 78
Регистрация: 09.05.2009
Сообщений: 723
16.10.2011, 22:55
мб так
HTML5
1
<a href="http://tut.by" target="_blank" onclick="setTimeout(function(){window.close()}, 1)">tut.by</a>
1
 Аватар для Stans
79 / 54 / 3
Регистрация: 05.12.2009
Сообщений: 434
16.10.2011, 23:20  [ТС]
Спасибо, но при таком варианте при клике на ссылку закрывается вся вкладка и открывается новая. А мне жжелательно, чтобы закрывалось только модальное окошко и открывалась еще одна вкладка.
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
17.10.2011, 19:09
Цитата Сообщение от Stans Посмотреть сообщение
чтобы закрывалось только модальное окошко
Какое модальное окошко?
0
 Аватар для Stans
79 / 54 / 3
Регистрация: 05.12.2009
Сообщений: 434
17.10.2011, 19:50  [ТС]
Вот такое:
0
 Аватар для Daredevi1
311 / 303 / 78
Регистрация: 09.05.2009
Сообщений: 723
18.10.2011, 09:57
Ах вот какое окно, я то думал окно браузера. Ну тогда можно примерно так. Допустим у окна есть айдишка message, тогда:
JavaScript
1
2
3
$("#message a").click(function(){
   $(this).parents("#message").hide();
});
У ссылки должен быть атрибут target="_blank", чтобы она открылась в новой вкладке.
0
 Аватар для Stans
79 / 54 / 3
Регистрация: 05.12.2009
Сообщений: 434
18.10.2011, 19:07  [ТС]
У меня вот такой код для этого окошка:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div id="usermenu">
        <div id="menuheader"><span id="hello">Привет, {login}!</span>
            <div id="close2">
            <a href="#" onClick="document.getElementById('usermenu').style.display='none'; return false;"><img src="{THEME}/images/close.png" /></a>
            </div>
        </div>
        <div id="rcol-prof">
            <img src="{foto}" alt="{login}" />
        </div>
        <div id="lcol-prof">
            [admin-link]<a href="{admin-link}" target="_blank" ><b>Админпанель</b></a>[/admin-link]<br />
            <a href="/user/{login}/">Мой профиль</a><br />
            <a href="{pm-link}">Сообщения: ({new-pm} | {all-pm})</a><br />
            <a href="{addnews-link}"><b>Добавить новость</b></a><br />
            <a href="{favorites-link}">Мои закладки</a><br />
            <a href="{stats-link}">Статистика</a><br />
            <a href="{lb_options_link}">Настройки форума</a><br />
            <a href="{lb_status_link}">Личный статус</a><br />
            <a href="{lb_favorites_link}">Избранные темы</a><br />
            <a href="{lb_subscribe_link}">Подписка на темы</a>
        </div>
    </div>
Как будет выглядеть скрипт именно для этого html-кода?
0
weboman
 Аватар для Schtrich
210 / 195 / 63
Регистрация: 13.08.2010
Сообщений: 1,531
Записей в блоге: 6
19.10.2011, 01:12
JavaScript
1
2
3
$('#lcol-prof a').click(function(){
 $('#usermenu').hide();
});
ну еще чтобы открывалась новая вкладка target="_blank" поставь всем пункам. Надеюсь JQuery у вас подключено.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
19.10.2011, 01:12
Помогаю со студенческими работами здесь

Закрытие модального окна при нажатии вне области
Как сделать, чтобы окно закрывалось при нажатии на крестик и при нажатии вне области. &lt;li class=&quot;nav-item&quot;&gt; &lt;a...

Переход по ссылке при клике на div
Здравствуйте, как сделать переход по ссылке при клике по блоку div, например &lt;div id=&quot;support&quot;&gt; asdasdasdasdadad ...

Переход по ссылке при двойном клике
Здравствуйте! Подскажите, как сделать, чтобы осуществлялся переход по ссылкам при двойном клике на картинку, в зависимости от ее id

Программно вызвать переход по ссылке при клике
Доброго времени суток! Подскажите пожалуйста, как, используя jQuery, программно вызвать переход по ссылке при клике на другом элементе?...

При первом клике на ссылку открывать описание при втором переходить по ссылке
Есть ссылка с div в котором находиться описание к ссылке что-то типо card в bootstrap 4. Описание выводится при наведении, но для...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru