[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: как такое реализовать
дианитка
помогите, пожалуйста, с такой задачкой.
На странице из БД выводится 6 изображений товаров из БД. В конце стоит ссылка показать все товары. Нужно чтоб при клике по этой ссылке появлялись все остальные товары без перезагрузки страницы. Как это сделать, при помощи Ajax ?

Т1 Т2 Т3

Т4 Т5 Т6

Показать все товары



Спустя 12 минут, 24 секунды (11.12.2011 - 20:43) Игорь_Vasinsky написал(а):
да даже без аякс. можешь грузить эти данные в div, который display:none а на onclick по товару сделать display:block этого дива

Спустя 37 минут, 4 секунды (11.12.2011 - 21:20) Invis1ble написал(а):
дианитка
Цитата
Как это сделать, при помощи Ajax ?

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

Спустя 10 минут, 5 секунд (11.12.2011 - 21:30) дианитка написал(а):
не так много - около 17-ти.картинки выводятся в таблицу. что тут можно с display:none придумать?

Спустя 1 минута, 8 секунд (11.12.2011 - 21:31) Invis1ble написал(а):
дианитка
ну это на твое усмотрение, можно и так и так. Я лично сделал бы на аяксе.

Спустя 1 минута, 44 секунды (11.12.2011 - 21:33) Winston написал(а):
Цитата (Invis1ble @ 11.12.2011 - 20:31)
Я лично сделал бы на аяксе.

Ну это ты smile.gif
А если человеку сложно с этим, тогда лучше, сделать невидимой часть таблицы, и отображать по нажатию на ссылку.

Спустя 1 минута, 20 секунд (11.12.2011 - 21:34) Invis1ble написал(а):
можно вообще сделать так:
грузить имена картинок в скрытый контейнер, а далее при нажатии на "Показать все товары" яваскриптом формировать соответствующий HTML, т.е. создавать теги <img />

Спустя 4 минуты, 44 секунды (11.12.2011 - 21:39) sergeiss написал(а):
Цитата (Invis1ble @ 11.12.2011 - 22:34)
можно вообще сделать так:
грузить имена картинок в скрытый контейнер, а далее при нажатии на "Показать все товары" яваскриптом формировать соответствующий HTML, т.е. создавать теги <img />

Не успел я написать, ты уже опередил smile.gif Правда, я думал чуть по-другому предложить: не создавать тэги IMG динамически, а создать их изначально, а потом только заполнить у них SRC с помощью JS.

Спустя 2 минуты, 59 секунд (11.12.2011 - 21:42) Игорь_Vasinsky написал(а):
Цитата
можно вообще сделать так:
грузить имена картинок в скрытый контейнер, а далее при нажатии на "Показать все товары" яваскриптом формировать соответствующий HTML, т.е. создавать теги <img />

да кстати. отличная реализация. возьму на вооружение.


_____________
дианка[COLOR=purple]
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.