Kia configurator

<!doctype html> <html lang="el"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">  <meta name="csrf-token" content="zkP3gUkM0y6NU2Qt6yeWaQrcmZkhdkZuUyUfBO4C"> <meta name="robots" content="noindex,nofollow"> <title>Kia configurator</title>  <script src="https://www.configurator.kia.gr/js/app.js" defer></script>  <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A==" crossorigin="anonymous" referrerpolicy="no-referrer" />  <link href="https://www.configurator.kia.gr/css/app.css" rel="stylesheet"> <link href="https://www.configurator.kia.gr/css/custom.css?v=1.0.1" rel="stylesheet"> <script src="https://www.configurator.kia.gr/js/custom.js" defer></script>  <script type="text/javascript" src="https://cdn.cookielaw.org/consent/39675c0f-f33b-431e-b11c-554b6de374d1/OtAutoBlock.js" ></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="39675c0f-f33b-431e-b11c-554b6de374d1" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "eybmm4fis0"); </script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1397361527189010'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1397361527189010&ev=PageView&noscript=1" /></noscript>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '357795334408363'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=357795334408363&ev=PageView&noscript=1" /></noscript>  </head> <body class="d-flex flex-column min-vh-100 "> <a id="top"></a>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-740371010"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-740371010'); </script> <div id="app" class="kia"> <header class="sticky-top"> <nav class="navbar navbar-expand-md navbar-light bg-white"> <div class="container-fluid"> <a class="navbar-brand" href="https://www.configurator.kia.gr"> <img class="logo" src="https://www.configurator.kia.gr/images/kia_logo.png"> </a> </div> </nav> <div class="position-relative"> <div class="position-absolute top-0 start-0 w-100 h-50 bg-white half-white"></div> <div class="container position-relative kia-nav"> <div class="tabs-wrap"> <ul class="tabs wizard"> <li class="active "> <a href="#" class="text-center" onclick="return false;">1. Μοντέλο</a> <span class="arrow"></span> </li>  <li class="next "> <a href="#" class="text-center" onclick="return false;"> <span class="d-none d-md-inline-block">2. Κινητήρας</span> <span class="d-md-none border border-1 border-dark rounded-circle num">2</span> </a> <span class="arrow"></span> </li>  <li class="next "> <a href="#" class="text-center" onclick="return false;"> <span class="d-none d-md-inline-block">3. Έκδοση</span> <span class="d-md-none border border-1 border-dark rounded-circle num">3</span> </a> <span class="arrow"></span> </li>  <li class="next "> <a href="#" class="text-center" onclick="return false;"> <span class="d-none d-md-inline-block">4. Εξωτερικό</span> <span class="d-md-none border border-1 border-dark rounded-circle num">4</span> </a> <span class="arrow"></span> </li>  <li class="next"> <a href="#" class="text-center" onclick="return false;"> <span class="d-none d-md-inline-block">5. Σύνοψη</span> <span class="d-md-none border border-1 border-dark rounded-circle num">5</span> </a> <span class="arrow"></span> </li> </ul> </div> </div> </div> </header> <main class=""> <div class="container"> <div class="row mt-3"> <div class="col-12 col-md-3"> <div class="d-none d-md-block sticky-top- sticky py-md-4" id="model-filters"> <div class="bg d-block d-md-none position-fixed top-0 bottom-0 end-0 start-0"></div> <div class="content position-relative"> <div class="d-block d-md-none bg-kia-dark text-light mb-3"> <h4 class="text-end py-2 pe-2 m-0">Φίλτρα</h4> </div> <div class="row px-3 px-md-0 text-start"> <div class="col-12"> <h4>Τύπος κινητήρα</h4> </div> <div class="col-12"> <select class="form-select-lg w-auto " size="1" id="model-fuel-type"> <option value="" selected>Όλα</option> <option value="1">Βενζίνη</option> <option value="7">48V Hybrid Βενζίνη</option> <option value="5">Full Hybrid</option> <option value="4">Ηλεκτρικό</option> </select> </div> </div> <div class="row mt-4 px-3 px-md-0 text-start"> <div class="col-12"> <h4>με κιβώτιο</h4> </div> <div class="col-12"> <select class="form-select-lg w-auto " size="1" id="model-gearbox"> <option value="" selected>Όλα</option> <option value="manual">Χειροκίνητο</option> <option value="auto">Αυτόματο</option> </select> </div> </div> <div class="row mt-4 px-3 px-md-0 text-start"> <div class="col-12"> <h4>με τύπο κίνησης</h4> </div> <div class="col-12"> <select class="form-select-lg w-auto " size="1" id="model-drive"> <option value="" selected>Όλα</option> <option value="2wd">2WD/FWD</option> <option value="4wd">4WD</option> </select> </div> </div> <div class="row mt-4 px-3 px-md-0"> <div class="col-12 text-start"> <h4>και τιμή</h4> </div> <div class="col-12"> <div class="price-select"> <div class="price-input mb-3"> <div class="field me-1"> <span>από</span> <input type="number" class="input-min form-control" value="30990" data-min="30990" data-max="47990"> </div>  <div class="field ms-1"> <span><span>έως</span></span> <input type="number" class="input-max form-control" value="50990" data-min="43290" data-max="50990"> </div> </div> <div class="slider"> <div class="progress" style="left:0%; right:0%;"></div> </div> <div class="range-input"> <input type="range" class="range-min" min="30990" max="50990" value="30990" step="100" data-max="47990"> <input type="range" class="range-max" min="30990" max="50990" value="50990" step="100" data-min="43290"> </div> </div> </div> </div> </div> </div> </div> <div class="col-12 col-md-9"> <div class="d-flex justify-content-between align-items-center d-md-none mt-3"> <p class="p-0 m-0 d-inline-block">Διαμορφώστε το δικό σας</p> <a class="d-inline-block text-decoration-none text-light" href="#" data-action="filters"> <span class="bg-kia-dark px-2 py-1">Φίλτρα</span> <span class="bg-kia-dark px-2 py-1"> <i class="fa-solid fa-filter"></i> </span> </a> </div> <div class="row"> <div class="col-md-6 p-3 p-md-2" data-id="615" data-category="2" data-fuel-type="7" data-gearbox-auto="1" data-gearbox-manual="1" data-drive-2wd="1" data-drive-4wd="1" data-price-min="30990" data-price-max="43290"> <div class="model kia-shadow bg-white py-4 px-4"> <div class=""> <img class="logo img-fluid" src="https://www.configurator.kia.gr/uploads/images/model_logo_1712321894.png" alt="NEW SPORTAGE MY 2025" title="NEW SPORTAGE MY 2025" /> <img class="image img-fluid" src="https://www.configurator.kia.gr/uploads/images/fixed/model_image_1725980614.jpg" alt="NEW SPORTAGE MY 2025" title="NEW SPORTAGE MY 2025" /> </div> <div class="d-flex align-items-end justify-content-between"> <div class=""> <span>Από</span> <h5 class="mb-0 fw-bold">30.990 €</h5> </div> <a class="btn btn-sm btn-secondary" href="https://www.configurator.kia.gr/model/sportage-my25" data-action="select"> <span>Επιλογή</span> <i class="bi bi-caret-right-fill"></i> </a> </div> </div> </div> <div class="col-md-6 p-3 p-md-2" data-id="616" data-category="2" data-fuel-type="5" data-gearbox-auto="1" data-drive-2wd="1" data-drive-4wd="1" data-price-min="41190" data-price-max="46190"> <div class="model kia-shadow bg-white py-4 px-4"> <div class=""> <img class="logo img-fluid" src="https://www.configurator.kia.gr/uploads/images/model_logo_1712581110.png" alt="NQ5HEV MY25" title="NQ5HEV MY25" /> <img class="image img-fluid" src="https://www.configurator.kia.gr/uploads/images/fixed/model_image_1712581110.jpg" alt="NQ5HEV MY25" title="NQ5HEV MY25" /> </div> <div class="d-flex align-items-end justify-content-between"> <div class=""> <span>Από</span> <h5 class="mb-0 fw-bold">41.190 €</h5> </div> <a class="btn btn-sm btn-secondary" href="https://www.configurator.kia.gr/model/new-sportage-hev-my25" data-action="select"> <span>Επιλογή</span> <i class="bi bi-caret-right-fill"></i> </a> </div> </div> </div> <div class="col-md-6 p-3 p-md-2" data-id="617" data-category="2" data-fuel-type="5" data-gearbox-auto="1" data-drive-4wd="1" data-price-min="47990" data-price-max="50990"> <div class="model kia-shadow bg-white py-4 px-4"> <div class=""> <img class="logo img-fluid" src="https://www.configurator.kia.gr/uploads/images/model_logo_1712581451.png" alt="NQ5PHEV MY25" title="NQ5PHEV MY25" /> <img class="image img-fluid" src="https://www.configurator.kia.gr/uploads/images/fixed/model_image_1712581451.jpg" alt="NQ5PHEV MY25" title="NQ5PHEV MY25" /> </div> <div class="d-flex align-items-end justify-content-between"> <div class=""> <span>Από</span> <h5 class="mb-0 fw-bold">47.990 €</h5> </div> <a class="btn btn-sm btn-secondary" href="https://www.configurator.kia.gr/model/new-sportage-Phev-my25" data-action="select"> <span>Επιλογή</span> <i class="bi bi-caret-right-fill"></i> </a> </div> </div> </div> </div> </div> </div> </div> </main> <div id="kia-disclaimer"> <div class="container my-5"> <h2>Νομική αποποίηση ευθύνης:</h2> <p>1) Ο εξοπλισμός, οι τιμές, τα τεχνικά χαρακτηριστικά και οι όροι χρηματοδότησης ενδέχεται να αλλάξουν χωρίς προηγούμενη προειδοποίηση.</p> <p>2) Οι τιμές είναι ενδεικτικές λιανικές, συμπεριλαμβάνουν το πρόγραμμα δωρεάν service για 5 χρόνια και δεν συμπεριλαμβάνουν έξοδα ταξινόμησης, τελών κυκλοφορίας, υπηρεσίες προετοιμασίας (PDI), μεταφορικά σε επίσημο Έμπορο Kia κλπ. Οι απεικονίσεις εξωτερικού των μοντέλων στο διαμορφωτή, είναι ενδεικτικές των χρωμάτων που υπάρχουν διαθέσιμα και δε συνιστούν πιστή αναπαράσταση του εξοπλισμού κάθε έκδοσης (όπως, ενδεικτικά αλλά όχι περιοριστικά: το σχέδιο και η διάσταση των ζαντών, και ούτω καθεξής). Πιθανώς απεικονίζεται πρόσθετος εξοπλισμός που αντιστοιχεί σε μεγαλύτερη αξία από αυτήν της έκδοσης που διαμορφώσατε. Για περισσότερες πληροφορίες απευθυνθείτε στο Δίκτυο Επισήμων Εμπόρων Kia.</p> <p>3) 5 χρόνια δωρεάν service</p> <p>Το πρόγραμμα δωρεάν service για 5 χρόνια ή 75.000 χλμ. (όποιο έρθει πρώτο) αφορά μόνο ΙΧΕ καινούργια αυτοκίνητα (εκτός των Full Electric) τα οποία έχουν πουληθεί βάσει του ισχύοντος τιμοκαταλόγου και η προγραμματισμένη συντήρησή τους γίνεται αποκλειστικά στο Δίκτυο Εξουσιοδοτημένων Επισκευαστών της Kia Το πρόγραμμα καλύπτει τους ελέγχους και τις αντικαταστάσεις αναλώσιμων που αφορούν στο πρόγραμμα περιοδικής συντήρησης των πρώτων 60 μηνών ή 75.000 km (όποιο έρθει πρώτο), όπως αυτό περιγράφεται στο Βιβλίο Οδηγιών Χρήσης του αυτοκινήτου. Μόνο αν προκύψει ανάγκη για κάποια επιπλέον εργασία, και εφόσον αυτή δεν καλύπτεται από τους όρους της 7ετούς εγγύησης, επιβαρύνεται ο κάτοχος.</p> <p>4) Στον υπολογισμό της χρηματοδότησης δεν περιλαμβάνονται τυχόν έξοδα φακέλου.</p> <p>5) 7 χρόνια εγγύηση</p> <p>Στην Kia σας προσφέρουμε εγγύηση 7 ετών από την ημερομηνία πρώτης κυκλοφορίας ή για 150.000χλμ. (όποιο έρθει πρώτο), η οποία είναι δωρεάν και μεταβιβάσιμη στον επόμενο ιδιοκτήτη, υπό την προϋπόθεση ότι το όχημα συντηρείται τακτικά σύμφωνα με το πρόγραμμα συντήρησης. Οι όροι εγγύησης ισχύουν όπως αναφέρονται στο βιβλίο εγγύησης και συντήρησης του οχήματος.</p> <p>6) Επίπεδα Θορύβου</p> <p>Τα δεδομένα στάθμης θορύβου προσδιορίστηκαν σύμφωνα με την προβλεπόμενη διαδικασία μέτρησης, όπως αυτή καθορίζεται στον Κανονισμό (ΕΕ) αριθ. 540/2014 και τον Κανονισμό αριθ. 51. 03 UN/ECE [2018/798].</p> <p>7) Στατικές και κινούμενες εικόνες</p> <p>Οι στατικές και κινούμενες εικόνες χρησιμοποιούνται εδώ αποκλειστικά για λόγους απεικόνισης. Το τελικό προϊόν ενδέχεται να παρουσιάζει διαφορές.</p> </div> </div> </div> <footer class="footer mt-auto py-3 bg-kia-dark bg-gradient-"> <div class="container-fluid"> <div class="row py-3"> <div class="col-12 col-md-4"> <div class="social d-flex"> <a href="https://www.facebook.com/kiahellas?ref=site" target="_blank"> <img src="/images/icon-sns-facebook-transparent-white.png" width="40" height="40" alt="Kia Hellas Facebook" title="Kia Hellas Facebook" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"> </a> <a href="https://twitter.com/Kia_Hellas" target="_blank"> <img src="/images/icon-sns-twitter-transparent-white.png" width="40" height="40" alt="Kia Hellas Twitter" title="Kia Hellas Twitter" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"> </a> <a href="https://www.youtube.com/c/KiaHellasOfficial?sub_confirmation=1" target="_blank"> <img src="/images/icon-sns-youtube-transparent-white.png" width="40" height="40" alt="Kia Hellas Youtube" title="Kia Hellas Youtube" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"> </a> <a href="https://www.linkedin.com/company/kia-hellas" target="_blank"> <img src="/images/icon-sns-linkedin-transparent-white.png" width="40" height="40" alt="Kia Hellas LinkedIn" title="Kia Hellas LinkedIn" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"> </a> <a href="https://www.instagram.com/kia.hellas" target="_blank"> <img src="/images/icon-sns-instagram-transparent-white.png" width="40" height="40" alt="Kia Hellas Instagram" title="Kia Hellas Instagram" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"> </a> </div> </div> <div class="col-12 col-md-8"> <div class="text-end links"> <a class="optanon-toggle-display">Ρυθμίσεις Cookies</a> <a href="https://www.kia.com/gr/legal-disclaimer/" target="_self">Πολιτική Απορρήτου</a> <a href="http://www.kia.com/eu/" target="_blank">Παγκόσμια</a> <a href="https://www.kia.com/gr/prostasia-dedomenon/">Προστασία προσωπικών δεδομένων </a> <a href="https://www.kia.com/gr/cookies/">Cookies</a> <a href="https://www.kia.com/gr/imprint/">Αποτύπωση</a> <a href="https://www.kia.com/gr/rights-of-data-subject/">Δικαιώματα του Υποκειμένου των δεδομένων</a> </div> </div> </div> <div class="row break pt-3 text-end">  <a class="optanon-show-settings">Privacy Settings</a>  <span class="text-white">© 2024 KIA Hellas - Με επιφύλαξη παντός δικαιώματος</span> </div> </div> </footer> <script> (function() { let _initialized = false; function checkRightBars() { //console.log($('#overall-info').parent().position(), $(window).scrollTop()); if (!_initialized) { if ($('#overall-info').length > 0) { $('#overall-info').css({top: $('#overall-info').parent().position().top + "px"}); } _initialized = true; } // check offsets /*let y = $('#overall-info').parent().height() - $('#overall-info').height() - 10;// + $('#overall-info').parent().position().top; //console.log(y, $(window).scrollTop()); if ($(window).scrollTop() >= y) { $('#overall-info').addClass('hidden'); $('#overall-info2').removeClass('hidden'); } else { $('#overall-info').removeClass('hidden'); $('#overall-info2').addClass('hidden'); }*/ } window.onload = function() { console.log('loaded'); function filterModels() { let ids = $('[data-id]').map(function () { return parseInt($(this).data("id"), 10); }).toArray(); console.log('all', ids); let cat = $('#model-category').val(); if (cat !== undefined && cat !== null && cat !== "") { let tmp = $('[data-category=' + cat + ']').map(function () { return parseInt($(this).data("id"), 10); }).toArray(); ids = ids.filter(id => tmp.includes(id)); } console.log('cat', ids); let ft = $('#model-fuel-type').val(); if (ft !== undefined && ft !== null && ft !== "") { let tmp = $('[data-fuel-type]').map(function () { let _this = this; let t = $(this).data('fuel-type'); if (t != null) { if (t.toString().indexOf(',') > 0) { t = t.toString().split(','); } else { t = [t.toString()]; } //console.log(parseInt($(_this).data("id"), 10), t); let _t = $(t).filter(function() { return parseInt(this, 10) === parseInt(ft.toString(), 10); }).toArray(); //console.log(_t, parseInt($(_this).data("id"), 10)); //console.log(ft, t, _t, $(_this).data("id")); return _t.length > 0 ? parseInt($(_this).data("id"), 10) : 0; } return 0; }).filter(function() { return this > 0 }).toArray(); //console.log('filtered', tmp); ids = ids.filter(id => tmp.includes(id)); } console.log('ft', ids); let gb = $('#model-gearbox').val(); if (gb !== null && gb !== "") { let tmp = $('[data-gearbox-' + gb + ']').map(function () { return parseInt($(this).data("id"), 10); }).toArray(); ids = ids.filter(id => tmp.includes(id)); } console.log('gb', ids); let dr = $('#model-drive').val(); if (dr !== null && dr !== "") { let tmp = $('[data-drive-' + dr + ']').map(function () { return parseInt($(this).data("id"), 10); }).toArray(); ids = ids.filter(id => tmp.includes(id)); } console.log('1', ids); let min = parseInt($('.price-select .input-min').val(), 10); let max = parseInt($('.price-select .input-max').val(), 10); let tmp = $('[data-id]').filter(function () { return parseInt($(this).data("price-min"), 10) >= min && parseInt($(this).data("price-min"), 10) < max; }).map(function() { return parseInt($(this).data("id"), 10); }).toArray(); console.log('2', tmp); ids = ids.filter(id => tmp.includes(id)); console.log('3', ids); $('[data-id]').each(function () { if (ids.indexOf($(this).data('id')) >= 0) { $(this).show(); } else { $(this).hide(); } }); } $('#model-category').on('change', function () { filterModels(); return false; }); $('#model-fuel-type').on('change', function () { filterModels(); return false; }); $('#model-gearbox').on('change', function () { filterModels(); return false; }); $('#model-drive').on('change', function () { filterModels(); return false; }); $('.price-select .input-min').on('change', function() { filterModels(); return false; }); $('.price-select .input-max').on('change', function() { filterModels(); return false; }); $('.price-select .range-input input').on('change', function() { filterModels(); return false; }); $('[data-action="select"]').on('click', function() { let link = $(this).prop('href'); let p = []; let ft = $('#model-fuel-type').val(); if (ft !== undefined && ft !== null && ft !== "") { p.push("ft=" + ft.toString()); } let gb = $('#model-gearbox').val(); if (gb !== null && gb !== "") { p.push("gb=" + gb.toString()); } let dr = $('#model-drive').val(); if (dr !== null && dr !== "") { p.push("dr=" + dr.toString()); } link += "?" + p.join('&'); $(this).prop('href', link); }) const rangeInput = document.querySelectorAll(".range-input input"), priceInput = document.querySelectorAll(".price-input input"), range = document.querySelector(".slider .progress"); let priceGap = 0; //30990; priceInput.forEach(input => { input.addEventListener("input", e => { let minPrice = parseInt(priceInput[0].value), maxPrice = parseInt(priceInput[1].value); if ((maxPrice - minPrice >= priceGap) && maxPrice <= rangeInput[1].max) { //console.log('ok'); if (e.target.className === "input-min"){ rangeInput[0].value = minPrice; range.style.left = ((minPrice / rangeInput[0].max) * 100) + "%"; } else { rangeInput[1].value = maxPrice; range.style.right = 100 - (maxPrice / rangeInput[1].max) * 100 + "%"; } } }); input.addEventListener("blur", e => { let v = parseInt(input.value, 10); let minPrice = parseInt($(input).data('min'), 10), maxPrice = parseInt($(input).data('max'), 10); if (v < minPrice || v > maxPrice) { if ($(input).hasClass('input-min')) { input.value = minPrice; } else { input.value = maxPrice; } $(input).trigger('change'); } }); }); //console.log(priceGap); rangeInput.forEach(input => { input.addEventListener("input", e => { let m = $(input).data('max'); if (m !== null) { let v = parseInt(input.value); m = parseInt(m); if (m > 0 && v > m) { e.preventDefault(); e.stopImmediatePropagation(); input.value = m; return; } } m = $(input).data('min'); if (m !== null) { let v = parseInt(input.value); m = parseInt(m); if (m > 0 && m > v) { e.preventDefault(); e.stopImmediatePropagation(); input.value = m; return; } } let minVal = parseInt(rangeInput[0].value), maxVal = parseInt(rangeInput[1].value); console.log(minVal, maxVal, priceGap); if ((maxVal - minVal) < priceGap) { //console.log('<'); if(e.target.className === "range-min"){ rangeInput[0].value = maxVal - priceGap; }else{ rangeInput[1].value = minVal + priceGap; } } else { //console.log('>='); priceInput[0].value = minVal; priceInput[1].value = maxVal; //console.log(rangeInput[0].max, rangeInput[1].max); // max min // 100 ? //console.log(((100 * rangeInput[0].value) / rangeInput[0].max)); let v = rangeInput[0].value - rangeInput[0].min; let m = rangeInput[0].max - rangeInput[0].min; range.style.left = ((100 * v) / m) + "%"; // ((minVal / rangeInput[0].max) * 100) + "%"; m = rangeInput[1].max - rangeInput[1].min; v = rangeInput[1].value - rangeInput[1].min; //console.log(v, m, maxVal, rangeInput[1].max); range.style.right = 100 - (v / m) * 100 + "%"; // 100 - (maxVal / rangeInput[1].max) * 100 + "%"; } }); }); $('[data-action="filters"]').on('click', function() { $('#model-filters').removeClass('d-none'); return false; }); $('#model-filters .bg').on('click', function() { $('#model-filters').addClass('d-none'); return false; }); $('#model-filters').stick_in_parent({ offset_top: 130, }); checkRightBars(); }; })(); </script> <script> </script> <script> window.mobileAndTabletCheck = function() { let check = false; (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera); return check; }; </script>  <script type="text/javascript"> window.lightningjs||function(n){var e="lightningjs";function t(e,t){var r,i,a,o,d,c;return t&&(t+=(/\?/.test(t)?"&":"?")+"lv=1"),n[e]||(r=window,i=document,a=e,o=i.location.protocol,d="load",c=0,function(){n[a]=function(){var t=arguments,i=this,o=++c,d=i&&i!=r&&i.id||0;function s(){return s.id=o,n[a].apply(s,arguments)}return(e.s=e.s||[]).push([o,d,t]),s.then=function(n,t,r){var i=e.fh[o]=e.fh[o]||[],a=e.eh[o]=e.eh[o]||[],d=e.ph[o]=e.ph[o]||[];return n&&i.push(n),t&&a.push(t),r&&d.push(r),s},s};var e=n[a]._={};function s(){e.P(d),e.w=1,n[a]("_load")}e.fh={},e.eh={},e.ph={},e.l=t?t.replace(/^\/\//,("https:"==o?o:"http:")+"//"):t,e.p={0:+new Date},e.P=function(n){e.p[n]=new Date-e.p[0]},e.w&&s(),r.addEventListener?r.addEventListener(d,s,!1):r.attachEvent("onload",s);var l=function(){function n(){return["<!DOCTYPE ",o,"><",o,"><head></head><",t,"><",r,' src="',e.l,'"></',r,"></",t,"></",o,">"].join("")}var t="body",r="script",o="html",d=i[t];if(!d)return setTimeout(l,100);e.P(1);var c,s=i.createElement("div"),h=s.appendChild(i.createElement("div")),u=i.createElement("iframe");s.style.display="none",d.insertBefore(s,d.firstChild).id="lightningjs-"+a,u.frameBorder="0",u.id="lightningjs-frame-"+a,/MSIE[ ]+6/.test(navigator.userAgent)&&(u.src="javascript:false"),u.allowTransparency="true",h.appendChild(u);try{u.contentWindow.document.open()}catch(n){e.domain=i.domain,c="javascript:var d=document.open();d.domain='"+i.domain+"';",u.src=c+"void(0);"}try{var p=u.contentWindow.document;p.write(n()),p.close()}catch(e){u.src=c+'d.write("'+n().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}e.P(2)};e.l&&l()}()),n[e].lv="1",n[e]}var r=window.lightningjs=t(e);r.require=t,r.modules=n}({}); if (mobileAndTabletCheck()) { window.usabilla_live = lightningjs.require("usabilla_live", "//w.usabilla.com/bacdd3bf1d00.js"); } else { window.usabilla_live = lightningjs.require("usabilla_live", "//w.usabilla.com/3bde850db208.js"); } </script>  </body> </html>

CINXE.COM

Kia configurator