Открытие модального окна с данными из бд

@luntik4344 · Регистрация: 02.12.2013

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

Здравствуйте, уважаемые пользователи cyberforum.ru

Мне нужна ваша помощь.

У меня есть такая задача: у меня, с помощью php генерируются ссылки на странице. В данный момент, при нажатии на ссылку, открывается новая страница. На этой странице появляются данные из бд, к которым относится данная ссылка (ссылка передает переменную id).

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

Как это сделать, просто не знаю.

Помогите, пожалуйста.

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

@Lazy_Den · 21.03.2014, 20:43

Я могу показать вам абстрактный пример. В нём я вместо БД использую подготовленный объект (fake_data), но сути это не меняет. Вам же нужно вместо этого объекта, отправить параметр на сервер ajax-запросом, там вытащить из БД необходимые данные и разместить их в модальном окне. Пример смотрим и тестируем тут. Будут по нему вопросы - спрашивайте.

HTML5
1
2
3
<a href="" class="links" data-page="start">Кликни меня</a>
<div id="modal"></div>
<div id="layer"></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var page = false,
    modal = $('#modal'),
    layer = $('#layer');
$('.links').click(function(e){
    e.preventDefault();
    page = $(this).data('page');
    layer.fadeIn('fast');
    modal.html(fake_data[page]).effect('bounce', {distance : 100}, 1000);
});
modal.on('click', 'a', function(e){
    e.preventDefault();
    page = $(this).data('page');
    modal.html(fake_data[page]);
});
layer.click(function(){
    modal.effect('puff', 500).html('');
    layer.delay(450).fadeOut('slow');
});

@luntik4344 · 22.03.2014, 08:44 **[ТС]**

Не могли бы вы помочь с ajaxом? Как отправить параметр на определенную страницу, ну и засунуть то, что сгенерирует страница в модальное окно?

@Lazy_Den · 22.03.2014, 15:51

Сообщение от luntik4344

Не могли бы вы помочь с ajaxом?

Чем именно помочь? Вот ссылка на описание в оф. документации, вот тут - еще актуальное описание на русском с примерами и прочим. Будут по ходу конкретные вопросы - разберем.

Добавлено через 1 минуту
P.S. Вот один из моих ответов на аналогичный вопрос. Может чего и там найдете для себя.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@luntik4344 3 / 3 / 0 Регистрация: 02.12.2013 Сообщений: 19

	Открытие модального окна с данными из бд 21.03.2014, 19:25. Показов 2018. Ответов 3 Метки нет (Все метки) Здравствуйте, уважаемые пользователи cyberforum.ru Мне нужна ваша помощь. У меня есть такая задача: у меня, с помощью php генерируются ссылки на странице. В данный момент, при нажатии на ссылку, открывается новая страница. На этой странице появляются данные из бд, к которым относится данная ссылка (ссылка передает переменную id). Мне нужно, чтобы при нажатии на ссылку на загружалась новая страница, а появлялось модальное окно, в котором также были бы данные из бд, которые относятся к данной ссылке. Также, в окне будет несколько ссылок. При нажатии на эти ссылки, окно не должно закрываться, а должно перезагружать сордержимое прямо в себе. Как это сделать, просто не знаю. Помогите, пожалуйста. Заранее спасибо! 0

@luntik4344 3 / 3 / 0 Регистрация: 02.12.2013 Сообщений: 19
	22.03.2014, 08:44 [ТС]
	Не могли бы вы помочь с ajaxом? Как отправить параметр на определенную страницу, ну и засунуть то, что сгенерирует страница в модальное окно? 0

Опции темы

Открытие модального окна с данными из бд

Решение