|
0 / 0 / 0
Регистрация: 25.10.2011
Сообщений: 54
|
|
Модальные окна (jQuery) в PHP цикле19.01.2012, 17:49. Показов 6087. Ответов 13
Метки нет (Все метки)
Здравствуйте. Возможно это простая задача, но для меня практически невыполнимая без посторонней помощи. Задача такая.
Есть вывод новостей пользователей (php цикл do-while). Надо сделать так, чтобы при нажатии на одну из новость она полностью открывалась в модальном окне. Там, в модальном окне, можно прокомментировать эту новость и вывести список всех комментариев. Я не знаю как это реализовать. Главное для меня сейчас это просто вывод модальных окон. Если я в php цикле пишу javascript вывода мод. окон, то выходит ошибка или мод.окно открывается только при нажатии на первую новость. Заранее спасибо ответившим.
0
|
|
| 19.01.2012, 17:49 | |
|
Ответы с готовыми решениями:
13
Модальные окна. Плагин JQuery Jquery выводит все модальные окна вместо 1 выбранного
|
|
0 / 0 / 0
Регистрация: 21.01.2011
Сообщений: 4
|
|
| 19.01.2012, 19:23 | |
|
проблема насколько я понимаю аналогичная, поэтому не буду плодить темы. есть несколько однотипных элементов div с уникальными name созданных с цикле php. задача в том чтобы по клику средствами jQuery вывести окно с содержимым характерным для соответствующего div
0
|
|
|
0 / 0 / 0
Регистрация: 25.10.2011
Сообщений: 54
|
|
| 20.01.2012, 12:55 [ТС] | |
|
Неужели никто не знает как сделать? Может есть хоть какие то идеи?
0
|
|
|
111 / 112 / 18
Регистрация: 11.03.2011
Сообщений: 421
|
||
| 21.01.2012, 21:17 | ||
|
эм... а в чем сложность??
нарисовать окно? или придумать алгоритм общения окна с сервером?
0
|
||
|
0 / 0 / 0
Регистрация: 25.10.2011
Сообщений: 54
|
|
| 21.01.2012, 21:28 [ТС] | |
|
Надо придумать алгоритм, окно уже есть. JS находится не в php цикле, но он в том же документе(не совсем правильно написал
). Спасибо за отзыв.
0
|
|
|
111 / 112 / 18
Регистрация: 11.03.2011
Сообщений: 421
|
|
| 21.01.2012, 22:02 | |
|
каждой новости присвоить присвоить свой уникальный идентификатор.
по клику передавать его в запросе на сервер, и от него отталкиваться, отдавая текст новости, комментарии, а также при добавлении нового комментария. общий алгоритм для клиента: - по клику на новость открыть окно (желательно с какой-то пометкой типа "Загрузка...") - спросить у сервера текст новости; - по получению отобразить текст; - спросить у сервера список комментариев; - по получению отобразить комментарии; - "дорисовать" форму добавления комментария; по клику на форме добавления комментария: - экранировать символы в тексте комментария (можно на сервере); - передать текст комментария со служебными данными (идентификатор новости, имя пользователя и т.п.) - добавить в уже отображенный список комментариев новый комментарий;
0
|
|
|
0 / 0 / 0
Регистрация: 25.10.2011
Сообщений: 54
|
|
| 21.01.2012, 22:25 [ТС] | |
|
Спаcибо. Алгоритм действий ясен. Но мне совершенно не понятно как сделать JS, который будет открывать окно с новостью используя его уникальный id.
Вообщем, я с JS мало знаком, поэтому хотелось бы увидеть полноценный работающий скрипт.
0
|
|
|
111 / 112 / 18
Регистрация: 11.03.2011
Сообщений: 421
|
|
| 21.01.2012, 22:31 | |
|
id ты передаешь на сервер в запросе.
по нему уже серверная сторона ищет текст новости, комментарии, и к нему же записывает новый комментарий. http://jquery.com/ тут и описание, и примеры есть. дальше только воображение разработчика.
0
|
|
|
0 / 0 / 0
Регистрация: 25.10.2011
Сообщений: 54
|
||||||
| 21.01.2012, 22:54 [ТС] | ||||||
|
Вот часть PHP скрипта, возможно там многое неправильно, но по крайней мере у меня работает. Здесь выводятся новости и создается уникальный id для кнопки "Ответить". Нужен JS, чтобы открывать мод окно при нажатии на "Ответить".
0
|
||||||
|
111 / 112 / 18
Регистрация: 11.03.2011
Сообщений: 421
|
|||||||||||
| 22.01.2012, 00:26 | |||||||||||
|
не вижу кода модального окна, в котором будет отображаться полный текст новости.
я бы сделал следующее: добавить обработчик события клика на новость на главной странице.
- добавить в запрос переменную вроде "тип запроса" - написать обработчик на серверной стороне для каждого из запросов самих запросов получается всего три: - получить текст статьи; - получить комментарии; - отправить комментарий; для обмена данными использовать, например, JSON. данные передавать как POST. для передачи данных читать тут: http://api.jquery.com/jQuery.ajax/ для отрисовки модального окна (которого, как я понял, нет) можно попользовать, например, бибилиотекку http://www.ericmmartin.com/projects/simplemodal/ примеры с описанием везде есть.
1
|
|||||||||||
|
0 / 0 / 0
Регистрация: 25.10.2011
Сообщений: 54
|
|||||||||||
| 22.01.2012, 00:57 [ТС] | |||||||||||
|
Модальные окна у меня выводит вот этот скрипт
Как мне теперь все это прописать? Сможете в мой PHP код вписать весь JS открывания окон. Вот модальное окно:
0
|
|||||||||||
|
111 / 112 / 18
Регистрация: 11.03.2011
Сообщений: 421
|
||||||
| 22.01.2012, 01:26 | ||||||
|
тогда так (к предыдущему посту)
текст модального окна должен быть заранее помещен на странице и, как я понял, скрыт.
1
|
||||||
|
0 / 0 / 0
Регистрация: 25.10.2011
Сообщений: 54
|
|
| 23.01.2012, 00:21 [ТС] | |
|
Спасибо, если что-то не получится можно я Вам в личку напишу
Добавлено через 22 часа 50 минут Не получается. Куда конкретно, в какую часть моего PHP кода надо писать этот JS. Извините, но я не понимаю как делать, хотя и чувствую, что это не так и сложно.
0
|
|
|
111 / 112 / 18
Регистрация: 11.03.2011
Сообщений: 421
|
|
| 23.01.2012, 00:30 | |
|
читаем тут:
http://htmlbook.ru/html/script
0
|
|
| 23.01.2012, 00:30 | |
|
Помогаю со студенческими работами здесь
14
Модальные окна Модальные окна
Модальные окна Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
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, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
|
|
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(), которая. . .
|