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

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

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

Здравствуйте, уважаемые пользователи 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

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. Вот один из моих ответов на аналогичный вопрос. Может чего и там найдете для себя.

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

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

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	22.03.2014, 15:51	4
	Сообщение от luntik4344 Не могли бы вы помочь с ajaxом? Чем именно помочь? Вот ссылка на описание в оф. документации, вот тут - еще актуальное описание на русском с примерами и прочим. Будут по ходу конкретные вопросы - разберем. Добавлено через 1 минуту P.S. Вот один из моих ответов на аналогичный вопрос. Может чего и там найдете для себя. 0

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

Решение