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

@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): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .

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

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

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

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

Решение