Сделать подгрузку содержимого из 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-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

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

	Сделать подгрузку содержимого из div 17.12.2013, 14:30. Показов 813. Ответов 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