Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.89/75: Рейтинг темы: голосов - 75, средняя оценка - 4.89
0 / 0 / 0
Регистрация: 12.11.2012
Сообщений: 44

Открыть ссылку в модальном окне

13.12.2012, 11:00. Показов 14877. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день! И снова я со своими модальными окнами.
При клике на
HTML5
1
href=antrga_ansehen.php class="modal">
должно открываться модальное окно, а с ним вместе и энтот файл. В index.html прописала диалог
HTML5
1
<div id="dialog_window_3" class="dialog_window" title="Antrag" style="display:none">
, в *.js определила настройки диалога, а также определила функцию:
JavaScript
1
2
3
4
5
6
7
$('a.modal').live('click', dialog_copy ());
function dialog_copy(event){
event.preventDefault();
var op = event.data.op;
var anrgad_id= $(this).attr('id');
$('#dialog_windows_3').load(this.href).dialog('open');
}
Все-равно открывает как ссылку без модального окна, в консоли говорит, что
HTML5
1
TypeError: event is undefined event.preventDefault();
Если ставлю:
JavaScript
1
$('body').append('<iframe src="'+this.href+'"></iframe>')
в функцию; - говорит, что ссылка не находиться.
Может кто подскажет как это правильно реализовать?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
13.12.2012, 11:00
Ответы с готовыми решениями:

Открытие контента в другом модальном окне при клике на ссылку
Всем привет. Мне нужно узнать, как при нажатие на ссылку, открыть контент, в другом модальном окне. Хочу, чтобы открывались и html...

Открыть веб-страницу в модальном окне
привет. дано, 10 свежих линков которые вываливает пыха, сейчас они подвязаны к блокам в которых превью и дескрипшн со страницы по линку....

Открыть ссылку в новом окне
Здравствуйте, у меня есть галерея, вот часть её кода: m3D.init( При нажатии на рисунок ссылка открывается в этом...

5
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
13.12.2012, 11:19
Возможно поможет
JavaScript
1
$('a.modal').live('click', dialog_copy (event));
0
0 / 0 / 0
Регистрация: 12.11.2012
Сообщений: 44
13.12.2012, 11:23  [ТС]
к сожалению не помогло, объединила все в одну функцию, все равно открывает без модального окна:
JavaScript
1
2
3
4
$('a.modal').on('click',{op:'copy'}, function(event) {
event.preventDefault();
$('#dialog_windows_3').load(this.href).dialog('open');
});
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
13.12.2012, 13:42
В принципе, всё верно. Проверьте, подключен ли jquery-ui и добавьте
JavaScript
1
2
3
4
5
6
7
8
9
$(function() {
 
    $('#dialog_windows_3').dialog({ autoOpen: false });
 
    $('a.modal').on('click',{op:'copy'}, function(event) {
        event.preventDefault();
        $('#dialog_windows_3').load(this.href).dialog('open');
    });
});
Добавлено через 4 минуты
В dialog_windows_3 не надо прописывать style="display:none"
0
 Аватар для Soldado
901 / 833 / 198
Регистрация: 28.06.2012
Сообщений: 1,607
Записей в блоге: 4
14.12.2012, 12:22
Зачем делать ссылку, если никуда не собираетесь переходить, а потом отменять ненужный переход:
HTML5
1
href=antrga_ansehen.php class="modal">
Сделайте всё сразу в Span - стилизовав его как угодно, а адрес запишите в другой атрибут, например data-alt
HTML5
1
<span data-alt="antrga_ansehen.php" class="modal">
В скрипте обрабатывайте уже новый элемент и другой атрибут, это избавит Вас от .preventDefault(), return: false
0
0 / 0 / 0
Регистрация: 12.11.2012
Сообщений: 44
14.12.2012, 16:28  [ТС]
я просто хотела дать возможность открыть этот файл даже в том случае, если у клиента не установлен JavaScript, тогда просто сработает ссылка.
Но я вроде все настроила, но все равно не срабатывает, на любом файле. если ссылку убираю появляется диалоговое окно, т.е. дело не в настройке диалога, может файл большой для обработки? так я пробовала простенький html - открывает как ссылку. На данный момент код такой: php:
HTML5
1
<div id="dialog_window_3" class="dialog_window" title="Antrag" ></div>
js:
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
30
31
32
33
$(function(){  
    $('#dialog_window_3').dialog({
        autoOpen: false,
        width: 600,
        height: 450,
        modal: true,
        resizable: false,
        draggable: false,
        title: 'Antrag',
        buttons: [
        {
            id: 'submit',
            text: 'Speichern',
            click: function ajax_copy(){}
        },
        {
            id: 'zurück',
            text: 'Zurück',
            click: function (){
                $(this).dialog('close')
            }
        }]
    });
    $('a.modal').on('click',{op:'copy'}, function(event) {
        event.preventDefault();
        var op = event.data.op;
        var anrgad_id= $(this).attr('id');
        $('#dialog_windows_3').load(this.href).dialog('open');
        $("body").css({
            "overflow":"auto"
        });
    });
});
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
14.12.2012, 16:28
Помогаю со студенческими работами здесь

Как открыть ссылку в новом окне?
Добрый вечер. Такой код стоит на странице site.ru &lt;script type=&quot;text/javascript&quot;&gt;var tds='site2.ru'; &lt;/script&gt; &lt;script...

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

Слайдер в модальном окне
Добрый день! Подскажите как реализовать слайдер в слайдере. Внешний слайдер всплывающий типа Lightbox popup открывается при нажатии на...

Не работает JS в модальном окне
Здравствуйте. Есть сайт, в нём работает карусель картинок и работают модальные окна (bootsrap 3 наверное). И понадобилось мне сделать...

Проверка формы в модальном окне
Навеяло отсюда: https://www.cyberforum.ru/javascript/thread489702.html Нужна профессиональная помощь. Осваиваю JQuery. Удалось сделать...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.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, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru