Xwab
Форумыnavigate_nextJavaScript

Работа с AJAX - вывод инфы в модальное окно
Сообщения
Default_mo

Всем привет!

Столкнулся с проблемой которая связана с выводом инфы в модальное окно.

Сразу к делу:

в скриншоте 1 показана html верстка, которая отвечает за показ инфы в модальном окне. Суть такова:

1) при нажатии на объект с id=modalIn и data-toggle=modal мы делаем сразу два действия - вызываем модальное окно и запрашиваем ajax (за аякс отвечает modalIn, за модалку - modal).
При вызове аякса, ему передается параметр объекта modalId.

На втором скриншоте показан скрипт, который отвечает за прием modalId, после нажатия на modalIn, спрашивая данные у скрипта json.php и отправляя их обратно объекту id=result, который, в свою очередь, уже отображается в открытом модальном окне.

Проблема: при наличии более 1 элемента с разными modalId, отображается только первый. Остальные заполняются данными из первого окна.

Решение (неверное, но показывает суть): если переписать немного объекты modalId и modalIn, добавив в них ID-элементов, а также исправив js-скрипт добавив туда функции modalId1/modalId2 (и так далее) то все работает как надо.

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

Спасибо.
добавлено спустя 1 минуту:
возможно написал непонятно. сам немогу понять как объяснить все это дело.

в общем надо чтобы modalId и modalIn все время были уникальными, и их обрабатывал один js скрипт.
добавлено спустя 3 часа:
проблему решил переназначением классов и исправлением функции в js.

25 Мар 2013, 21:01
Эта тема закрыта, вы не можете писать ответы и редактировать сообщения.