{"id":514,"date":"2025-03-09T15:02:19","date_gmt":"2025-03-09T14:02:19","guid":{"rendered":"https:\/\/test.bjarntech.com\/?page_id=514"},"modified":"2025-03-09T15:02:20","modified_gmt":"2025-03-09T14:02:20","slug":"produktguide","status":"publish","type":"page","link":"https:\/\/bjarntech.com\/en\/produktguide\/","title":{"rendered":"Product Guide"},"content":{"rendered":"    <form id=\"hastighetsmatare-form\">\n        <label for=\"bilmodell\">V\u00e4lj bilmodell:<\/label>\n        <select id=\"bilmodell\" name=\"bilmodell\" required>\n            <option value=\"\">--V\u00e4lj modell--<\/option>\n            <option value=\"volvo_240\">Volvo 240<\/option>\n            <option value=\"volvo_740\">Volvo 740<\/option>\n            <option value=\"volvo_940\">Volvo 940<\/option>\n        <\/select>\n\n        <div id=\"arsmodell-container\" style=\"display:none;\">\n            <label for=\"arsmodell\">V\u00e4lj \u00e5rsmodell:<\/label>\n            <select id=\"arsmodell\" name=\"arsmodell\">\n                <option value=\"\">--V\u00e4lj \u00e5rsmodell--<\/option>\n                <!-- Dynamiskt ifyllning via JavaScript -->\n            <\/select>\n        <\/div>\n\n        <div id=\"instrumentering-container\" style=\"display:none;\">\n            <label for=\"instrumentering\">Vilken typ av instrumentering har du?<\/label>\n            <select id=\"instrumentering\" name=\"instrumentering\">\n                <option value=\"\">--V\u00e4lj instrumentering--<\/option>\n                <option value=\"vdo\">VDO<\/option>\n                <option value=\"yazaki\">Yazaki<\/option>\n            <\/select>\n            <div id=\"instrumentering-bild\" style=\"display:none; margin-top: 10px;\">\n                <img decoding=\"async\" src=\"https:\/\/test.bjarntech.com\/wp-content\/uploads\/2024\/07\/e70128as-960.jpg\"\n                    alt=\"VDO eller Yazaki\" style=\"max-width:100%; height:auto;\">\n            <\/div>\n        <\/div>\n\n\n        <div id=\"bild-1988-container\" style=\"display:none; margin-top: 10px;\">\n            <h3><\/h3>\n            <p>\n            Vi beh\u00f6ver veta om du har \u00e5rsmodell 1988-A eller 1988-B.<br>\n            Om du inte vet vilken du har kan du kolla under huven efter en diagnostikbox.<br>\n            Om du inte har en diagnostikbox, har du en 1988-A.<br>\n            Om du har en diagnostikbox, har du en 1988-B.\n            <\/p>\n            <img decoding=\"async\" src=\"https:\/\/test.bjarntech.com\/wp-content\/uploads\/2025\/03\/diagnosuttag.jpg\" alt=\"Skillnaden mellan 1988A och 1988B\" style=\"max-width:100%; height:auto;\">\n            <button id=\"1988AKnapp\" type=\"button\" onclick=\"set1988AB('A')\">1988-A<\/button>\n            <button id=\"1988BKnapp\" type=\"button\" onclick=\"set1988AB('B')\">1988-B<\/button>\n        <\/div>\n\n        <div id=\"rekommendation\" style=\"display:none;\">\n            <br>\n            <h3>\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\" width=\"1.4em\" height=\"1.4em\" style=\"vertical-align: middle;\">\n\t\t\t\t  <!-- Bakgrund med gradient f\u00f6r en premiumk\u00e4nsla -->\n\t\t\t\t  <circle cx=\"24\" cy=\"24\" r=\"22\" fill=\"url(#grad1)\" stroke=\"green\" stroke-width=\"3\"\/>\n\t\t\t\t  <!-- Sj\u00e4lva checkmarken -->\n\t\t\t\t  <path d=\"M14 24l6 6 14-14\" fill=\"none\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n\t\t\t\t  <defs>\n\t\t\t\t\t<linearGradient id=\"grad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n\t\t\t\t\t  <stop offset=\"0%\" style=\"stop-color:#4CAF50; stop-opacity:1\" \/>\n\t\t\t\t\t  <stop offset=\"100%\" style=\"stop-color:#2E7D32; stop-opacity:1\" \/>\n\t\t\t\t\t<\/linearGradient>\n\t\t\t\t  <\/defs>\n\t\t\t\t<\/svg>\n\t\t\t\tPassande m\u00e4tare hittad!\n\t\t\t<\/h3>\n\t\t\t<p id=\"produkt-info\"><\/p>\n            <button id=\"produktKnapp\" type=\"button\" onclick=\"openProductLink()\">Visa m\u00e4taren<\/button>\n        <\/div>\n        <!-- Knapp f\u00f6r att b\u00f6rja om -->\n        <br \/>\n        <br \/>\n        <button onClick=\"window.location.reload();\">B\u00f6rja om<\/button>\n    <\/form>\n\n    <script>\n\n        const form = document.getElementById('hastighetsmatare-form');\n        const bilmodellSelect = document.getElementById('bilmodell');\n        const instrumenteringSelect = document.getElementById('instrumentering');\n        const instrumenteringContainer = document.getElementById('instrumentering-container');\n        const arsmodellContainer = document.getElementById('arsmodell-container');\n        const arsmodellSelect = document.getElementById('arsmodell');\n        const bild1988Container = document.getElementById('bild-1988-container');\n        const instrumenteringBild = document.getElementById('instrumentering-bild');\n        const rekommendation = document.getElementById('rekommendation');\n        const produktInfo = document.getElementById('produkt-info');\n        const produktLank = document.getElementById('produkt-lank');\n\n        const produkt = {\n            'volvo_240': {\n                '1975-1980': { 'namn': 'Volvo 240 1975-1980 Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-240-matare-1975-1980\/' },\n                '1981-1985': {\n                    'vdo': { 'namn': 'Volvo 240 1981-1985 VDO Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-240-matare-1981-1985-vdo\/' },\n                    'yazaki': { 'namn': 'Volvo 240 1981-1985 Yazaki Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-240-matare-1981-1985-yazaki\/' }\n                },\n                '1986-1993': { 'namn': 'Volvo 240 1986-1993 Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-240-matare-1986-1993\/' }\n            },\n            'volvo_740': {\n                'vdo': { 'namn': 'Volvo 740 1984-1990 VDO Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-740-matare-1984-1990-vdo\/' },\n                'yazaki': {\n                    '1984-1988A': { 'namn': 'Volvo 740 1984-1988A Yazaki Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-740-matare-1984-1988a-yazaki\/' },\n                    '1988B-1990': { 'namn': 'Volvo 740 1988B-1990 Yazaki Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-740-matare-1988b-1990-yazaki\/' }\n                },\n                '1991-1992': { 'namn': 'Volvo 740\/940 1991-1992 Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-940-740-matare-1991-1992\/' }\n            },\n            'volvo_940': {\n                '1991-1992': { 'namn': 'Volvo 740\/940 1991-1992 Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-940-740-matare-1991-1992\/' },\n                '1993-1994': { 'namn': 'Volvo 940 1993-1994 Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-940-matare-1993-1994\/' },\n                '1995-1998': { 'namn': 'Volvo 940 1995-1998 Hastighetsm\u00e4tare', 'lank': 'https:\/\/bjarntech.com\/shop\/volvo-940-matare-1995-1998\/' }\n            }\n        };\n\n\n        window.onload = function() {\n            if (performance.navigation.type === 2) {\n                window.location.reload();  \/\/ Tvingar om-laddning om anv\u00e4ndaren har anv\u00e4nt bak\u00e5tknappen\n            }\n        };\n\n        function openProductLink(lank) {\n            if (lank) {\n                window.location.href = lank;\n            } else {\n                alert(\"Ingen produktl\u00e4nk hittades!\");\n            }\n        }\n\n        function set1988AB(value) {\n            uppdateraRekommendation(value);\n\t}\n\n\tfunction createProductLink(valdProdukt) {\n\t\tproduktInfo.textContent = valdProdukt.namn;\n                let slutligLank = valdProdukt.lank;\n                if (true) {\n\t                slutligLank = valdProdukt.lank.replace('.com\/', '.com\/en\/');\n                }\n                produktKnapp.setAttribute(\"onclick\", \"openProductLink('\" + slutligLank + \"')\");\n\n                rekommendation.style.display = 'block';\n\t}\n\n\n        function uppdateraRekommendation(suffix) {\n            let modell = bilmodellSelect.value;\n            let instrumentering = instrumenteringSelect.value;\n            let arsmodell = arsmodellSelect.value;\n\n            \/\/ Om \u00e5rsmodellen \u00e4r 1988, l\u00e4gg till suffixet (A eller B) dynamiskt\n            if (arsmodell === '1988') {\n                arsmodell = '1988' + suffix;\n            }\n\n            if (modell === 'volvo_740' && instrumentering === 'vdo') {\n                let valdProdukt = produkt[modell][instrumentering];\n\n\t\tcreateProductLink(valdProdukt);\n\t\t\n\t\trekommendation.style.display = 'block';\n            } else if (modell === 'volvo_740' && instrumentering === 'yazaki' && arsmodell) {\n                \/\/ Din logik f\u00f6r andra \u00e5rsmodeller\n                switch (arsmodell) {\n                    case '1984':\n                    case '1985':\n                    case '1986':\n                    case '1987':\n                    case '1988A':\n                        arsmodell = '1984-1988A';\n                        break;\n                    case '1988B':\n                    case '1989':\n                    case '1990':\n                        arsmodell = '1988B-1990';\n                        break;\n                }\n                let valdProdukt = produkt[modell][instrumentering][arsmodell];\n                if (valdProdukt) {\n\t\t\tcreateProductLink(valdProdukt);\n\t\t}\n            } else if (modell === 'volvo_740' && (arsmodell === '1991' || arsmodell === '1992')) {\n                arsmodell = '1991-1992';\n\t\tlet valdProdukt = produkt[modell][arsmodell];\n\t\tcreateProductLink(valdProdukt);\n            } else if (modell === 'volvo_240' && arsmodell !== '1981-1985') {\n\t\t    let valdProdukt = produkt[modell][arsmodell];\n\t\t    createProductLink(valdProdukt);\n            } else if (modell === 'volvo_240' && arsmodell === '1981-1985' && instrumentering) {\n                let valdProdukt = produkt[modell][arsmodell][instrumentering];\n\t\tif (valdProdukt) {\n\t\t\tcreateProductLink(valdProdukt);\n                }\n            } else if (modell === 'volvo_940') {\n                let valdProdukt = produkt[modell][arsmodell];\n\t\tif (valdProdukt) {\n\t\t\tcreateProductLink(valdProdukt);\n                } else {\n                    rekommendation.style.display = 'none';\n                }\n            } else {\n                rekommendation.style.display = 'none';\n            }\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n\n\n\n\n            bilmodellSelect.addEventListener('change', function() {\n                let modell = bilmodellSelect.value;\n                instrumenteringContainer.style.display = 'none';\n                arsmodellContainer.style.display = 'none';\n                bild1988Container.style.display = 'none';\n                instrumenteringBild.style.display = 'none';\n                rekommendation.style.display = 'none';\n\n                \/\/ Reset instrumentering choice and show appropriate options\n                document.querySelectorAll('input[name=\"instrumentering\"]').forEach(radio => radio.checked = false);\n\n                if (modell === 'volvo_740') {\n                    arsmodellSelect.innerHTML = '<option value=\"\">--V\u00e4lj \u00e5rsmodell--<\/option>';\n                    ['1984', '1985', '1986', '1987', '1988', '1989', '1990', '1991', '1992'].forEach(ars => {\n                        let option = document.createElement('option');\n                        option.value = ars;\n                        option.textContent = ars;\n                        arsmodellSelect.appendChild(option);\n                    });\n                    arsmodellContainer.style.display = 'block';\n                } else if (modell === 'volvo_240') {\n                    \/\/ Show only the year model selector for Volvo 240\n                    arsmodellContainer.style.display = 'block';\n                    arsmodellSelect.innerHTML = '<option value=\"\">--V\u00e4lj \u00e5rsmodell--<\/option>';\n                    let availableYears = ['1975-1980', '1981-1985', '1986-1993'];\n                    availableYears.forEach(ars => {\n                        let option = document.createElement('option');\n                        option.value = ars;\n                        option.textContent = ars;\n                        arsmodellSelect.appendChild(option);\n                    });\n                } else if (modell === 'volvo_940') {\n                    \/\/ Show only the year model selector for Volvo 940\n                    arsmodellContainer.style.display = 'block';\n                    arsmodellSelect.innerHTML = '<option value=\"\">--V\u00e4lj \u00e5rsmodell--<\/option>';\n                    let availableYears = Object.keys(produkt[modell]);\n                    availableYears.forEach(ars => {\n                        let option = document.createElement('option');\n                        option.value = ars;\n                        option.textContent = ars;\n                        arsmodellSelect.appendChild(option);\n                    });\n                }\n            });\n\n\t\t\tarsmodellSelect.addEventListener('change', function() {\n\t\t\t\tlet modell = bilmodellSelect.value;\n\t\t\t\tlet arsmodell = arsmodellSelect.value;\n                let instrumentering = instrumenteringSelect.value;\n\n\t\t\t\tif (modell === 'volvo_240') {\n\t\t\t\t\t\/\/ Om 1981-1985 \u00e4r vald, visa VDO\/Yazaki-valet\n\t\t\t\t\tif (arsmodell === '1981-1985' && !instrumentering) {\n\t\t\t\t\t\tinstrumenteringContainer.style.display = 'block';  \/\/ Visa VDO\/Yazaki-valet\n                        instrumenteringBild.style.display = 'block';\n                        \/\/rekommendation.style.display = 'none';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tinstrumenteringContainer.style.display = 'none';  \/\/ D\u00f6lj VDO\/Yazaki f\u00f6r andra \u00e5rsmodeller\n\t\t\t\t\t}\n\t\t\t\t}\n                if (modell === 'volvo_740' && arsmodell !== '1991' && arsmodell !== '1992') {\n                    instrumenteringContainer.style.display = 'block';  \/\/ Visa VDO\/Yazaki-valet\n                    instrumenteringBild.style.display = 'block';\n                    bild1988Container.style.display = 'none';\n                } else if (modell === 'volvo_740' && (arsmodell === '1991' || arsmodell === '1992')){\n                    instrumenteringContainer.style.display = 'none';  \/\/ Visa VDO\/Yazaki-valet\n                    instrumenteringBild.style.display = 'none';\n                    bild1988Container.style.display = 'none';\n                    uppdateraRekommendation();\n                }\n                \/\/ \u00c5terst\u00e4ll instrumenteringsvalet\n                instrumenteringSelect.value = \"\";\n\t\t\t});\n\n\n            instrumenteringSelect.addEventListener('change', function() {\n                let modell = bilmodellSelect.value;\n                let arsmodell = arsmodellSelect.value;\n                let instrumentering = instrumenteringSelect.value;\n                \/\/ Rensa rekommendationen direkt n\u00e4r instrumentering \u00e4ndras\n                rekommendation.style.display = 'none';\n                \/\/let instrumentering = document.querySelector('input[name=\"instrumentering\"]:checked')?.value;\n                \/\/instrumenteringBild.style.display = instrumentering ? 'block' : 'none';\n\n                if (modell === 'volvo_240') {\n                    \/\/ Reset to show VDO\/Yazaki for 1981-1985\n                    bild1988Container.style.display = 'none';\n                    instrumenteringBild.style.display = 'none';\n                    uppdateraRekommendation();\n                } else if (modell === 'volvo_740' && instrumentering === 'vdo') {\n                    instrumenteringBild.style.display = 'none';\n                    uppdateraRekommendation();\n                } else if (modell === 'volvo_740' && instrumentering === 'yazaki' && arsmodell === '1988') {\n                    instrumenteringBild.style.display = 'none';\n                    uppdateraRekommendation();\n                    bild1988Container.style.display = 'block';\n                } else if (modell === 'volvo_740' && instrumentering === 'yazaki') {\n                    instrumenteringBild.style.display = 'none';\n                    uppdateraRekommendation();\n                    bild1988Container.style.display = 'none';\n                }\n            });\n\n            arsmodellSelect.addEventListener('change', uppdateraRekommendation);\n        });\n    <\/script>\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-514","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bjarntech.com\/en\/wp-json\/wp\/v2\/pages\/514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bjarntech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bjarntech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bjarntech.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bjarntech.com\/en\/wp-json\/wp\/v2\/comments?post=514"}],"version-history":[{"count":1,"href":"https:\/\/bjarntech.com\/en\/wp-json\/wp\/v2\/pages\/514\/revisions"}],"predecessor-version":[{"id":516,"href":"https:\/\/bjarntech.com\/en\/wp-json\/wp\/v2\/pages\/514\/revisions\/516"}],"wp:attachment":[{"href":"https:\/\/bjarntech.com\/en\/wp-json\/wp\/v2\/media?parent=514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}