Предыдущая (тоже рабочая) версия калькуляторов Iframe и API.
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<style>
.ui-autocomplete-loading {
}
#city { width: 20em; }
.summa {font-size: 20px; color: red;}
</style>
<script>
$(function() {
$( "#city_from, #city_to").autocomplete({
source: function( request, response ) {
$.ajax({
url: "/api/",
dataType: "jsonp",
jsonp: 'jsoncallback',
async: false,
cache:false,
data: {
'metod': 'get_city',
term: request.term
},
success: function( data ) {
response( $.map( data.result, function( item ) {
return {
label: item.label,
value: item.value
}
}));
},
error: function(){
console.log('problems with data transfer');
}
});
},
minLength: 2,
});
});
$.fn.getCalculating = function(returnData) {
return this.each(function(){
var currentSelect = this;
var city_from = $("#city_from").val();
var city_to = $("#city_to").val()
var total_weight = $("#total_weight").val()
var total_volume = $("#total_volume").val()
$.ajax({
url: '/api/',
dataType: 'jsonp',
data: 'metod=calculate&from;='+city_from+'&to;='+city_to+'&weight;='+total_weight+'&volume;='+total_volume,
jsonp: 'jsoncallback',
success: function (data) {
{ currentSelect.innerHTML = data.summa;}
}
});
});
};
$(document).ready(function(){
$('#calculator_submit').click(function(){ $("#calculator_result").getCalculating(); });
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="city_from">Откуда: </label>
<input id="city_from" />
<br /> <br />
<label for="city_to">Куда: </label>
<input id="city_to" />
<br /> <br />
<label for="total_weight">Вес (кг.): </label>
<input id="total_weight" />
<br /> <br />
<label for="total_volume">Объём (м3): </label>
<input id="total_volume" />
<br /> <br />
<button id="calculator_submit">Рассчитать</button>
<div id="calculator_result"></div>
</div>
Калькулятор стоимости доставки грузов IFRAME
Код для вставки калькулятора на ваш сайт.
<iframe src ="/api/calculator/" width="370" height="400" scrolling="no" frameborder="0"></iframe>Вид калькулятора.
Калькулятор стоимости доставки грузов API
Обращаем ваше внимание, расчет стоимости перевозки является предварительным, также что поля "Откуда" и "Куда" являются автокомплитными, и предварительный расчет стоимости перевозки возможен ТОЛЬКО при заполнении этих полей из списка автокомплита. Если в списке нет необходимого пункта доставки, возможность доставки уточняйте по тел. 8 (800) 350-88-10.
Пример использования API:
<link rel="stylesheet" href="/" /><script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<style>
.ui-autocomplete-loading {
}
#city { width: 20em; }
.summa {font-size: 20px; color: red;}
</style>
<script>
$(function() {
$( "#city_from, #city_to").autocomplete({
source: function( request, response ) {
$.ajax({
url: "/api/",
dataType: "jsonp",
jsonp: 'jsoncallback',
async: false,
cache:false,
data: {
'metod': 'get_city',
term: request.term
},
success: function( data ) {
response( $.map( data.result, function( item ) {
return {
label: item.label,
value: item.value
}
}));
},
error: function(){
console.log('problems with data transfer');
}
});
},
minLength: 2,
});
});
$.fn.getCalculating = function(returnData) {
return this.each(function(){
var currentSelect = this;
var city_from = $("#city_from").val();
var city_to = $("#city_to").val()
var total_weight = $("#total_weight").val()
var total_volume = $("#total_volume").val()
$.ajax({
url: '/api/',
dataType: 'jsonp',
data: 'metod=calculate&from;='+city_from+'&to;='+city_to+'&weight;='+total_weight+'&volume;='+total_volume,
jsonp: 'jsoncallback',
success: function (data) {
{ currentSelect.innerHTML = data.summa;}
}
});
});
};
$(document).ready(function(){
$('#calculator_submit').click(function(){ $("#calculator_result").getCalculating(); });
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="city_from">Откуда: </label>
<input id="city_from" />
<br /> <br />
<label for="city_to">Куда: </label>
<input id="city_to" />
<br /> <br />
<label for="total_weight">Вес (кг.): </label>
<input id="total_weight" />
<br /> <br />
<label for="total_volume">Объём (м3): </label>
<input id="total_volume" />
<br /> <br />
<button id="calculator_submit">Рассчитать</button>
<div id="calculator_result"></div>
</div>
