Skip to content

Instantly share code, notes, and snippets.

@fatuk
Created October 15, 2013 08:26
Show Gist options
  • Save fatuk/6988341 to your computer and use it in GitHub Desktop.
Save fatuk/6988341 to your computer and use it in GitHub Desktop.
refactor car choose
jQuery(function($) {
"use strict";
var $form = $('#chooseCarForm'),
$formContent = $('#chooseCarContent'),
$preloader = $("#chooseCarFormPreloader"),
updateUrl = $form.data('updateUrl'),
saveUrl = $form.attr('action');
$form.on('change', 'select', function() {
if (!$(this).val()) {return;}
var typeSelect = $(this).attr('name'),
values = $form.serialize();
$.ajax({
url: updateUrl,
type: "post",
data: values,
beforeSend: function() {
$preloader.show();
$formContent.css({"opacity":"0.6"});
},
success: function (data) {
$preloader.hide();
$formContent.css({"opacity":"1"});
if (data.status == 'success') {
if ( typeSelect == 'modification') {
$('.js-car-mark').text($('#chooseCarFormCarMark').val() + ' ');
$('.js-car-info').text($('#chooseCarFormCarModel').val() + ' ‘' + $('#chooseCarFormCarYear').val().substr(2));
$('.js-choose-car-img').toggle(); // TO DO: there is no images yet
}else {
$formContent.html(data.content);
}
}
},
error: function () {
console.log("failure");
}
});
});
$('#saveCarBtn').on('click', function (e) {
e.preventDefault();
var values = $form.serialize();
$.ajax({
url: saveUrl,
type: "post",
data: values,
beforeSend: function() {
$preloader.show();
$formContent.css({"opacity":"0.6"});
},
success: function (data) {
$preloader.hide();
$formContent.css({"opacity":"1"});
if (data.status == 'success') {
$.fancybox.close();
$('#chooseCarBtn').text($('#chooseCarFormCarMark').val() + ' ' + $('#chooseCarFormCarModel').val() + ' ' + $('#chooseCarFormCarYear').val() + ' ' + $('#chooseCarFormCarModification').val());
setTimeout(function () {
$('#chooseCarBtn').effect( "bounce", 'slow');
}, 700);
}
},
error: function () {
$('#saveCarStatus').text('Произошла ошибка. Автомобиль не сохранен');
}
});
});
});
@lev-otinov
Copy link

Добрый день!

Требуется реализовать каталог автозапчастей как на сайте где используется этот скрипт. Могли бы помочь в данном вопросе?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment