Как можно написать Ajax форму по выбору товара?

Question

[AsitoWeb]

Помогите пожалуйста по написание скрипта по выбору товара как на этом сайте www.carsbag.ru (где блок ПОДБЕРИТЕ САКВОЯЖ), или можете хот примерные библиотеки посоветовать который решает типичные задачи. Заранее благодарю)

например мне нужен чтобы при выборе в форме параметров цвет материала, Цвет нити
, Цвет окантовки сохранились в форме который выбрал ползовател, а потом если вы увидели при нажатии на КУПИТЬ В ОДИНЬ КЛИК, выводится форма вот мне нужен, чтобы когда приходил писмо на почту там былы параметры такого вида
Цвет материала: Красный
Цвет нити: Черный
Цвет окантовки: например желтый,

А у меня в почту приходить те данный который ввел ползовател на popap окне(приходить только имя и номер), как сделать чтобы с именем и контактом и пришли параметры товара, если знаете помогите пожалуйста?

Comments

[alex-1917]

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

Answer 1

[hzzzzl]

наверняка сами писали, в общем там 3 ul списка с цветами, и каждый по клику подставляет абсолютно позиционированную картинку в див с чемоданом, в итоге они три склеиваются

www.carsbag.ru/images/185/material-color-brown.png
www.carsbag.ru/images/185/thread-color-blue.png
www.carsbag.ru/images/185/border-color-orange.png

ну а вся инфа о том что надо поставлять - в кликаемом span'e

<span class="option option- material-color-beg optionparent islast" 
data-imagedict="http://www.carsbag.ru/cache/dict/200x200x5bf51d3da8ebf.png" 
data-class="material-color-beg" data-good="1" data-cat="185" 
data-show="5" data-id="5" data-container="option-0" data-param="35" data-value="5">

а скрипт этой штуки в общем-то вот он, function SetConstructorImage() всё подставляет куда надо
www.carsbag.ru/assets/bottom.js?ver=0.2

Comments

[AsitoWeb]

да этого понял, например мне нужен чтобы при выборе в форме параметров цвет материала, Цвет нити
, Цвет окантовки сохранились в форме который выбрал ползовател, а потом если вы увидели при нажатии на КУПИТЬ В ОДИНЬ КЛИК, выводится форма вот мне нужен, чтобы когда приходил писмо на почту там былы параметры такого вида
Цвет материала: Красный
Цвет нити: Черный
Цвет окантовки: например желтый,

А у меня в почту приходить те данный который ввел ползовател на popap окне(приходить только имя и номер), как сделать чтобы с именем и контактом и пришли параметры товара, если знаете помогите пожалуйста?

[AsitoWeb]

вот в скрипте есть это, а как потом его можно отправить на определенную почту

function MakeOrderSimple(form){

$(form).find('button').attr('disabled','disabled');
$(form).find('button').html('Отправка заказа...');
$.post(serverfullname + "module/oneclick/_saveorder/",{basketItem:basketItem,i:$(form).find("input[name=i]").val(), phone:$(form).find("input[name=phone]").val()},function(answer){
json = $.parseJSON(answer);
form.reset();
$(form).find('button').html('Оформить заказ');
$(form).find('button').removeAttr('disabled','disabled');
if ($(form).find("#errormessage").length>0 && json.success!=1){
$(form).find("#errormessage").html(json.msg);
}
else{
$.fancybox.close();
$.fancybox.open(json.success==1 ? json.msg : ''+json.msg+'');
}
})
return false;
}

[hzzzzl]

то есть сейчас этот сайт с чемоданами работает или не работает?
судя по всему здесь всё это хранится в объекте basketItem, который через $.post и посылается на сервер.. например при каждом выборе цвета писать basketItem[background] = 'black'

$.post(serverfullname + "module/oneclick/_saveorder/",{<b>basketItem:basketItem</b>,i:$(form).find("input[name=i]").val(), phone:$(form).find("input[name=phone]").val()},function(answer){
		json = $.parseJSON(answer);
		form.reset();
		$(form).find('button').html('Оформить заказ');
		$(form).find('button').removeAttr('disabled','disabled');
		if ($(form).find("#errormessage").length>0 && json.success!=1){
			$(form).find("#errormessage").html(json.msg);
		}
		else{
			$.fancybox.close();
			$.fancybox.open(json.success==1 ? json.msg : '<div style="color:red;">'+json.msg+'</div>');
		}
	})
	return false;

[hzzzzl]

ну а на почту это потом уже на стороне сервера в PHP обрабатывать параметры post-запроса, и собирать текст сообщения емейла

[AsitoWeb]

Ни как не могу ралбиратсся(((

[alex-1917]

AsitoWeb, на бирже это стоит 500р, здесь жевать никто не будет

[alex-1917]

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