Предыдущая (тоже рабочая) версия калькуляторов Iframe и API.

Калькулятор стоимости доставки грузов IFRAME

Код для вставки калькулятора на ваш сайт.

<iframe src ="/api/calculator/" width="370" height="400" scrolling="no" frameborder="0"></iframe>


Вид калькулятора.

Калькулятор стоимости доставки грузов API

Обращаем ваше внимание, расчет стоимости перевозки является предварительным, также что поля "Откуда" и "Куда" являются автокомплитными, и предварительный расчет стоимости перевозки возможен ТОЛЬКО при заполнении этих полей из списка автокомплита. Если в списке нет необходимого пункта доставки, возможность доставки уточняйте по тел. 8-800-100-5000.

Пример использования 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>
Наши партнеры