Как правильно передать ID поста в модальное окно?

Question

[zerofx]

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

Как я понимаю мне надо передать в модальное окно, точнее в его разметку или
1) ID поста - подставить его в цикл и вывести то что мне надо ...
2) передать в модальное окно уже готовый результат через ajax

который из этих вариантов правильный.
И может Вы знаете пример, чтобы посмотреть как он организован.

Спасибо всем кто откликнется!

Answer 1

[Александр]

2 пример лучше, как по мне

Comments

[zerofx]

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

[Александр]

правильно: отправляешь гет с ид записи в ответ получаешь json массив с данными и выводишь в окно...

[zerofx]

Александр: можете подсказать, какой пример?

Answer 2

[ThunderCat]

1) ID поста - подставить его в цикл и вывести то что мне надо ...

В цикл чего? Куда вывести? Откуда данные?

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

1 вариант медленнее и более нагрузочный, вам придется 2 раза запрашивать одни данные, + второй раз ждать загрузки с удаленного сервера.
2 вариант более затратный по памяти браузера, все содержимое(всех статей выводимых для превью) будет сдублировано на стороне клиента в виде скрытого элемента + видимого сокращенного куска, зато модаль будет загружаться мгновенно, и второй запрос к серверу будет не нужен.

Answer 3

[warcevil]

Я делаю через fancybox, думаю как и многие. Просто указываешь скрипт, который возвращает уже готовый шаблон в модальное окно и все.

Comments

[zerofx]

можна пример? кода )

[warcevil]

Пожалуйста! fancyapps.com

[zerofx]

warcevil:

так не код модалки - а код php и js

[warcevil]

Если внимательней будешь, увидешь там все примеры =) А на php то что тебе нужно? Это уже от твоей задачи зависит. Суть fancybox в том, чтобы без проблем послать запрос серверу и получить ответ. Ответ вставляется как раз в модальное окно. То есть на php вы должны отдать какой то шаблон. Вообщем что я рассказываю пропробуйте и сами все поймете