Сделать подгрузку содержимого из div

@Sergm · Регистрация: 07.08.2013

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

Есть список категорий. у каждой страница с товарами. Список товаров содержится в <div id="product_list">
как можно сделать чтобы при нажатии на заголовок под ней подгружался список ее товаров?

@sMockingbird · 17.12.2013, 15:18

HTML5
1
2
3
4
<div id="products_list" onClick="getList();">
</div>
<div id="responce">
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
function getList(){
jQuery.post(
"my.php", /* это файл, в котором у Вас будет происходить выборка из БД*/
{}, /*Тут можно пхп файлу переменные передать необходимые*/
function(data){
jQuery("#responce").html(data);
}
);
}
</script>

в целом примерно так.
в общем смотрите http://jquery.page2page.ru/ind... D0%BC_POST

@Sergm · 17.12.2013, 17:15 **[ТС]**

не сосем правиьно поняли. в данном сучае будет выводиться все содежимое файла. а нужно чтобы выводиась содержимое Div.product_ist

@sMockingbird · 17.12.2013, 17:27

Sergm,

Сообщение от Sergm

не сосем правильно поняли

я Вам больше скажу, я вообще ничего не понял)

чтобы выводиась содержимое Div.product_ist

что за содержимое, опишите подробнее

@Sergm · 17.12.2013, 22:32 **[ТС]**

http://kromus.ru/dvernye-ruchk... na-rozetke тут идут производители - если выбрать производителя открывается список товаров. Нужно сделать при нажатии производителя подгружались его товары с его страницы (товары заключены в div id="product_list")

@sMockingbird · 18.12.2013, 08:34

А div id="product_list" расположены на другой странице?
Вы хотите, чтоб без перехода по ссылке что ли было?

@Sergm · 18.12.2013, 09:16 **[ТС]**

Да. Возможно такое?

@sMockingbird · 18.12.2013, 09:20

Ну если Вы знаете как у Вас формируется та страница, то можно сделать пхп файл, который будет вытаскивать необходимую инфу так же, как она вытаскивается на целевой странице у Вас.
)

надеюсь понятно излагаю))

@Sergm · 18.12.2013, 13:30 **[ТС]**

всё разобрался. спасибо. Млжет кому пригодится для виртумарт 2

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<p onClick="getList<? echo $category->virtuemart_category_id;?>();"> <?php echo $category->category_name ;?></p>
            <div id="products_list" >
</div>
<div id="responce<? echo $category->virtuemart_category_id;?>">
</div>
<script type="text/javascript">
function getList<? echo $category->virtuemart_category_id;?>(){
jQuery.post(
"<?php echo $caturl; ?>?tmpl=component", /* это файл, в котором у Вас будет происходить выборка из БД*/
{}, /*Тут можно пхп файлу переменные передать необходимые*/
function(data){
jQuery("#responce<? echo $category->virtuemart_category_id;?>").html(data);
}
);
}
</script>

Добавлено через 3 часа 18 минут
возникла другая проблема - детальное описание должно открываться в модальном окне. При открытии страницы с товарами - рабоатет. Если нажимать из страницы полученной при аякс погрузки то модальные окна не работают

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	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 Использованы. . .

@Sergm 0 / 0 / 0 Регистрация: 07.08.2013 Сообщений: 15

	Сделать подгрузку содержимого из div 17.12.2013, 14:30. Показов 829. Ответов 8 Метки нет (Все метки) Есть список категорий. у каждой страница с товарами. Список товаров содержится в <div id="product_list"> как можно сделать чтобы при нажатии на заголовок под ней подгружался список ее товаров? 0

@Sergm 0 / 0 / 0 Регистрация: 07.08.2013 Сообщений: 15
	17.12.2013, 17:15 [ТС]
	не сосем правиьно поняли. в данном сучае будет выводиться все содежимое файла. а нужно чтобы выводиась содержимое Div.product_ist 0

@Sergm 0 / 0 / 0 Регистрация: 07.08.2013 Сообщений: 15
	17.12.2013, 22:32 [ТС]
	http://kromus.ru/dvernye-ruchk... na-rozetke тут идут производители - если выбрать производителя открывается список товаров. Нужно сделать при нажатии производителя подгружались его товары с его страницы (товары заключены в div id="product_list") 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	18.12.2013, 08:34
	А div id="product_list" расположены на другой странице? Вы хотите, чтоб без перехода по ссылке что ли было? 0

@Sergm 0 / 0 / 0 Регистрация: 07.08.2013 Сообщений: 15
	18.12.2013, 09:16 [ТС]
	Да. Возможно такое? 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	18.12.2013, 09:20
	Ну если Вы знаете как у Вас формируется та страница, то можно сделать пхп файл, который будет вытаскивать необходимую инфу так же, как она вытаскивается на целевой странице у Вас. ) надеюсь понятно излагаю)) 0

Опции темы