Форум Сайтостроение Веб-строительство

Под товаром развернуть форму запроса, помогите, пожалуйста.

P
На сайте с 06.01.2009
Offline
601
postavkin
469

Здравствуйте. Извините, если кого то уже достал вопросами.

Есть страница, в ней 10 фото товаров, под каждым надо ajax поставить текст "развернуть форму запроса" и при нажатии на эту кнопку развернуть, но подгрузить её из файла /fileforma.php

Никак не могу сделать, помогите, пожалуйста.

Вот что получилось

В коде страницы



<img src="foto1.jpg" width="310" height="102" />
<li class="zaproszena"></li>

<img src="foto2.jpg" width="310" height="102" />
<li class="zaproszena"></li>

<img src="foto3.jpg" width="310" height="102" />
<li class="zaproszena"></li>
...

код js


var list = $('.zaproszena');  $.each(list, function (index, data) {
     $(this).html('<span class="ajaxx minus">развернуть форму запроса</span>'); 
});

$(".ajaxx").click(function(){
	var _this = $(this);
	$(this).next(".bigspisoktable").slideToggle("slow")
	 if (_this.hasClass('minus')){
		$(_this).text('свернуть форму запроса')
		_this
		.removeClass('minus')
		.addClass('plus');
	}
	else {
		_this
		.removeClass('plus')
		.addClass('minus'); 
		$(_this).text('развернуть форму запроса')
	};  
});

Не получается вот что.

При нажатии на текст, под всеми фотками меняется текст, оно и понятно, но я не могу привязать к конкретному элементу (не получается).

Не знаю как сделать подгрузку из файла.

Спасибо заранее.

Gerga
На сайте с 02.08.2015
Offline
94
Gerga
#1

postavkin, Смените $('.ajaxx') на _this https://jsfiddle.net/webxz/Ld4kjok8/ . Про Ajax, тут можно почитать.

P
На сайте с 06.01.2009
Offline
601
postavkin
#2
Gerga:
postavkin, Смените $('.ajaxx') на _this https://jsfiddle.net/webxz/Ld4kjok8/ . Про Ajax, тут можно почитать.

Поправил, действительно, теперь текст меняется у необходимого элемента. Спасибо.

Осталась вторая задача - подгрузить форму запроса. Пойду читать.

Gerga
На сайте с 02.08.2015
Offline
94
Gerga
#3

только не подгружайте форму при каждом клике.

P
На сайте с 06.01.2009
Offline
601
postavkin
#4
Gerga:
только не подгружайте форму при каждом клике.

А я как раз так хотел сделать, чем заранее подгрузить форму и свернуть её.

Разве лучше подгрузить заранее под все товары и свернуть?

В некоторых страницах по 50 товаров + общее количество страниц на сайте более 1000, где представлены различные товары.

Как вставить форму обратной Индексация "свернутых ответов" Как подгрузить внутреннюю страницу
Gerga
На сайте с 02.08.2015
Offline
94
Gerga
#5

postavkin, нет, загружаете только в том случае, если ранее не загружалась форма.

P
На сайте с 06.01.2009
Offline
601
postavkin
#6
Gerga:
postavkin, нет, загружаете только в том случае, если ранее не загружалась форма.

Да я видимо откажусь от идеи, так как самому такое не реализовать и до конца не понятно, а нужно ли это юзеру, будет ли удобно...

---------- Добавлено 03.11.2015 в 23:31 ----------

Gerga, а Вы имеете ввиду, что если хоть под один товар на странице форму уже юзер подгружал, то даже при нажатии "развернуть форму запроса" под другим товаром - её нужно не подгружать, а брать от куда то (я не понимаю откуда), так как раньше она загружалась?

Простой вопрос для Гуру Можно ли загружать контент Код Яндекс Метрики мешает
Gerga
На сайте с 02.08.2015
Offline
94
Gerga
#7

postavkin, да, можно 1 раз подгрузить, а затем только перемещать.

P
На сайте с 06.01.2009
Offline
601
postavkin
#8
Gerga:
postavkin, да, можно 1 раз подгрузить, а затем только перемещать.

Прошу прощения за наглость, а наглядного примера нет? Просто даже не представляю как это сделать...подгрузить заранее в любое место, а потом при клике на набор кусков текста подставлять ранее загруженную форму.

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

Есть ли санкции за Вопрос по форме комментариев Скрыть адресную строку в

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий