https://xtrons.ibus-app.de/api.php?action=feedcontributions&feedformat=atom&user=Andre Wiki rund um Android-Navis für BMW E38/E39/E46/E53 - Benutzerbeiträge [de] 2026-11-05T01:36:53Z Benutzerbeiträge MediaWiki 1.37.1 https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4098 Android Radio Konfigurator 2026-10-23T12:01:54Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:2px 0;border-bottom:1px solid rgba(128,128,128,.3)}<br /> #nvk .nvk-row label{flex:1;margin:0;min-width:240px}<br /> #nvk .nvk-row a{white-space:nowrap;font-weight:600}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div id=&quot;nvk-lang&quot; style=&quot;text-align:right;margin-bottom:6px&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend data-en=&quot;Additional options&quot;&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot; data-en=&quot;Reset selection&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend data-en=&quot;Send request&quot;&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot; data-en=&quot;Your selection and the list above are sent automatically. All fields marked * are required.&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot; data-en=&quot;Email *&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot; data-en=&quot;Desired display size (optional)&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot; data-en=&quot;No preference / advice wanted&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option data-en=&quot;Other size (please state in comment)&quot;&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot; data-en=&quot;Diagonal in inches. Not every size is available for every model - we will check this for you.&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot; data-en=&quot;VIN (optional)&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot; data-en-ph=&quot;AB12345 or full 17-character VIN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot; data-en=&quot;Comment *&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; &lt;span data-en=&quot;I agree that my details may be processed by email to handle this request.&quot;&gt;Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden.&lt;/span&gt;&lt;span id=&quot;nvk-dslink&quot;&gt;&lt;/span&gt; *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot; data-en=&quot;Send request&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;div id=&quot;nvk-legal&quot; class=&quot;nvk-help&quot; style=&quot;margin-top:20px&quot;&gt;&lt;b data-en=&quot;Note:&quot;&gt;Hinweis:&lt;/b&gt; &lt;span data-en=&quot;The configurator gives a non-binding orientation on suitable items. Equipment and connections may differ depending on year, model and modifications. Please check your selection against your vehicle before ordering. If in doubt, use the request form - we are happy to check the combination for you.&quot;&gt;Der Konfigurator gibt eine unverbindliche Orientierung zu passenden Artikeln. Ausstattung und Anschlüsse können je nach Baujahr, Modell und Umbauten abweichen. Bitte gleiche Deine Auswahl vor der Bestellung mit Deinem Fahrzeug ab. Im Zweifel nutze die Anfrage-Funktion, wir prüfen die Zusammenstellung gern für Dich.&lt;/span&gt;&lt;div id=&quot;nvk-legal-links&quot; style=&quot;margin-top:4px&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt. / JavaScript is required for the configurator.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* Shop-Anbindung: API = radios.php (liefert Radio-Liste und Artikelnummern). Warenkorb = Shopware-Link pro Artikelnummer. */<br /> var API = &quot;https://xtrons.ibus-app.de/radios.php&quot;;<br /> /* CART_TRANSFER = true: Warenkorb-Button öffnet den Shop mit ?nvk=ARTIKELNUMMERN. Das funktioniert nur, wenn im Shop das Skript shop-warenkorb-uebergabe.js eingebunden ist. */<br /> var CART_TRANSFER = true;<br /> /* CART_CLEAR = true: Der Warenkorb im Shop wird vor der Übergabe geleert (benötigt Plugin 1.4.0). false = Artikel werden zum vorhandenen Warenkorb hinzugefügt. */<br /> var CART_CLEAR = true;<br /> /* Ziel der Übergabe: Shop-Controller aus Plugin 1.1.0 (serverseitig, unabhängig vom Browser-Cache).<br /> Älterer Weg über das Theme-Skript: var TRANSFER_URL = CART + &quot;?nvk=&quot;; */<br /> var TRANSFER_URL = &quot;https://shop.ibus-app.de/nvk?add=&quot;;<br /> /* ---- Sprache / English ----------------------------------------------------<br /> DEFAULT_LANG: de oder en. Umschalten per Knopf DE/EN oder per Adresse ?uselang=en */<br /> var DEFAULT_LANG = &quot;de&quot;;<br /> var SHOP_EN = &quot;https://shop.ibus-app.de/en/&quot;;<br /> var TRANSFER_URL_EN = SHOP_EN + &quot;nvk?add=&quot;;<br /> var MAIL_SUBJECT_EN = &quot;Request from Android Radio Configurator&quot;;<br /> /* Rechtliche Seiten EN (fehlt ein Eintrag, wird der deutsche Link genommen) */<br /> var LEGAL_EN = { agb: SHOP_EN + &quot;general-terms-and-conditions&quot;, widerruf: SHOP_EN + &quot;revocation-right&quot;, datenschutz: SHOP_EN + &quot;privacy-policy&quot; };<br /> var CART = &quot;https://shop.ibus-app.de/checkout/cart&quot;;<br /> /* Rechtliche Seiten (Links unter dem Konfigurator und beim Datenschutz-Haken). Leer = Link wird nicht angezeigt. */<br /> var LEGAL = { agb: &quot;https://shop.ibus-app.de/allgemeine-geschaeftsbedingungen&quot;, widerruf: &quot;https://shop.ibus-app.de/widerrufsrecht&quot;, datenschutz: &quot;https://shop.ibus-app.de/datenschutz&quot; };<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var BODY_EN = { limo: &quot;Sedan&quot;, touring: &quot;Touring (wagon)&quot;, coupe: &quot;Coupe&quot;, cabrio: &quot;Convertible&quot;, schraeg: &quot;Hatchback&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupe&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> function vname(x) { return LANG === &quot;en&quot; ? x.t.replace(/^(\d)er /, &quot;$1 Series &quot;) : x.t; }<br /> function enSlug(v) { return v.replace(/^(\d)er-/, &quot;$1-series-&quot;); }<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], t_en: BODY_EN[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, label_en: &quot;Vehicle&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t, t_en: &quot;BMW &quot; + x.t.replace(/^(\d)er /, &quot;$1 Series &quot;) }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, label_en: &quot;Factory-fitted system&quot;,<br /> pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot;, html_en: &quot;[b]How to identify your system:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, t_en: &quot;Radio with IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, t_en: &quot;Radio with MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, t_en: &quot;4:3 navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, t_en: &quot;16:9 navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, t_en: &quot;Arrow navi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, label_en: &quot;Where is the radio module of the arrow navi?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> help_en: &quot;Please check: is the module in the trunk, or inside the arrow navi itself (Quadlock at the back next to the antenna connector)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot;, t_en: &quot;In the trunk (extensions required)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot;, t_en: &quot;In the arrow navi, Quadlock at the back (no extension)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, t_en: &quot;I don't know&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, label_en: &quot;AUX-IN available?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot;, t_en: &quot;Yes&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot;, t_en: &quot;No&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, label_en: &quot;Sound system&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot;, t_en: &quot;Hi-Fi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot;, info_en: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Do I have DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, label_en: &quot;Currently installed&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot;, t_en: &quot;Factory radio / factory navi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot;, t_en: &quot;Aftermarket radio / navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, label_en: &quot;Body type&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, label_en: &quot;Antenna connector on the radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, t_en: &quot;I don't know&quot;,<br /> info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot;,<br /> info_en: &quot;[b]BM24[/b] (round pin) = ISO antenna connector:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, t_en: &quot;ISO (BM24, round pin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS<br /> Englisch: Felder mit Endung _en (t_en, sub_en, ...). Fehlt ein _en-Feld, wird der deutsche Text gezeigt. */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, t_en: &quot;Radio holder&quot;, sub: &quot;nur BMW E39&quot;, sub_en: &quot;BMW E39 only&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, t_en: &quot;DeepOBD (diagnostics)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, sub_en: &quot;Add-on - only with I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, sub_en: &quot;Counterpart to the I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, t_en: &quot;TPMS (tire pressure)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, t_en: &quot;Rear-view camera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, t_en: &quot;Front camera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, t_en: &quot;Installation tool (plastic pry tool)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot;, why_en: &quot;required because of DSP&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link DE, ue = Shop-Link EN (leer = wie DE) ut/wt = Linktexte w = Wiki-Link leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht<br /> Die Lizenzen sind im EN-Shop andere Artikel (BC = OBC): ue zeigt auf den EN-Artikel. */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, t_en: &quot;Extension EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, d_en: &quot;Replaces the radio module in the trunk.&quot;,<br /> u: SHOP + &quot;detail/index/sArticle/212/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/adapter-elongations/212/bmw-radio-extension-6-meters-exl005&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, t_en: &quot;Extension 6 m FAKRA(m) to FAKRA(f), angled&quot;,<br /> d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, d_en: &quot;Antenna extension from the trunk to the front.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/192/extension-6m-fakra-m-to-fakra-f-short-angled&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, t_en: &quot;Adapter ISO plug to FAKRA, angled (15 cm)&quot;,<br /> d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, d_en: &quot;Required with an ISO antenna connector (BM24, round pin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/193/adapter-cable-iso-f-to-fakra-f-short-angled-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, t_en: &quot;I-BUS App - OBC+DSP License&quot;,<br /> d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;, d_en: &quot;Without the DSP license the factory DSP will not work.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/172/i-bus-app-obc-dsp-license&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot;, wt_en: &quot;Wiki: Do I have DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, t_en: &quot;Alu holder for radio installation in BMW E39&quot;,<br /> d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, d_en: &quot;Recommended for radios not made by AVIN.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/fittings-for-radio/185/fittings-for-radio-in-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> d_en: &quot;The I-BUS App is an Android application that displays your on-board computer on an Android device and integrates many comfort and coding functions in your vehicle. The app download is free and a connection to the interface/module can be established. To use all functions of the app, an I-BUS App license is required.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;, ue: SHOP_EN + &quot;cat/index/sCategory/45&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot;, t_en: &quot;Wiki: What do I need for the I-BUS App?&quot;, ue: WIKI + &quot;What_do_I_need_to_use_the_I-BUS_app%3F&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot;, t_en: &quot;List of all I-BUS App functions (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot;, t_en: &quot;What does not work on BMW E46, E83, E85,..? (not fitted at the factory)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot;, t_en: &quot;Function restrictions by year / equipment / model&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, t_en: &quot;Resler USB I-BUS module incl. cable&quot;,<br /> d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, d_en: &quot;Connects the I-BUS App and the vehicle.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/191/resler-usb-i-bus-module-incl.-cable&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot;, wt_en: &quot;Installation guide Resler module&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, t_en: &quot;I-BUS App - OBC License&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, d_en: &quot;Unlocks e.g. the OBC data of the app.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/173/i-bus-app-obc-license&quot;, sku_en: &quot;App04&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, t_en: &quot;Deep OBD OBD-II Bluetooth adapter&quot;,<br /> d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, d_en: &quot;Read live values, read and clear fault codes.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/258/deep-obd-obd-ii-bluetooth-adapter&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot;, wt_en: &quot;Wiki: Setting up DeepOBD&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, t_en: &quot;CAN bus interface incl. connection cable&quot;,<br /> d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, d_en: &quot;Add-on, only works together with the I-BUS App or the K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/346/can-bus-interface-incl.-connection-cable&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot;, wt_en: &quot;Installation guide CAN bus interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> d_en: &quot;Counterpart to the I-BUS App for vehicles with K-CAN, currently in beta.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot;, wt_en: &quot;K-CAN App wiki&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, t_en: &quot;K-CAN App - License Beta Version&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;, d_en: &quot;Beta license for the K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/358/k-can-app-license-beta-version&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, t_en: &quot;TPMS - tire pressure monitoring&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, t_en: &quot;DAB+ receiver incl. antenna (single)&quot;, d: &quot;&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, wt_en: &quot;Installing the DAB+ antenna&quot;,<br /> u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/dab/&quot;, ut_en: &quot;DAB+ receivers in the shop →&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, t_en: &quot;Dual DAB+ receiver stick incl. 2 antennas&quot;, d: &quot;&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, wt_en: &quot;Installing the DAB+ antenna&quot;,<br /> u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/dab/&quot;, ut_en: &quot;DAB+ receivers in the shop →&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, t_en: &quot;Rear-view camera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/cameras/&quot;,<br /> ut: &quot;Kameras im Shop ansehen →&quot;, ut_en: &quot;View cameras in the shop →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, t_en: &quot;Front camera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/cameras/&quot;,<br /> ut: &quot;Kameras im Shop ansehen →&quot;, ut_en: &quot;View cameras in the shop →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, t_en: &quot;Installation tool (plastic pry tool)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, d_en: &quot;For gently removing trim panels.&quot;,<br /> u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/installation-tools/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html / html_en = Text (DE / EN)<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot;,<br /> html_en: &quot;[b]Check the extensions:[/b] If an aftermarket radio is already installed, EXL005 and the FAKRA extension should already be in place. [b]Not suitable[/b] are the standard Quad-Lock extension combined with an antenna extension and the EXL006 (no BUS signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot;,<br /> html_en: &quot;[b]Cable routing:[/b] The electronics are in the trunk. At least the radio connection and the FM antenna have to be routed to the front. Optionally also: GPS (OEM antenna), extension for DAB+, connection for the OEM CD changer, RCA for a subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot;,<br /> html_en: &quot;[b]Cable routing:[/b] All connections are directly behind the radio, [b]no[/b] cables need to be routed. Optionally if needed for: GPS (OEM antenna), DAB+, OEM CD changer, RCA for a subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot;,<br /> html_en: &quot;[b]Please check:[/b] Look whether a radio module is located in the trunk. E46 with arrow navi come in two variants: radio module in the trunk = EXL005 and FAKRA extension required. Radio module inside the arrow navi (Quadlock at the back next to the antenna connector) = no extension required.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot;,<br /> html_en: &quot;[b]Antenna connector:[/b] [b]BM24[/b] (round pin) = ISO antenna connector, you may need the [a=&quot; + SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/193/adapter-cable-iso-f-to-fakra-f-short-angled-15cm]ISO to FAKRA adapter[/a]. [b]BM54[/b] = FAKRA, no adapter required.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot;,<br /> html_en: &quot;[b]DSP:[/b] For the factory DSP to work at all, the I-BUS App with OBC+DSP license is required. To find out whether your vehicle has a DSP: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Do I have DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot;,<br /> html_en: &quot;[b]Harman Kardon:[/b] Does [b]not[/b] need a DSP license. The remote signal (+12 V when the radio is on) is enough to start it.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot;,<br /> html_en: &quot;[b]AUX-IN:[/b] The AUX-IN has to be coded. Optionally an FM transmitter can be used - this is not recommended.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot;,<br /> html_en: &quot;[b]Installation:[/b] Radios for BMW E38/E53 do not need extra brackets.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot;,<br /> html_en: &quot;[b]Installation:[/b] For radios not made by AVIN we recommend a holder (see additional options) or modifying the supplied mounting brackets. Instructions: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Installation guides[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot;,<br /> html_en: &quot;[b]E46 installation without the large navi:[/b] The climate control unit has to be moved down. For this you need the matching [b]function carrier[/b] (about 100 EUR new, possibly cheaper from a parts recycler):[br]&quot; +<br /> &quot;Single switches (rather pre-facelift): [a=https://www.leebmann24.de/trager-3er-51168202186.html]without smoker 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]with smoker 51168230902[/a][br]&quot; +<br /> &quot;Switch center (rather facelift): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]without smoker 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]with smoker 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot;,<br /> html_en: &quot;[b]Fiber optic cables:[/b] Any existing fiber optic cables (MOST) have to be moved from the BMW connector to the Xtrons adapter.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot;,<br /> html_en: &quot;[b]The original radio module stays:[/b] With M-ASK, CCC, CIC, NBT and NBT EVO the original radio module stays in the vehicle and must work! Only the screen is replaced.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot;,<br /> html_en: &quot;[b]K-CAN App (Beta):[/b] For the app you need the CAN bus interface and the beta license. Installation instructions: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Where is the CAN bus interface connected?[/a] More information in the [a=https://wiki.kcan-app.de/]K-CAN App wiki[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot;,<br /> html_en: &quot;[b]I-BUS App:[/b] See [a=https://wiki.ibus-app.de/index.php?title=What_do_I_need_to_use_the_I-BUS_app%3F]What do I need to use the I-BUS App?[/a] and the [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]installation guide for the Resler module and interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot;,<br /> html_en: &quot;[b]Important:[/b] Always compare the connections with your own radio. Which radio fits? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Decision guide AVIN or XTRONS[/a] - Costs: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Rough cost overview[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0, radioCache = {}, chosenRadio = null, cartFill = null;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> var LANG = DEFAULT_LANG;<br /> var AMP = &quot;\u0026&quot;;<br /> function T(de, en) { return LANG === &quot;en&quot; ? en : de; }<br /> function LT(o, k) { var v = LANG === &quot;en&quot; ? o[k + &quot;_en&quot;] : &quot;&quot;; return v ? v : o[k]; }<br /> function itemUrl(i) { var v = LANG === &quot;en&quot; ? i.ue : &quot;&quot;; return v ? v : i.u; }<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = LT(r, &quot;why&quot;); }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.id = &quot;nvk-l-&quot; + f.id; lab.textContent = LT(f, &quot;label&quot;);<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.id = &quot;nvk-h-&quot; + f.id; h.innerHTML = fmt(LT(f, &quot;help&quot;)); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> $(&quot;nvk-l-&quot; + f.id).textContent = LT(f, &quot;label&quot;);<br /> if (f.help) { $(&quot;nvk-h-&quot; + f.id).innerHTML = fmt(LT(f, &quot;help&quot;)); }<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = T(&quot;– bitte wählen –&quot;, &quot;– please select –&quot;); el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = LT(v, &quot;t&quot;); el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(LT(f.pre, &quot;html&quot;)) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(LT(cur, &quot;info&quot;)) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + LT(o, &quot;t&quot;)));<br /> var sub = [LT(o, &quot;sub&quot;), isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = LT(item, &quot;t&quot;); d.appendChild(b);<br /> var dd = LT(item, &quot;d&quot;);<br /> if (dd) { var p = document.createElement(&quot;span&quot;); p.textContent = dd; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = LT(item, &quot;t&quot;); a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> var iu = itemUrl(item);<br /> if (iu || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (iu) l.appendChild(link(iu, LT(item, &quot;ut&quot;) || T(&quot;Im Shop ansehen →&quot;, &quot;View in shop →&quot;)));<br /> if (item.w) l.appendChild(link(item.w, (LT(item, &quot;wt&quot;) || T(&quot;Zum Wiki&quot;, &quot;Open wiki&quot;)) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(LANG === &quot;en&quot; ? (x.ue || x.u) : x.u, LT(x, &quot;t&quot;) + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function aidOf(u) {<br /> if (u.indexOf(SHOP) !== 0) return &quot;&quot;;<br /> var m = u.match(/sArticle\/(\d+)/);<br /> if (!m) m = u.split(&quot;?&quot;)[0].match(/\/(\d+)\/[^\/]+$/);<br /> return m ? m[1] : &quot;&quot;;<br /> }<br /> function renderRadioList(veh) {<br /> if (veh.noCat) return;<br /> if (chosenRadio) { if (chosenRadio.cat !== veh.v) chosenRadio = null; }<br /> var ck = veh.v + &quot;-&quot; + LANG;<br /> var data = radioCache[ck];<br /> if (data === undefined) {<br /> radioCache[ck] = &quot;loading&quot;;<br /> fetch(API + &quot;?cat=&quot; + encodeURIComponent(veh.v) + AMP + &quot;lang=&quot; + LANG).then(function (r) { return r.json(); }).then(function (j) {<br /> radioCache[ck] = (j.items || []).map(function (it) { it.cat = veh.v; return it; });<br /> renderResult();<br /> }).catch(function () { radioCache[ck] = []; renderResult(); });<br /> }<br /> if (data === undefined || data === &quot;loading&quot;) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;; m.textContent = T(&quot;Verfügbare Radios werden geladen …&quot;, &quot;Loading available radios …&quot;); outEl.appendChild(m); return;<br /> }<br /> if (!data.length) return;<br /> var want = { mask: /M-?ASK/i, ccc: /\bCCC\b/i, cic: /\bCIC\b/i, nbt: /\bNBT\b/i, nbtevo: /EVO/i }[sel.factory];<br /> function fits(it) { return want ? want.test(it.name) : false; }<br /> var list = data.slice().sort(function (a, b) { return (fits(b) ? 1 : 0) - (fits(a) ? 1 : 0); });<br /> var det = document.createElement(&quot;details&quot;); det.open = Math.max(list.length, 8) === 8;<br /> var sm = document.createElement(&quot;summary&quot;); sm.style.cursor = &quot;pointer&quot;; sm.style.fontWeight = &quot;700&quot;;<br /> sm.textContent = T(&quot;Verfügbare Radios für Deinen BMW &quot;, &quot;Available radios for your BMW &quot;) + vname(veh) + &quot; (&quot; + list.length + &quot;)&quot;; det.appendChild(sm);<br /> list.forEach(function (it) {<br /> var row = document.createElement(&quot;div&quot;); row.className = &quot;nvk-row&quot;;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var rb = document.createElement(&quot;input&quot;); rb.type = &quot;radio&quot;; rb.name = &quot;nvk-radio&quot;;<br /> rb.checked = chosenRadio ? chosenRadio.sku === it.sku : false;<br /> rb.addEventListener(&quot;change&quot;, function () { chosenRadio = it; if (cartFill) cartFill(); });<br /> lab.appendChild(rb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + it.name + (it.price ? &quot; - &quot; + it.price : &quot;&quot;) + (fits(it) ? T(&quot; (passt zu Deiner Auswahl)&quot;, &quot; (matches your selection)&quot;) : &quot;&quot;)));<br /> row.appendChild(lab); row.appendChild(link(it.url, &quot;Shop →&quot;));<br /> det.appendChild(row);<br /> });<br /> outEl.appendChild(det);<br /> }<br /> function cartBlock(needs, opt) {<br /> var items = [];<br /> needs.concat(opt).forEach(function (i) { var id = aidOf(itemUrl(i) || &quot;&quot;); if (id) items.push({ t: LT(i, &quot;t&quot;), aid: id, sku: LANG === &quot;en&quot; ? i.sku_en : i.sku }); });<br /> heading(T(&quot;In den Warenkorb&quot;, &quot;Add to cart&quot;));<br /> var box = document.createElement(&quot;div&quot;); box.className = &quot;nvk-card opt&quot;;<br /> var p = document.createElement(&quot;div&quot;);<br /> p.textContent = T(&quot;Das oben gewählte Radio (falls ausgewählt) und diese Artikel werden direkt im Shop in den Warenkorb gelegt:&quot;, &quot;The radio selected above (if any) and these items will be added to your cart in the shop:&quot;);<br /> box.appendChild(p);<br /> var listEl = document.createElement(&quot;div&quot;); box.appendChild(listEl);<br /> cartFill = function () {<br /> listEl.innerHTML = &quot;&quot;;<br /> var lines = (chosenRadio ? [&quot;Radio: &quot; + chosenRadio.type] : []).concat(items.map(function (x) { return x.t; }));<br /> lines.forEach(function (t) { var r = document.createElement(&quot;div&quot;); r.textContent = &quot;- &quot; + t; listEl.appendChild(r); });<br /> };<br /> cartFill();<br /> var n = document.createElement(&quot;div&quot;); n.className = &quot;nvk-help&quot;;<br /> n.textContent = T(&quot;Kameras, TPMS, Werkzeug und Artikel ohne Direktlink wählst Du bitte über die Links oben im Shop aus.&quot;, &quot;Cameras, TPMS, tools and items without a direct link: please pick them in the shop using the links above.&quot;);<br /> box.appendChild(n);<br /> if (CART_CLEAR) {<br /> var cn = document.createElement(&quot;div&quot;); cn.className = &quot;nvk-help&quot;;<br /> cn.textContent = T(&quot;Hinweis: Ein bereits vorhandener Warenkorb im Shop wird dabei ersetzt.&quot;, &quot;Note: An existing cart in the shop will be replaced.&quot;);<br /> box.appendChild(cn);<br /> }<br /> var all = needs.concat(opt);<br /> var has = function (k) { return all.indexOf(ITEMS[k]) !== -1; };<br /> var l17 = has(&quot;kcanlic&quot;), l7 = has(&quot;bclic&quot;) || has(&quot;bcdsp&quot;);<br /> if (l17 || l7) {<br /> var vb = document.createElement(&quot;div&quot;); vb.className = &quot;nvk-f&quot;; vb.style.marginTop = &quot;12px&quot;;<br /> var vlab = document.createElement(&quot;label&quot;); vlab.htmlFor = &quot;nvk-licvin&quot;;<br /> vlab.textContent = l17 ? T(&quot;Fahrgestellnummer (17 Zeichen) für die Lizenz&quot;, &quot;Full VIN (17 characters) for the license&quot;) : T(&quot;VIN für die Lizenz (7 Zeichen, z. B. AB12345)&quot;, &quot;VIN for the license (7 characters, e.g. AB12345)&quot;);<br /> var vin = document.createElement(&quot;input&quot;); vin.type = &quot;text&quot;; vin.id = &quot;nvk-licvin&quot;; vin.maxLength = 17;<br /> vin.value = $(&quot;nvk-vin&quot;).value.toUpperCase();<br /> var ta = document.createElement(&quot;textarea&quot;); ta.rows = 3; ta.readOnly = true; ta.style.display = &quot;none&quot;; ta.style.marginTop = &quot;6px&quot;;<br /> var cb = document.createElement(&quot;button&quot;); cb.type = &quot;button&quot;; cb.className = &quot;nvk-btn&quot;; cb.style.marginTop = &quot;6px&quot;;<br /> cb.textContent = T(&quot;Kommentartext für die Kasse kopieren&quot;, &quot;Copy comment text for checkout&quot;);<br /> var ls = document.createElement(&quot;div&quot;); ls.className = &quot;nvk-help&quot;;<br /> cb.addEventListener(&quot;click&quot;, function () {<br /> var v = vin.value.trim().toUpperCase(), v7 = &quot;&quot;, v17 = &quot;&quot;;<br /> if (/^[A-HJ-NPR-Z0-9]{17}$/.test(v)) { v17 = v; v7 = v.slice(10); }<br /> else if (/^[A-Z]{2}[0-9]{5}$/.test(v)) v7 = v;<br /> if (l17 ? !v17 : !v7) { ls.textContent = l17 ? T(&quot;Bitte die vollständige 17-stellige Fahrgestellnummer eingeben.&quot;, &quot;Please enter the full 17-character VIN.&quot;) : T(&quot;Bitte die VIN im Format AB12345 (oder die 17-stellige FGN) eingeben.&quot;, &quot;Please enter the VIN as AB12345 (or the full 17-character VIN).&quot;); return; }<br /> var L = [];<br /> if (has(&quot;bclic&quot;)) L.push(T(&quot;I-BUS App BC Lizenz: VIN &quot;, &quot;I-BUS App OBC License: VIN &quot;) + v7);<br /> if (has(&quot;bcdsp&quot;)) L.push(T(&quot;I-BUS App BC+DSP Lizenz: VIN &quot;, &quot;I-BUS App OBC+DSP License: VIN &quot;) + v7);<br /> if (l17) L.push(T(&quot;K-CAN App Beta Lizenz: FGN &quot;, &quot;K-CAN App Beta License: VIN &quot;) + v17);<br /> ta.value = L.join(&quot;\n&quot;); ta.style.display = &quot;&quot;; ta.select();<br /> var hint = T(&quot;Bitte an der Shop-Kasse in das Feld Kommentar einfügen.&quot;, &quot;Please paste it into the Comment field at the shop checkout.&quot;);<br /> var manual = T(&quot;Bitte den Text markieren und kopieren. &quot;, &quot;Please select and copy the text. &quot;);<br /> if (navigator.clipboard) navigator.clipboard.writeText(ta.value).then(function () { ls.textContent = T(&quot;Text kopiert. &quot;, &quot;Text copied. &quot;) + hint; }).catch(function () { ls.textContent = manual + hint; });<br /> else ls.textContent = manual + hint;<br /> });<br /> vb.appendChild(vlab); vb.appendChild(vin); vb.appendChild(cb); vb.appendChild(ta); vb.appendChild(ls); box.appendChild(vb);<br /> }<br /> if (!CART_TRANSFER) { outEl.appendChild(box); return; }<br /> var btn = document.createElement(&quot;button&quot;); btn.type = &quot;button&quot;; btn.className = &quot;nvk-btn&quot;; btn.style.marginTop = &quot;8px&quot;;<br /> btn.textContent = T(&quot;Auswahl in den Warenkorb legen&quot;, &quot;Add selection to cart&quot;);<br /> var st = document.createElement(&quot;div&quot;); st.className = &quot;nvk-help&quot;;<br /> btn.addEventListener(&quot;click&quot;, function () { addToCart(items, st); });<br /> box.appendChild(btn); box.appendChild(st); outEl.appendChild(box);<br /> }<br /> function addToCart(items, st) {<br /> var list = items.slice();<br /> if (chosenRadio) list.unshift({ t: chosenRadio.type, sku: chosenRadio.sku });<br /> if (!list.length) { st.textContent = T(&quot;Es ist noch nichts zum Bestellen ausgewählt.&quot;, &quot;Nothing has been selected to order yet.&quot;); return; }<br /> var w = window.open(&quot;&quot;, &quot;_blank&quot;);<br /> st.textContent = T(&quot;Artikelnummern werden ermittelt …&quot;, &quot;Looking up item numbers …&quot;);<br /> var ids = list.filter(function (x) { return x.aid; }).map(function (x) { return x.aid; });<br /> var get = ids.length ? fetch(API + &quot;?aid=&quot; + ids.join(&quot;,&quot;) + AMP + &quot;lang=&quot; + LANG).then(function (r) { return r.json(); }).then(function (j) { return j.skus || {}; }) : Promise.resolve({});<br /> get.then(function (map) {<br /> var skus = [];<br /> list.forEach(function (x) { var k = x.sku || map[x.aid]; if (k) skus.push(k); });<br /> if (!skus.length) throw new Error(&quot;none&quot;);<br /> var url = (LANG === &quot;en&quot; ? TRANSFER_URL_EN : TRANSFER_URL) + encodeURIComponent(skus.join(&quot;,&quot;)) + (CART_CLEAR ? AMP + &quot;clear=1&quot; : &quot;&quot;);<br /> if (w) {<br /> w.location.href = url;<br /> st.textContent = T(&quot;Der Shop wurde in einem neuen Tab geöffnet (&quot; + skus.length + &quot; von &quot; + list.length + &quot; Artikeln übergeben). Bitte dort den Warenkorb kontrollieren. Ist ein Artikel nicht bestellbar, weist der Shop darauf hin.&quot;, &quot;The shop was opened in a new tab (&quot; + skus.length + &quot; of &quot; + list.length + &quot; items transferred). Please check the cart there. If an item cannot be ordered, the shop will tell you.&quot;);<br /> } else {<br /> st.textContent = T(&quot;Der neue Tab wurde blockiert. Bitte Pop-ups erlauben oder diesen Link nutzen: &quot;, &quot;The new tab was blocked. Please allow pop-ups or use this link: &quot;);<br /> st.appendChild(link(url, T(&quot;Warenkorb im Shop öffnen →&quot;, &quot;Open cart in the shop →&quot;)));<br /> }<br /> }).catch(function () { if (w) w.close(); st.textContent = T(&quot;Das hat leider nicht geklappt. Bitte nutze die Shop-Links oben.&quot;, &quot;Sorry, that did not work. Please use the shop links above.&quot;); });<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = T(&quot;Bitte noch auswählen: &quot;, &quot;Please still select: &quot;) + missing.map(function (f) { return LT(f, &quot;label&quot;); }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var rbase = LANG === &quot;en&quot; ? SHOP_EN + &quot;bmw-head-units/&quot; : SHOP + &quot;bmw-radios/&quot;;<br /> var ru = veh.noCat ? rbase : rbase + (LANG === &quot;en&quot; ? enSlug(veh.v) : veh.v) + &quot;/&quot;;<br /> heading(T(&quot;Passende Radios&quot;, &quot;Matching radios&quot;));<br /> outEl.appendChild(card({ t: T(&quot;BMW Radios für &quot; + veh.t, &quot;BMW radios for &quot; + vname(veh)), d: T(&quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;, &quot;All radios available in the shop for your BMW &quot; + vname(veh) + &quot;.&quot;),<br /> u: ru, ut: T(&quot;Zu den passenden Radios →&quot;, &quot;To the matching radios →&quot;), w: rbase, wt: T(&quot;Alle BMW Radios&quot;, &quot;All BMW radios&quot;) }, &quot;rad&quot;));<br /> renderRadioList(veh);<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(LT(r, &quot;html&quot;));<br /> });<br /> heading(T(&quot;Das brauchst Du&quot;, &quot;What you need&quot;));<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = T(&quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;, &quot;No additional extensions or adapters are needed for the basic installation.&quot;); outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(T(&quot;Deine Zusatzoptionen&quot;, &quot;Your additional options&quot;)); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(T(&quot;Hinweise&quot;, &quot;Notes&quot;));<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [T(&quot;KONFIGURATION&quot;, &quot;CONFIGURATION&quot;), &quot;Language: &quot; + LANG];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + LT(f, &quot;label&quot;) + &quot;: &quot; + LT(v, &quot;t&quot;));<br /> });<br /> L.push(&quot;&quot;, T(&quot;BENÖTIGT&quot;, &quot;REQUIRED&quot;));<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + LT(i, &quot;t&quot;) + (itemUrl(i) ? &quot; &quot; + itemUrl(i) : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, T(&quot;ZUSATZOPTIONEN&quot;, &quot;ADDITIONAL OPTIONS&quot;)); opt.forEach(function (i) { L.push(&quot;- &quot; + LT(i, &quot;t&quot;) + (itemUrl(i) ? &quot; &quot; + itemUrl(i) : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> cartBlock(needs, opt);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function capText() { $(&quot;nvk-capq&quot;).textContent = T(&quot;Sicherheitsfrage: Was ist &quot;, &quot;Security question: What is &quot;) + capA + &quot; + &quot; + capB + &quot;? *&quot;; }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> capText(); $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(T(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, &quot;Please fill in name, email and comment.&quot;), false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(T(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, &quot;Please enter a valid email address.&quot;), false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(T(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, &quot;Please enter the VIN as AB12345 or the full 17-character VIN - or leave the field empty.&quot;), false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(T(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, &quot;The security question was not answered correctly.&quot;), false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(T(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, &quot;Please agree to the processing of your data.&quot;), false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var rad = chosenRadio ? &quot;\n\n&quot; + T(&quot;GEWÄHLTES RADIO&quot;, &quot;SELECTED RADIO&quot;) + &quot;\n- &quot; + chosenRadio.type + &quot; &quot; + chosenRadio.url : &quot;&quot;;<br /> var sum2 = summary + rad + (sz ? &quot;\n\n&quot; + T(&quot;Gewünschte Displaygröße: &quot;, &quot;Desired display size: &quot;) + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\n&quot; + T(&quot;E-Mail: &quot;, &quot;Email: &quot;) + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\n&quot; + T(&quot;Kommentar:&quot;, &quot;Comment:&quot;) + &quot;\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value); p.append(&quot;lang&quot;, LANG);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(T(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, &quot;Thank you! Your request has been sent, a copy goes to &quot; + mail + &quot;.&quot;), true); newCaptcha();<br /> }).catch(function () { status(T(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, &quot;Sending failed. Please try again later or write directly to &quot; + MAIL_TO + &quot;.&quot;), false); });<br /> } else {<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(T(MAIL_SUBJECT, MAIL_SUBJECT_EN)) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(T(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, &quot;Your email program was opened with the finished request. Please click Send there.&quot;), true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; chosenRadio = null; update(); });<br /> function renderLegal() {<br /> var le = $(&quot;nvk-legal-links&quot;), dl = $(&quot;nvk-dslink&quot;), first = true;<br /> le.innerHTML = &quot;&quot;; dl.innerHTML = &quot;&quot;;<br /> [ [&quot;agb&quot;, T(&quot;AGB&quot;, &quot;Terms and conditions&quot;)], [&quot;widerruf&quot;, T(&quot;Widerrufsbelehrung&quot;, &quot;Right of withdrawal&quot;)], [&quot;datenschutz&quot;, T(&quot;Datenschutzerklärung&quot;, &quot;Privacy policy&quot;)] ].forEach(function (x) {<br /> var key = x[0], url = LANG === &quot;en&quot; ? (LEGAL_EN[key] || LEGAL[key]) : LEGAL[key];<br /> if (!url) return;<br /> if (!first) le.appendChild(document.createTextNode(&quot; | &quot;));<br /> first = false; le.appendChild(link(url, x[1]));<br /> if (key === &quot;datenschutz&quot;) {<br /> dl.appendChild(document.createTextNode(&quot; (&quot;)); dl.appendChild(link(url, x[1])); dl.appendChild(document.createTextNode(&quot;)&quot;));<br /> }<br /> });<br /> }<br /> function applyStatic() {<br /> Array.prototype.forEach.call(document.querySelectorAll(&quot;#nvk [data-en]&quot;), function (e) {<br /> if (e.getAttribute(&quot;data-de&quot;) === null) e.setAttribute(&quot;data-de&quot;, e.textContent);<br /> e.textContent = LANG === &quot;en&quot; ? e.getAttribute(&quot;data-en&quot;) : e.getAttribute(&quot;data-de&quot;);<br /> });<br /> Array.prototype.forEach.call(document.querySelectorAll(&quot;#nvk [data-en-ph]&quot;), function (e) {<br /> if (e.getAttribute(&quot;data-de-ph&quot;) === null) e.setAttribute(&quot;data-de-ph&quot;, e.placeholder);<br /> e.placeholder = LANG === &quot;en&quot; ? e.getAttribute(&quot;data-en-ph&quot;) : e.getAttribute(&quot;data-de-ph&quot;);<br /> });<br /> }<br /> function markLang() {<br /> [&quot;de&quot;, &quot;en&quot;].forEach(function (l) {<br /> var b = $(&quot;nvk-lang-&quot; + l);<br /> b.style.fontWeight = LANG === l ? &quot;700&quot; : &quot;400&quot;;<br /> b.style.borderColor = LANG === l ? &quot;#f26522&quot; : &quot;#a2a9b1&quot;;<br /> });<br /> }<br /> function setLang(l) {<br /> LANG = l;<br /> try { localStorage.setItem(&quot;nvk-lang&quot;, l); } catch (e) { }<br /> markLang(); applyStatic(); renderLegal(); capText(); update();<br /> }<br /> [&quot;de&quot;, &quot;en&quot;].forEach(function (l) {<br /> var b = document.createElement(&quot;button&quot;); b.type = &quot;button&quot;; b.className = &quot;nvk-btn&quot;; b.id = &quot;nvk-lang-&quot; + l;<br /> b.textContent = l.toUpperCase(); b.style.marginLeft = &quot;6px&quot;; b.style.padding = &quot;3px 12px&quot;;<br /> b.addEventListener(&quot;click&quot;, function () { setLang(l); });<br /> $(&quot;nvk-lang&quot;).appendChild(b);<br /> });<br /> (function () {<br /> var m = location.search.match(/[?\x26](?:uselang|lang)=(\w+)/), l = m ? m[1].toLowerCase() : &quot;&quot;;<br /> if (!l) { try { l = localStorage.getItem(&quot;nvk-lang&quot;) || &quot;&quot;; } catch (e) { l = &quot;&quot;; } }<br /> if (l === &quot;en&quot; || l === &quot;de&quot;) LANG = l;<br /> })();<br /> markLang(); applyStatic(); renderLegal();<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/html&gt;<br /> &lt;small&gt;Stand: 23.10.2026&lt;/small&gt;&lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4097 Android Radio Konfigurator 2026-10-23T11:55:02Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:2px 0;border-bottom:1px solid rgba(128,128,128,.3)}<br /> #nvk .nvk-row label{flex:1;margin:0;min-width:240px}<br /> #nvk .nvk-row a{white-space:nowrap;font-weight:600}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div id=&quot;nvk-lang&quot; style=&quot;text-align:right;margin-bottom:6px&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend data-en=&quot;Additional options&quot;&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot; data-en=&quot;Reset selection&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend data-en=&quot;Send request&quot;&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot; data-en=&quot;Your selection and the list above are sent automatically. All fields marked * are required.&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot; data-en=&quot;Email *&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot; data-en=&quot;Desired display size (optional)&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot; data-en=&quot;No preference / advice wanted&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option data-en=&quot;Other size (please state in comment)&quot;&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot; data-en=&quot;Diagonal in inches. Not every size is available for every model - we will check this for you.&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot; data-en=&quot;VIN (optional)&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot; data-en-ph=&quot;AB12345 or full 17-character VIN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot; data-en=&quot;Comment *&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; &lt;span data-en=&quot;I agree that my details may be processed by email to handle this request.&quot;&gt;Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden.&lt;/span&gt;&lt;span id=&quot;nvk-dslink&quot;&gt;&lt;/span&gt; *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot; data-en=&quot;Send request&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;div id=&quot;nvk-legal&quot; class=&quot;nvk-help&quot; style=&quot;margin-top:20px&quot;&gt;&lt;b data-en=&quot;Note:&quot;&gt;Hinweis:&lt;/b&gt; &lt;span data-en=&quot;The configurator gives a non-binding orientation on suitable items. Equipment and connections may differ depending on year, model and modifications. Please check your selection against your vehicle before ordering. If in doubt, use the request form - we are happy to check the combination for you.&quot;&gt;Der Konfigurator gibt eine unverbindliche Orientierung zu passenden Artikeln. Ausstattung und Anschlüsse können je nach Baujahr, Modell und Umbauten abweichen. Bitte gleiche Deine Auswahl vor der Bestellung mit Deinem Fahrzeug ab. Im Zweifel nutze die Anfrage-Funktion, wir prüfen die Zusammenstellung gern für Dich.&lt;/span&gt;&lt;div id=&quot;nvk-legal-links&quot; style=&quot;margin-top:4px&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt. / JavaScript is required for the configurator.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* Shop-Anbindung: API = radios.php (liefert Radio-Liste und Artikelnummern). Warenkorb = Shopware-Link pro Artikelnummer. */<br /> var API = &quot;https://xtrons.ibus-app.de/radios.php&quot;;<br /> /* CART_TRANSFER = true: Warenkorb-Button öffnet den Shop mit ?nvk=ARTIKELNUMMERN. Das funktioniert nur, wenn im Shop das Skript shop-warenkorb-uebergabe.js eingebunden ist. */<br /> var CART_TRANSFER = true;<br /> /* Ziel der Übergabe: Shop-Controller aus Plugin 1.1.0 (serverseitig, unabhängig vom Browser-Cache).<br /> Älterer Weg über das Theme-Skript: var TRANSFER_URL = CART + &quot;?nvk=&quot;; */<br /> var TRANSFER_URL = &quot;https://shop.ibus-app.de/nvk?add=&quot;;<br /> /* ---- Sprache / English ----------------------------------------------------<br /> DEFAULT_LANG: de oder en. Umschalten per Knopf DE/EN oder per Adresse ?uselang=en */<br /> var DEFAULT_LANG = &quot;de&quot;;<br /> var SHOP_EN = &quot;https://shop.ibus-app.de/en/&quot;;<br /> var TRANSFER_URL_EN = SHOP_EN + &quot;nvk?add=&quot;;<br /> var MAIL_SUBJECT_EN = &quot;Request from Android Radio Configurator&quot;;<br /> /* Rechtliche Seiten EN (fehlt ein Eintrag, wird der deutsche Link genommen) */<br /> var LEGAL_EN = { agb: SHOP_EN + &quot;general-terms-and-conditions&quot;, widerruf: SHOP_EN + &quot;revocation-right&quot;, datenschutz: SHOP_EN + &quot;privacy-policy&quot; };<br /> var CART = &quot;https://shop.ibus-app.de/checkout/cart&quot;;<br /> /* Rechtliche Seiten (Links unter dem Konfigurator und beim Datenschutz-Haken). Leer = Link wird nicht angezeigt. */<br /> var LEGAL = { agb: &quot;https://shop.ibus-app.de/allgemeine-geschaeftsbedingungen&quot;, widerruf: &quot;https://shop.ibus-app.de/widerrufsrecht&quot;, datenschutz: &quot;https://shop.ibus-app.de/datenschutz&quot; };<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var BODY_EN = { limo: &quot;Sedan&quot;, touring: &quot;Touring (wagon)&quot;, coupe: &quot;Coupe&quot;, cabrio: &quot;Convertible&quot;, schraeg: &quot;Hatchback&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupe&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> function vname(x) { return LANG === &quot;en&quot; ? x.t.replace(/^(\d)er /, &quot;$1 Series &quot;) : x.t; }<br /> function enSlug(v) { return v.replace(/^(\d)er-/, &quot;$1-series-&quot;); }<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], t_en: BODY_EN[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, label_en: &quot;Vehicle&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t, t_en: &quot;BMW &quot; + x.t.replace(/^(\d)er /, &quot;$1 Series &quot;) }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, label_en: &quot;Factory-fitted system&quot;,<br /> pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot;, html_en: &quot;[b]How to identify your system:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, t_en: &quot;Radio with IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, t_en: &quot;Radio with MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, t_en: &quot;4:3 navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, t_en: &quot;16:9 navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, t_en: &quot;Arrow navi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, label_en: &quot;Where is the radio module of the arrow navi?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> help_en: &quot;Please check: is the module in the trunk, or inside the arrow navi itself (Quadlock at the back next to the antenna connector)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot;, t_en: &quot;In the trunk (extensions required)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot;, t_en: &quot;In the arrow navi, Quadlock at the back (no extension)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, t_en: &quot;I don't know&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, label_en: &quot;AUX-IN available?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot;, t_en: &quot;Yes&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot;, t_en: &quot;No&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, label_en: &quot;Sound system&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot;, t_en: &quot;Hi-Fi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot;, info_en: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Do I have DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, label_en: &quot;Currently installed&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot;, t_en: &quot;Factory radio / factory navi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot;, t_en: &quot;Aftermarket radio / navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, label_en: &quot;Body type&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, label_en: &quot;Antenna connector on the radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, t_en: &quot;I don't know&quot;,<br /> info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot;,<br /> info_en: &quot;[b]BM24[/b] (round pin) = ISO antenna connector:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, t_en: &quot;ISO (BM24, round pin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS<br /> Englisch: Felder mit Endung _en (t_en, sub_en, ...). Fehlt ein _en-Feld, wird der deutsche Text gezeigt. */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, t_en: &quot;Radio holder&quot;, sub: &quot;nur BMW E39&quot;, sub_en: &quot;BMW E39 only&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, t_en: &quot;DeepOBD (diagnostics)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, sub_en: &quot;Add-on - only with I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, sub_en: &quot;Counterpart to the I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, t_en: &quot;TPMS (tire pressure)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, t_en: &quot;Rear-view camera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, t_en: &quot;Front camera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, t_en: &quot;Installation tool (plastic pry tool)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot;, why_en: &quot;required because of DSP&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link DE, ue = Shop-Link EN (leer = wie DE) ut/wt = Linktexte w = Wiki-Link leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht<br /> Die Lizenzen sind im EN-Shop andere Artikel (BC = OBC): ue zeigt auf den EN-Artikel. */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, t_en: &quot;Extension EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, d_en: &quot;Replaces the radio module in the trunk.&quot;,<br /> u: SHOP + &quot;detail/index/sArticle/212/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/adapter-elongations/212/bmw-radio-extension-6-meters-exl005&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, t_en: &quot;Extension 6 m FAKRA(m) to FAKRA(f), angled&quot;,<br /> d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, d_en: &quot;Antenna extension from the trunk to the front.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/192/extension-6m-fakra-m-to-fakra-f-short-angled&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, t_en: &quot;Adapter ISO plug to FAKRA, angled (15 cm)&quot;,<br /> d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, d_en: &quot;Required with an ISO antenna connector (BM24, round pin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/193/adapter-cable-iso-f-to-fakra-f-short-angled-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, t_en: &quot;I-BUS App - OBC+DSP License&quot;,<br /> d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;, d_en: &quot;Without the DSP license the factory DSP will not work.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/172/i-bus-app-obc-dsp-license&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot;, wt_en: &quot;Wiki: Do I have DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, t_en: &quot;Alu holder for radio installation in BMW E39&quot;,<br /> d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, d_en: &quot;Recommended for radios not made by AVIN.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/fittings-for-radio/185/fittings-for-radio-in-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> d_en: &quot;The I-BUS App is an Android application that displays your on-board computer on an Android device and integrates many comfort and coding functions in your vehicle. The app download is free and a connection to the interface/module can be established. To use all functions of the app, an I-BUS App license is required.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;, ue: SHOP_EN + &quot;cat/index/sCategory/45&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot;, t_en: &quot;Wiki: What do I need for the I-BUS App?&quot;, ue: WIKI + &quot;What_do_I_need_to_use_the_I-BUS_app%3F&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot;, t_en: &quot;List of all I-BUS App functions (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot;, t_en: &quot;What does not work on BMW E46, E83, E85,..? (not fitted at the factory)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot;, t_en: &quot;Function restrictions by year / equipment / model&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, t_en: &quot;Resler USB I-BUS module incl. cable&quot;,<br /> d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, d_en: &quot;Connects the I-BUS App and the vehicle.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/191/resler-usb-i-bus-module-incl.-cable&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot;, wt_en: &quot;Installation guide Resler module&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, t_en: &quot;I-BUS App - OBC License&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, d_en: &quot;Unlocks e.g. the OBC data of the app.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/173/i-bus-app-obc-license&quot;, sku_en: &quot;App04&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, t_en: &quot;Deep OBD OBD-II Bluetooth adapter&quot;,<br /> d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, d_en: &quot;Read live values, read and clear fault codes.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/258/deep-obd-obd-ii-bluetooth-adapter&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot;, wt_en: &quot;Wiki: Setting up DeepOBD&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, t_en: &quot;CAN bus interface incl. connection cable&quot;,<br /> d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, d_en: &quot;Add-on, only works together with the I-BUS App or the K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/346/can-bus-interface-incl.-connection-cable&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot;, wt_en: &quot;Installation guide CAN bus interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> d_en: &quot;Counterpart to the I-BUS App for vehicles with K-CAN, currently in beta.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot;, wt_en: &quot;K-CAN App wiki&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, t_en: &quot;K-CAN App - License Beta Version&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;, d_en: &quot;Beta license for the K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/358/k-can-app-license-beta-version&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, t_en: &quot;TPMS - tire pressure monitoring&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, t_en: &quot;DAB+ receiver incl. antenna (single)&quot;, d: &quot;&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, wt_en: &quot;Installing the DAB+ antenna&quot;,<br /> u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/dab/&quot;, ut_en: &quot;DAB+ receivers in the shop →&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, t_en: &quot;Dual DAB+ receiver stick incl. 2 antennas&quot;, d: &quot;&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, wt_en: &quot;Installing the DAB+ antenna&quot;,<br /> u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/dab/&quot;, ut_en: &quot;DAB+ receivers in the shop →&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, t_en: &quot;Rear-view camera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/cameras/&quot;,<br /> ut: &quot;Kameras im Shop ansehen →&quot;, ut_en: &quot;View cameras in the shop →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, t_en: &quot;Front camera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/cameras/&quot;,<br /> ut: &quot;Kameras im Shop ansehen →&quot;, ut_en: &quot;View cameras in the shop →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, t_en: &quot;Installation tool (plastic pry tool)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, d_en: &quot;For gently removing trim panels.&quot;,<br /> u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/installation-tools/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html / html_en = Text (DE / EN)<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot;,<br /> html_en: &quot;[b]Check the extensions:[/b] If an aftermarket radio is already installed, EXL005 and the FAKRA extension should already be in place. [b]Not suitable[/b] are the standard Quad-Lock extension combined with an antenna extension and the EXL006 (no BUS signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot;,<br /> html_en: &quot;[b]Cable routing:[/b] The electronics are in the trunk. At least the radio connection and the FM antenna have to be routed to the front. Optionally also: GPS (OEM antenna), extension for DAB+, connection for the OEM CD changer, RCA for a subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot;,<br /> html_en: &quot;[b]Cable routing:[/b] All connections are directly behind the radio, [b]no[/b] cables need to be routed. Optionally if needed for: GPS (OEM antenna), DAB+, OEM CD changer, RCA for a subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot;,<br /> html_en: &quot;[b]Please check:[/b] Look whether a radio module is located in the trunk. E46 with arrow navi come in two variants: radio module in the trunk = EXL005 and FAKRA extension required. Radio module inside the arrow navi (Quadlock at the back next to the antenna connector) = no extension required.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot;,<br /> html_en: &quot;[b]Antenna connector:[/b] [b]BM24[/b] (round pin) = ISO antenna connector, you may need the [a=&quot; + SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/193/adapter-cable-iso-f-to-fakra-f-short-angled-15cm]ISO to FAKRA adapter[/a]. [b]BM54[/b] = FAKRA, no adapter required.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot;,<br /> html_en: &quot;[b]DSP:[/b] For the factory DSP to work at all, the I-BUS App with OBC+DSP license is required. To find out whether your vehicle has a DSP: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Do I have DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot;,<br /> html_en: &quot;[b]Harman Kardon:[/b] Does [b]not[/b] need a DSP license. The remote signal (+12 V when the radio is on) is enough to start it.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot;,<br /> html_en: &quot;[b]AUX-IN:[/b] The AUX-IN has to be coded. Optionally an FM transmitter can be used - this is not recommended.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot;,<br /> html_en: &quot;[b]Installation:[/b] Radios for BMW E38/E53 do not need extra brackets.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot;,<br /> html_en: &quot;[b]Installation:[/b] For radios not made by AVIN we recommend a holder (see additional options) or modifying the supplied mounting brackets. Instructions: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Installation guides[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot;,<br /> html_en: &quot;[b]E46 installation without the large navi:[/b] The climate control unit has to be moved down. For this you need the matching [b]function carrier[/b] (about 100 EUR new, possibly cheaper from a parts recycler):[br]&quot; +<br /> &quot;Single switches (rather pre-facelift): [a=https://www.leebmann24.de/trager-3er-51168202186.html]without smoker 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]with smoker 51168230902[/a][br]&quot; +<br /> &quot;Switch center (rather facelift): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]without smoker 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]with smoker 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot;,<br /> html_en: &quot;[b]Fiber optic cables:[/b] Any existing fiber optic cables (MOST) have to be moved from the BMW connector to the Xtrons adapter.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot;,<br /> html_en: &quot;[b]The original radio module stays:[/b] With M-ASK, CCC, CIC, NBT and NBT EVO the original radio module stays in the vehicle and must work! Only the screen is replaced.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot;,<br /> html_en: &quot;[b]K-CAN App (Beta):[/b] For the app you need the CAN bus interface and the beta license. Installation instructions: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Where is the CAN bus interface connected?[/a] More information in the [a=https://wiki.kcan-app.de/]K-CAN App wiki[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot;,<br /> html_en: &quot;[b]I-BUS App:[/b] See [a=https://wiki.ibus-app.de/index.php?title=What_do_I_need_to_use_the_I-BUS_app%3F]What do I need to use the I-BUS App?[/a] and the [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]installation guide for the Resler module and interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot;,<br /> html_en: &quot;[b]Important:[/b] Always compare the connections with your own radio. Which radio fits? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Decision guide AVIN or XTRONS[/a] - Costs: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Rough cost overview[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0, radioCache = {}, chosenRadio = null, cartFill = null;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> var LANG = DEFAULT_LANG;<br /> var AMP = &quot;\u0026&quot;;<br /> function T(de, en) { return LANG === &quot;en&quot; ? en : de; }<br /> function LT(o, k) { var v = LANG === &quot;en&quot; ? o[k + &quot;_en&quot;] : &quot;&quot;; return v ? v : o[k]; }<br /> function itemUrl(i) { var v = LANG === &quot;en&quot; ? i.ue : &quot;&quot;; return v ? v : i.u; }<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = LT(r, &quot;why&quot;); }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.id = &quot;nvk-l-&quot; + f.id; lab.textContent = LT(f, &quot;label&quot;);<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.id = &quot;nvk-h-&quot; + f.id; h.innerHTML = fmt(LT(f, &quot;help&quot;)); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> $(&quot;nvk-l-&quot; + f.id).textContent = LT(f, &quot;label&quot;);<br /> if (f.help) { $(&quot;nvk-h-&quot; + f.id).innerHTML = fmt(LT(f, &quot;help&quot;)); }<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = T(&quot;– bitte wählen –&quot;, &quot;– please select –&quot;); el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = LT(v, &quot;t&quot;); el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(LT(f.pre, &quot;html&quot;)) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(LT(cur, &quot;info&quot;)) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + LT(o, &quot;t&quot;)));<br /> var sub = [LT(o, &quot;sub&quot;), isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = LT(item, &quot;t&quot;); d.appendChild(b);<br /> var dd = LT(item, &quot;d&quot;);<br /> if (dd) { var p = document.createElement(&quot;span&quot;); p.textContent = dd; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = LT(item, &quot;t&quot;); a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> var iu = itemUrl(item);<br /> if (iu || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (iu) l.appendChild(link(iu, LT(item, &quot;ut&quot;) || T(&quot;Im Shop ansehen →&quot;, &quot;View in shop →&quot;)));<br /> if (item.w) l.appendChild(link(item.w, (LT(item, &quot;wt&quot;) || T(&quot;Zum Wiki&quot;, &quot;Open wiki&quot;)) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(LANG === &quot;en&quot; ? (x.ue || x.u) : x.u, LT(x, &quot;t&quot;) + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function aidOf(u) {<br /> if (u.indexOf(SHOP) !== 0) return &quot;&quot;;<br /> var m = u.match(/sArticle\/(\d+)/);<br /> if (!m) m = u.split(&quot;?&quot;)[0].match(/\/(\d+)\/[^\/]+$/);<br /> return m ? m[1] : &quot;&quot;;<br /> }<br /> function renderRadioList(veh) {<br /> if (veh.noCat) return;<br /> if (chosenRadio) { if (chosenRadio.cat !== veh.v) chosenRadio = null; }<br /> var ck = veh.v + &quot;-&quot; + LANG;<br /> var data = radioCache[ck];<br /> if (data === undefined) {<br /> radioCache[ck] = &quot;loading&quot;;<br /> fetch(API + &quot;?cat=&quot; + encodeURIComponent(veh.v) + AMP + &quot;lang=&quot; + LANG).then(function (r) { return r.json(); }).then(function (j) {<br /> radioCache[ck] = (j.items || []).map(function (it) { it.cat = veh.v; return it; });<br /> renderResult();<br /> }).catch(function () { radioCache[ck] = []; renderResult(); });<br /> }<br /> if (data === undefined || data === &quot;loading&quot;) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;; m.textContent = T(&quot;Verfügbare Radios werden geladen …&quot;, &quot;Loading available radios …&quot;); outEl.appendChild(m); return;<br /> }<br /> if (!data.length) return;<br /> var want = { mask: /M-?ASK/i, ccc: /\bCCC\b/i, cic: /\bCIC\b/i, nbt: /\bNBT\b/i, nbtevo: /EVO/i }[sel.factory];<br /> function fits(it) { return want ? want.test(it.name) : false; }<br /> var list = data.slice().sort(function (a, b) { return (fits(b) ? 1 : 0) - (fits(a) ? 1 : 0); });<br /> var det = document.createElement(&quot;details&quot;); det.open = Math.max(list.length, 8) === 8;<br /> var sm = document.createElement(&quot;summary&quot;); sm.style.cursor = &quot;pointer&quot;; sm.style.fontWeight = &quot;700&quot;;<br /> sm.textContent = T(&quot;Verfügbare Radios für Deinen BMW &quot;, &quot;Available radios for your BMW &quot;) + vname(veh) + &quot; (&quot; + list.length + &quot;)&quot;; det.appendChild(sm);<br /> list.forEach(function (it) {<br /> var row = document.createElement(&quot;div&quot;); row.className = &quot;nvk-row&quot;;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var rb = document.createElement(&quot;input&quot;); rb.type = &quot;radio&quot;; rb.name = &quot;nvk-radio&quot;;<br /> rb.checked = chosenRadio ? chosenRadio.sku === it.sku : false;<br /> rb.addEventListener(&quot;change&quot;, function () { chosenRadio = it; if (cartFill) cartFill(); });<br /> lab.appendChild(rb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + it.name + (it.price ? &quot; - &quot; + it.price : &quot;&quot;) + (fits(it) ? T(&quot; (passt zu Deiner Auswahl)&quot;, &quot; (matches your selection)&quot;) : &quot;&quot;)));<br /> row.appendChild(lab); row.appendChild(link(it.url, &quot;Shop →&quot;));<br /> det.appendChild(row);<br /> });<br /> outEl.appendChild(det);<br /> }<br /> function cartBlock(needs, opt) {<br /> var items = [];<br /> needs.concat(opt).forEach(function (i) { var id = aidOf(itemUrl(i) || &quot;&quot;); if (id) items.push({ t: LT(i, &quot;t&quot;), aid: id, sku: LANG === &quot;en&quot; ? i.sku_en : i.sku }); });<br /> heading(T(&quot;In den Warenkorb&quot;, &quot;Add to cart&quot;));<br /> var box = document.createElement(&quot;div&quot;); box.className = &quot;nvk-card opt&quot;;<br /> var p = document.createElement(&quot;div&quot;);<br /> p.textContent = T(&quot;Das oben gewählte Radio (falls ausgewählt) und diese Artikel werden direkt im Shop in den Warenkorb gelegt:&quot;, &quot;The radio selected above (if any) and these items will be added to your cart in the shop:&quot;);<br /> box.appendChild(p);<br /> var listEl = document.createElement(&quot;div&quot;); box.appendChild(listEl);<br /> cartFill = function () {<br /> listEl.innerHTML = &quot;&quot;;<br /> var lines = (chosenRadio ? [&quot;Radio: &quot; + chosenRadio.type] : []).concat(items.map(function (x) { return x.t; }));<br /> lines.forEach(function (t) { var r = document.createElement(&quot;div&quot;); r.textContent = &quot;- &quot; + t; listEl.appendChild(r); });<br /> };<br /> cartFill();<br /> var n = document.createElement(&quot;div&quot;); n.className = &quot;nvk-help&quot;;<br /> n.textContent = T(&quot;Kameras, TPMS, Werkzeug und Artikel ohne Direktlink wählst Du bitte über die Links oben im Shop aus.&quot;, &quot;Cameras, TPMS, tools and items without a direct link: please pick them in the shop using the links above.&quot;);<br /> box.appendChild(n);<br /> var all = needs.concat(opt);<br /> var has = function (k) { return all.indexOf(ITEMS[k]) !== -1; };<br /> var l17 = has(&quot;kcanlic&quot;), l7 = has(&quot;bclic&quot;) || has(&quot;bcdsp&quot;);<br /> if (l17 || l7) {<br /> var vb = document.createElement(&quot;div&quot;); vb.className = &quot;nvk-f&quot;; vb.style.marginTop = &quot;12px&quot;;<br /> var vlab = document.createElement(&quot;label&quot;); vlab.htmlFor = &quot;nvk-licvin&quot;;<br /> vlab.textContent = l17 ? T(&quot;Fahrgestellnummer (17 Zeichen) für die Lizenz&quot;, &quot;Full VIN (17 characters) for the license&quot;) : T(&quot;VIN für die Lizenz (7 Zeichen, z. B. AB12345)&quot;, &quot;VIN for the license (7 characters, e.g. AB12345)&quot;);<br /> var vin = document.createElement(&quot;input&quot;); vin.type = &quot;text&quot;; vin.id = &quot;nvk-licvin&quot;; vin.maxLength = 17;<br /> vin.value = $(&quot;nvk-vin&quot;).value.toUpperCase();<br /> var ta = document.createElement(&quot;textarea&quot;); ta.rows = 3; ta.readOnly = true; ta.style.display = &quot;none&quot;; ta.style.marginTop = &quot;6px&quot;;<br /> var cb = document.createElement(&quot;button&quot;); cb.type = &quot;button&quot;; cb.className = &quot;nvk-btn&quot;; cb.style.marginTop = &quot;6px&quot;;<br /> cb.textContent = T(&quot;Kommentartext für die Kasse kopieren&quot;, &quot;Copy comment text for checkout&quot;);<br /> var ls = document.createElement(&quot;div&quot;); ls.className = &quot;nvk-help&quot;;<br /> cb.addEventListener(&quot;click&quot;, function () {<br /> var v = vin.value.trim().toUpperCase(), v7 = &quot;&quot;, v17 = &quot;&quot;;<br /> if (/^[A-HJ-NPR-Z0-9]{17}$/.test(v)) { v17 = v; v7 = v.slice(10); }<br /> else if (/^[A-Z]{2}[0-9]{5}$/.test(v)) v7 = v;<br /> if (l17 ? !v17 : !v7) { ls.textContent = l17 ? T(&quot;Bitte die vollständige 17-stellige Fahrgestellnummer eingeben.&quot;, &quot;Please enter the full 17-character VIN.&quot;) : T(&quot;Bitte die VIN im Format AB12345 (oder die 17-stellige FGN) eingeben.&quot;, &quot;Please enter the VIN as AB12345 (or the full 17-character VIN).&quot;); return; }<br /> var L = [];<br /> if (has(&quot;bclic&quot;)) L.push(T(&quot;I-BUS App BC Lizenz: VIN &quot;, &quot;I-BUS App OBC License: VIN &quot;) + v7);<br /> if (has(&quot;bcdsp&quot;)) L.push(T(&quot;I-BUS App BC+DSP Lizenz: VIN &quot;, &quot;I-BUS App OBC+DSP License: VIN &quot;) + v7);<br /> if (l17) L.push(T(&quot;K-CAN App Beta Lizenz: FGN &quot;, &quot;K-CAN App Beta License: VIN &quot;) + v17);<br /> ta.value = L.join(&quot;\n&quot;); ta.style.display = &quot;&quot;; ta.select();<br /> var hint = T(&quot;Bitte an der Shop-Kasse in das Feld Kommentar einfügen.&quot;, &quot;Please paste it into the Comment field at the shop checkout.&quot;);<br /> var manual = T(&quot;Bitte den Text markieren und kopieren. &quot;, &quot;Please select and copy the text. &quot;);<br /> if (navigator.clipboard) navigator.clipboard.writeText(ta.value).then(function () { ls.textContent = T(&quot;Text kopiert. &quot;, &quot;Text copied. &quot;) + hint; }).catch(function () { ls.textContent = manual + hint; });<br /> else ls.textContent = manual + hint;<br /> });<br /> vb.appendChild(vlab); vb.appendChild(vin); vb.appendChild(cb); vb.appendChild(ta); vb.appendChild(ls); box.appendChild(vb);<br /> }<br /> if (!CART_TRANSFER) { outEl.appendChild(box); return; }<br /> var btn = document.createElement(&quot;button&quot;); btn.type = &quot;button&quot;; btn.className = &quot;nvk-btn&quot;; btn.style.marginTop = &quot;8px&quot;;<br /> btn.textContent = T(&quot;Auswahl in den Warenkorb legen&quot;, &quot;Add selection to cart&quot;);<br /> var st = document.createElement(&quot;div&quot;); st.className = &quot;nvk-help&quot;;<br /> btn.addEventListener(&quot;click&quot;, function () { addToCart(items, st); });<br /> box.appendChild(btn); box.appendChild(st); outEl.appendChild(box);<br /> }<br /> function addToCart(items, st) {<br /> var list = items.slice();<br /> if (chosenRadio) list.unshift({ t: chosenRadio.type, sku: chosenRadio.sku });<br /> if (!list.length) { st.textContent = T(&quot;Es ist noch nichts zum Bestellen ausgewählt.&quot;, &quot;Nothing has been selected to order yet.&quot;); return; }<br /> var w = window.open(&quot;&quot;, &quot;_blank&quot;);<br /> st.textContent = T(&quot;Artikelnummern werden ermittelt …&quot;, &quot;Looking up item numbers …&quot;);<br /> var ids = list.filter(function (x) { return x.aid; }).map(function (x) { return x.aid; });<br /> var get = ids.length ? fetch(API + &quot;?aid=&quot; + ids.join(&quot;,&quot;) + AMP + &quot;lang=&quot; + LANG).then(function (r) { return r.json(); }).then(function (j) { return j.skus || {}; }) : Promise.resolve({});<br /> get.then(function (map) {<br /> var skus = [];<br /> list.forEach(function (x) { var k = x.sku || map[x.aid]; if (k) skus.push(k); });<br /> if (!skus.length) throw new Error(&quot;none&quot;);<br /> var url = (LANG === &quot;en&quot; ? TRANSFER_URL_EN : TRANSFER_URL) + encodeURIComponent(skus.join(&quot;,&quot;));<br /> if (w) {<br /> w.location.href = url;<br /> st.textContent = T(&quot;Der Shop wurde in einem neuen Tab geöffnet (&quot; + skus.length + &quot; von &quot; + list.length + &quot; Artikeln übergeben). Bitte dort den Warenkorb kontrollieren. Ist ein Artikel nicht bestellbar, weist der Shop darauf hin.&quot;, &quot;The shop was opened in a new tab (&quot; + skus.length + &quot; of &quot; + list.length + &quot; items transferred). Please check the cart there. If an item cannot be ordered, the shop will tell you.&quot;);<br /> } else {<br /> st.textContent = T(&quot;Der neue Tab wurde blockiert. Bitte Pop-ups erlauben oder diesen Link nutzen: &quot;, &quot;The new tab was blocked. Please allow pop-ups or use this link: &quot;);<br /> st.appendChild(link(url, T(&quot;Warenkorb im Shop öffnen →&quot;, &quot;Open cart in the shop →&quot;)));<br /> }<br /> }).catch(function () { if (w) w.close(); st.textContent = T(&quot;Das hat leider nicht geklappt. Bitte nutze die Shop-Links oben.&quot;, &quot;Sorry, that did not work. Please use the shop links above.&quot;); });<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = T(&quot;Bitte noch auswählen: &quot;, &quot;Please still select: &quot;) + missing.map(function (f) { return LT(f, &quot;label&quot;); }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var rbase = LANG === &quot;en&quot; ? SHOP_EN + &quot;bmw-head-units/&quot; : SHOP + &quot;bmw-radios/&quot;;<br /> var ru = veh.noCat ? rbase : rbase + (LANG === &quot;en&quot; ? enSlug(veh.v) : veh.v) + &quot;/&quot;;<br /> heading(T(&quot;Passende Radios&quot;, &quot;Matching radios&quot;));<br /> outEl.appendChild(card({ t: T(&quot;BMW Radios für &quot; + veh.t, &quot;BMW radios for &quot; + vname(veh)), d: T(&quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;, &quot;All radios available in the shop for your BMW &quot; + vname(veh) + &quot;.&quot;),<br /> u: ru, ut: T(&quot;Zu den passenden Radios →&quot;, &quot;To the matching radios →&quot;), w: rbase, wt: T(&quot;Alle BMW Radios&quot;, &quot;All BMW radios&quot;) }, &quot;rad&quot;));<br /> renderRadioList(veh);<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(LT(r, &quot;html&quot;));<br /> });<br /> heading(T(&quot;Das brauchst Du&quot;, &quot;What you need&quot;));<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = T(&quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;, &quot;No additional extensions or adapters are needed for the basic installation.&quot;); outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(T(&quot;Deine Zusatzoptionen&quot;, &quot;Your additional options&quot;)); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(T(&quot;Hinweise&quot;, &quot;Notes&quot;));<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [T(&quot;KONFIGURATION&quot;, &quot;CONFIGURATION&quot;), &quot;Language: &quot; + LANG];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + LT(f, &quot;label&quot;) + &quot;: &quot; + LT(v, &quot;t&quot;));<br /> });<br /> L.push(&quot;&quot;, T(&quot;BENÖTIGT&quot;, &quot;REQUIRED&quot;));<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + LT(i, &quot;t&quot;) + (itemUrl(i) ? &quot; &quot; + itemUrl(i) : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, T(&quot;ZUSATZOPTIONEN&quot;, &quot;ADDITIONAL OPTIONS&quot;)); opt.forEach(function (i) { L.push(&quot;- &quot; + LT(i, &quot;t&quot;) + (itemUrl(i) ? &quot; &quot; + itemUrl(i) : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> cartBlock(needs, opt);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function capText() { $(&quot;nvk-capq&quot;).textContent = T(&quot;Sicherheitsfrage: Was ist &quot;, &quot;Security question: What is &quot;) + capA + &quot; + &quot; + capB + &quot;? *&quot;; }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> capText(); $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(T(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, &quot;Please fill in name, email and comment.&quot;), false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(T(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, &quot;Please enter a valid email address.&quot;), false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(T(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, &quot;Please enter the VIN as AB12345 or the full 17-character VIN - or leave the field empty.&quot;), false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(T(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, &quot;The security question was not answered correctly.&quot;), false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(T(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, &quot;Please agree to the processing of your data.&quot;), false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var rad = chosenRadio ? &quot;\n\n&quot; + T(&quot;GEWÄHLTES RADIO&quot;, &quot;SELECTED RADIO&quot;) + &quot;\n- &quot; + chosenRadio.type + &quot; &quot; + chosenRadio.url : &quot;&quot;;<br /> var sum2 = summary + rad + (sz ? &quot;\n\n&quot; + T(&quot;Gewünschte Displaygröße: &quot;, &quot;Desired display size: &quot;) + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\n&quot; + T(&quot;E-Mail: &quot;, &quot;Email: &quot;) + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\n&quot; + T(&quot;Kommentar:&quot;, &quot;Comment:&quot;) + &quot;\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value); p.append(&quot;lang&quot;, LANG);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(T(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, &quot;Thank you! Your request has been sent, a copy goes to &quot; + mail + &quot;.&quot;), true); newCaptcha();<br /> }).catch(function () { status(T(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, &quot;Sending failed. Please try again later or write directly to &quot; + MAIL_TO + &quot;.&quot;), false); });<br /> } else {<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(T(MAIL_SUBJECT, MAIL_SUBJECT_EN)) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(T(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, &quot;Your email program was opened with the finished request. Please click Send there.&quot;), true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; chosenRadio = null; update(); });<br /> function renderLegal() {<br /> var le = $(&quot;nvk-legal-links&quot;), dl = $(&quot;nvk-dslink&quot;), first = true;<br /> le.innerHTML = &quot;&quot;; dl.innerHTML = &quot;&quot;;<br /> [ [&quot;agb&quot;, T(&quot;AGB&quot;, &quot;Terms and conditions&quot;)], [&quot;widerruf&quot;, T(&quot;Widerrufsbelehrung&quot;, &quot;Right of withdrawal&quot;)], [&quot;datenschutz&quot;, T(&quot;Datenschutzerklärung&quot;, &quot;Privacy policy&quot;)] ].forEach(function (x) {<br /> var key = x[0], url = LANG === &quot;en&quot; ? (LEGAL_EN[key] || LEGAL[key]) : LEGAL[key];<br /> if (!url) return;<br /> if (!first) le.appendChild(document.createTextNode(&quot; | &quot;));<br /> first = false; le.appendChild(link(url, x[1]));<br /> if (key === &quot;datenschutz&quot;) {<br /> dl.appendChild(document.createTextNode(&quot; (&quot;)); dl.appendChild(link(url, x[1])); dl.appendChild(document.createTextNode(&quot;)&quot;));<br /> }<br /> });<br /> }<br /> function applyStatic() {<br /> Array.prototype.forEach.call(document.querySelectorAll(&quot;#nvk [data-en]&quot;), function (e) {<br /> if (e.getAttribute(&quot;data-de&quot;) === null) e.setAttribute(&quot;data-de&quot;, e.textContent);<br /> e.textContent = LANG === &quot;en&quot; ? e.getAttribute(&quot;data-en&quot;) : e.getAttribute(&quot;data-de&quot;);<br /> });<br /> Array.prototype.forEach.call(document.querySelectorAll(&quot;#nvk [data-en-ph]&quot;), function (e) {<br /> if (e.getAttribute(&quot;data-de-ph&quot;) === null) e.setAttribute(&quot;data-de-ph&quot;, e.placeholder);<br /> e.placeholder = LANG === &quot;en&quot; ? e.getAttribute(&quot;data-en-ph&quot;) : e.getAttribute(&quot;data-de-ph&quot;);<br /> });<br /> }<br /> function markLang() {<br /> [&quot;de&quot;, &quot;en&quot;].forEach(function (l) {<br /> var b = $(&quot;nvk-lang-&quot; + l);<br /> b.style.fontWeight = LANG === l ? &quot;700&quot; : &quot;400&quot;;<br /> b.style.borderColor = LANG === l ? &quot;#f26522&quot; : &quot;#a2a9b1&quot;;<br /> });<br /> }<br /> function setLang(l) {<br /> LANG = l;<br /> try { localStorage.setItem(&quot;nvk-lang&quot;, l); } catch (e) { }<br /> markLang(); applyStatic(); renderLegal(); capText(); update();<br /> }<br /> [&quot;de&quot;, &quot;en&quot;].forEach(function (l) {<br /> var b = document.createElement(&quot;button&quot;); b.type = &quot;button&quot;; b.className = &quot;nvk-btn&quot;; b.id = &quot;nvk-lang-&quot; + l;<br /> b.textContent = l.toUpperCase(); b.style.marginLeft = &quot;6px&quot;; b.style.padding = &quot;3px 12px&quot;;<br /> b.addEventListener(&quot;click&quot;, function () { setLang(l); });<br /> $(&quot;nvk-lang&quot;).appendChild(b);<br /> });<br /> (function () {<br /> var m = location.search.match(/[?\x26](?:uselang|lang)=(\w+)/), l = m ? m[1].toLowerCase() : &quot;&quot;;<br /> if (!l) { try { l = localStorage.getItem(&quot;nvk-lang&quot;) || &quot;&quot;; } catch (e) { l = &quot;&quot;; } }<br /> if (l === &quot;en&quot; || l === &quot;de&quot;) LANG = l;<br /> })();<br /> markLang(); applyStatic(); renderLegal();<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;<br /> &lt;small&gt;Stand: 23.10.2026&lt;/small&gt;&lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4096 Android Radio Konfigurator 2026-10-23T11:54:46Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:2px 0;border-bottom:1px solid rgba(128,128,128,.3)}<br /> #nvk .nvk-row label{flex:1;margin:0;min-width:240px}<br /> #nvk .nvk-row a{white-space:nowrap;font-weight:600}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div id=&quot;nvk-lang&quot; style=&quot;text-align:right;margin-bottom:6px&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend data-en=&quot;Additional options&quot;&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot; data-en=&quot;Reset selection&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend data-en=&quot;Send request&quot;&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot; data-en=&quot;Your selection and the list above are sent automatically. All fields marked * are required.&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot; data-en=&quot;Email *&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot; data-en=&quot;Desired display size (optional)&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot; data-en=&quot;No preference / advice wanted&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option data-en=&quot;Other size (please state in comment)&quot;&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot; data-en=&quot;Diagonal in inches. Not every size is available for every model - we will check this for you.&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot; data-en=&quot;VIN (optional)&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot; data-en-ph=&quot;AB12345 or full 17-character VIN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot; data-en=&quot;Comment *&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; &lt;span data-en=&quot;I agree that my details may be processed by email to handle this request.&quot;&gt;Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden.&lt;/span&gt;&lt;span id=&quot;nvk-dslink&quot;&gt;&lt;/span&gt; *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot; data-en=&quot;Send request&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;div id=&quot;nvk-legal&quot; class=&quot;nvk-help&quot; style=&quot;margin-top:20px&quot;&gt;&lt;b data-en=&quot;Note:&quot;&gt;Hinweis:&lt;/b&gt; &lt;span data-en=&quot;The configurator gives a non-binding orientation on suitable items. Equipment and connections may differ depending on year, model and modifications. Please check your selection against your vehicle before ordering. If in doubt, use the request form - we are happy to check the combination for you.&quot;&gt;Der Konfigurator gibt eine unverbindliche Orientierung zu passenden Artikeln. Ausstattung und Anschlüsse können je nach Baujahr, Modell und Umbauten abweichen. Bitte gleiche Deine Auswahl vor der Bestellung mit Deinem Fahrzeug ab. Im Zweifel nutze die Anfrage-Funktion, wir prüfen die Zusammenstellung gern für Dich.&lt;/span&gt;&lt;div id=&quot;nvk-legal-links&quot; style=&quot;margin-top:4px&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt. / JavaScript is required for the configurator.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* Shop-Anbindung: API = radios.php (liefert Radio-Liste und Artikelnummern). Warenkorb = Shopware-Link pro Artikelnummer. */<br /> var API = &quot;https://xtrons.ibus-app.de/radios.php&quot;;<br /> /* CART_TRANSFER = true: Warenkorb-Button öffnet den Shop mit ?nvk=ARTIKELNUMMERN. Das funktioniert nur, wenn im Shop das Skript shop-warenkorb-uebergabe.js eingebunden ist. */<br /> var CART_TRANSFER = true;<br /> /* Ziel der Übergabe: Shop-Controller aus Plugin 1.1.0 (serverseitig, unabhängig vom Browser-Cache).<br /> Älterer Weg über das Theme-Skript: var TRANSFER_URL = CART + &quot;?nvk=&quot;; */<br /> var TRANSFER_URL = &quot;https://shop.ibus-app.de/nvk?add=&quot;;<br /> /* ---- Sprache / English ----------------------------------------------------<br /> DEFAULT_LANG: de oder en. Umschalten per Knopf DE/EN oder per Adresse ?uselang=en */<br /> var DEFAULT_LANG = &quot;de&quot;;<br /> var SHOP_EN = &quot;https://shop.ibus-app.de/en/&quot;;<br /> var TRANSFER_URL_EN = SHOP_EN + &quot;nvk?add=&quot;;<br /> var MAIL_SUBJECT_EN = &quot;Request from Android Radio Configurator&quot;;<br /> /* Rechtliche Seiten EN (fehlt ein Eintrag, wird der deutsche Link genommen) */<br /> var LEGAL_EN = { agb: SHOP_EN + &quot;general-terms-and-conditions&quot;, widerruf: SHOP_EN + &quot;revocation-right&quot;, datenschutz: SHOP_EN + &quot;privacy-policy&quot; };<br /> var CART = &quot;https://shop.ibus-app.de/checkout/cart&quot;;<br /> /* Rechtliche Seiten (Links unter dem Konfigurator und beim Datenschutz-Haken). Leer = Link wird nicht angezeigt. */<br /> var LEGAL = { agb: &quot;https://shop.ibus-app.de/allgemeine-geschaeftsbedingungen&quot;, widerruf: &quot;https://shop.ibus-app.de/widerrufsrecht&quot;, datenschutz: &quot;https://shop.ibus-app.de/datenschutz&quot; };<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var BODY_EN = { limo: &quot;Sedan&quot;, touring: &quot;Touring (wagon)&quot;, coupe: &quot;Coupe&quot;, cabrio: &quot;Convertible&quot;, schraeg: &quot;Hatchback&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupe&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> function vname(x) { return LANG === &quot;en&quot; ? x.t.replace(/^(\d)er /, &quot;$1 Series &quot;) : x.t; }<br /> function enSlug(v) { return v.replace(/^(\d)er-/, &quot;$1-series-&quot;); }<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], t_en: BODY_EN[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, label_en: &quot;Vehicle&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t, t_en: &quot;BMW &quot; + x.t.replace(/^(\d)er /, &quot;$1 Series &quot;) }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, label_en: &quot;Factory-fitted system&quot;,<br /> pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot;, html_en: &quot;[b]How to identify your system:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, t_en: &quot;Radio with IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, t_en: &quot;Radio with MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, t_en: &quot;4:3 navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, t_en: &quot;16:9 navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, t_en: &quot;Arrow navi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, label_en: &quot;Where is the radio module of the arrow navi?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> help_en: &quot;Please check: is the module in the trunk, or inside the arrow navi itself (Quadlock at the back next to the antenna connector)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot;, t_en: &quot;In the trunk (extensions required)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot;, t_en: &quot;In the arrow navi, Quadlock at the back (no extension)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, t_en: &quot;I don't know&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, label_en: &quot;AUX-IN available?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot;, t_en: &quot;Yes&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot;, t_en: &quot;No&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, label_en: &quot;Sound system&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot;, t_en: &quot;Hi-Fi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot;, info_en: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Do I have DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, label_en: &quot;Currently installed&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot;, t_en: &quot;Factory radio / factory navi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot;, t_en: &quot;Aftermarket radio / navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, label_en: &quot;Body type&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, label_en: &quot;Antenna connector on the radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, t_en: &quot;I don't know&quot;,<br /> info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot;,<br /> info_en: &quot;[b]BM24[/b] (round pin) = ISO antenna connector:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, t_en: &quot;ISO (BM24, round pin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS<br /> Englisch: Felder mit Endung _en (t_en, sub_en, ...). Fehlt ein _en-Feld, wird der deutsche Text gezeigt. */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, t_en: &quot;Radio holder&quot;, sub: &quot;nur BMW E39&quot;, sub_en: &quot;BMW E39 only&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, t_en: &quot;DeepOBD (diagnostics)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, sub_en: &quot;Add-on - only with I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, sub_en: &quot;Counterpart to the I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, t_en: &quot;TPMS (tire pressure)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, t_en: &quot;Rear-view camera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, t_en: &quot;Front camera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, t_en: &quot;Installation tool (plastic pry tool)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot;, why_en: &quot;required because of DSP&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link DE, ue = Shop-Link EN (leer = wie DE) ut/wt = Linktexte w = Wiki-Link leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht<br /> Die Lizenzen sind im EN-Shop andere Artikel (BC = OBC): ue zeigt auf den EN-Artikel. */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, t_en: &quot;Extension EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, d_en: &quot;Replaces the radio module in the trunk.&quot;,<br /> u: SHOP + &quot;detail/index/sArticle/212/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/adapter-elongations/212/bmw-radio-extension-6-meters-exl005&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, t_en: &quot;Extension 6 m FAKRA(m) to FAKRA(f), angled&quot;,<br /> d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, d_en: &quot;Antenna extension from the trunk to the front.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/192/extension-6m-fakra-m-to-fakra-f-short-angled&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, t_en: &quot;Adapter ISO plug to FAKRA, angled (15 cm)&quot;,<br /> d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, d_en: &quot;Required with an ISO antenna connector (BM24, round pin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/193/adapter-cable-iso-f-to-fakra-f-short-angled-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, t_en: &quot;I-BUS App - OBC+DSP License&quot;,<br /> d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;, d_en: &quot;Without the DSP license the factory DSP will not work.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/172/i-bus-app-obc-dsp-license&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot;, wt_en: &quot;Wiki: Do I have DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, t_en: &quot;Alu holder for radio installation in BMW E39&quot;,<br /> d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, d_en: &quot;Recommended for radios not made by AVIN.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/fittings-for-radio/185/fittings-for-radio-in-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> d_en: &quot;The I-BUS App is an Android application that displays your on-board computer on an Android device and integrates many comfort and coding functions in your vehicle. The app download is free and a connection to the interface/module can be established. To use all functions of the app, an I-BUS App license is required.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;, ue: SHOP_EN + &quot;cat/index/sCategory/45&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot;, t_en: &quot;Wiki: What do I need for the I-BUS App?&quot;, ue: WIKI + &quot;What_do_I_need_to_use_the_I-BUS_app%3F&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot;, t_en: &quot;List of all I-BUS App functions (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot;, t_en: &quot;What does not work on BMW E46, E83, E85,..? (not fitted at the factory)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot;, t_en: &quot;Function restrictions by year / equipment / model&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, t_en: &quot;Resler USB I-BUS module incl. cable&quot;,<br /> d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, d_en: &quot;Connects the I-BUS App and the vehicle.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/191/resler-usb-i-bus-module-incl.-cable&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot;, wt_en: &quot;Installation guide Resler module&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, t_en: &quot;I-BUS App - OBC License&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, d_en: &quot;Unlocks e.g. the OBC data of the app.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/173/i-bus-app-obc-license&quot;, sku_en: &quot;App04&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, t_en: &quot;Deep OBD OBD-II Bluetooth adapter&quot;,<br /> d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, d_en: &quot;Read live values, read and clear fault codes.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/258/deep-obd-obd-ii-bluetooth-adapter&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot;, wt_en: &quot;Wiki: Setting up DeepOBD&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, t_en: &quot;CAN bus interface incl. connection cable&quot;,<br /> d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, d_en: &quot;Add-on, only works together with the I-BUS App or the K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/346/can-bus-interface-incl.-connection-cable&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot;, wt_en: &quot;Installation guide CAN bus interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> d_en: &quot;Counterpart to the I-BUS App for vehicles with K-CAN, currently in beta.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot;, wt_en: &quot;K-CAN App wiki&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, t_en: &quot;K-CAN App - License Beta Version&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;, d_en: &quot;Beta license for the K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/358/k-can-app-license-beta-version&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, t_en: &quot;TPMS - tire pressure monitoring&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, t_en: &quot;DAB+ receiver incl. antenna (single)&quot;, d: &quot;&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, wt_en: &quot;Installing the DAB+ antenna&quot;,<br /> u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/dab/&quot;, ut_en: &quot;DAB+ receivers in the shop →&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, t_en: &quot;Dual DAB+ receiver stick incl. 2 antennas&quot;, d: &quot;&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, wt_en: &quot;Installing the DAB+ antenna&quot;,<br /> u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/dab/&quot;, ut_en: &quot;DAB+ receivers in the shop →&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, t_en: &quot;Rear-view camera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/cameras/&quot;,<br /> ut: &quot;Kameras im Shop ansehen →&quot;, ut_en: &quot;View cameras in the shop →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, t_en: &quot;Front camera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/cameras/&quot;,<br /> ut: &quot;Kameras im Shop ansehen →&quot;, ut_en: &quot;View cameras in the shop →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, t_en: &quot;Installation tool (plastic pry tool)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, d_en: &quot;For gently removing trim panels.&quot;,<br /> u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/installation-tools/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html / html_en = Text (DE / EN)<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot;,<br /> html_en: &quot;[b]Check the extensions:[/b] If an aftermarket radio is already installed, EXL005 and the FAKRA extension should already be in place. [b]Not suitable[/b] are the standard Quad-Lock extension combined with an antenna extension and the EXL006 (no BUS signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot;,<br /> html_en: &quot;[b]Cable routing:[/b] The electronics are in the trunk. At least the radio connection and the FM antenna have to be routed to the front. Optionally also: GPS (OEM antenna), extension for DAB+, connection for the OEM CD changer, RCA for a subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot;,<br /> html_en: &quot;[b]Cable routing:[/b] All connections are directly behind the radio, [b]no[/b] cables need to be routed. Optionally if needed for: GPS (OEM antenna), DAB+, OEM CD changer, RCA for a subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot;,<br /> html_en: &quot;[b]Please check:[/b] Look whether a radio module is located in the trunk. E46 with arrow navi come in two variants: radio module in the trunk = EXL005 and FAKRA extension required. Radio module inside the arrow navi (Quadlock at the back next to the antenna connector) = no extension required.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot;,<br /> html_en: &quot;[b]Antenna connector:[/b] [b]BM24[/b] (round pin) = ISO antenna connector, you may need the [a=&quot; + SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/193/adapter-cable-iso-f-to-fakra-f-short-angled-15cm]ISO to FAKRA adapter[/a]. [b]BM54[/b] = FAKRA, no adapter required.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot;,<br /> html_en: &quot;[b]DSP:[/b] For the factory DSP to work at all, the I-BUS App with OBC+DSP license is required. To find out whether your vehicle has a DSP: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Do I have DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot;,<br /> html_en: &quot;[b]Harman Kardon:[/b] Does [b]not[/b] need a DSP license. The remote signal (+12 V when the radio is on) is enough to start it.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot;,<br /> html_en: &quot;[b]AUX-IN:[/b] The AUX-IN has to be coded. Optionally an FM transmitter can be used - this is not recommended.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot;,<br /> html_en: &quot;[b]Installation:[/b] Radios for BMW E38/E53 do not need extra brackets.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot;,<br /> html_en: &quot;[b]Installation:[/b] For radios not made by AVIN we recommend a holder (see additional options) or modifying the supplied mounting brackets. Instructions: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Installation guides[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot;,<br /> html_en: &quot;[b]E46 installation without the large navi:[/b] The climate control unit has to be moved down. For this you need the matching [b]function carrier[/b] (about 100 EUR new, possibly cheaper from a parts recycler):[br]&quot; +<br /> &quot;Single switches (rather pre-facelift): [a=https://www.leebmann24.de/trager-3er-51168202186.html]without smoker 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]with smoker 51168230902[/a][br]&quot; +<br /> &quot;Switch center (rather facelift): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]without smoker 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]with smoker 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot;,<br /> html_en: &quot;[b]Fiber optic cables:[/b] Any existing fiber optic cables (MOST) have to be moved from the BMW connector to the Xtrons adapter.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot;,<br /> html_en: &quot;[b]The original radio module stays:[/b] With M-ASK, CCC, CIC, NBT and NBT EVO the original radio module stays in the vehicle and must work! Only the screen is replaced.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot;,<br /> html_en: &quot;[b]K-CAN App (Beta):[/b] For the app you need the CAN bus interface and the beta license. Installation instructions: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Where is the CAN bus interface connected?[/a] More information in the [a=https://wiki.kcan-app.de/]K-CAN App wiki[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot;,<br /> html_en: &quot;[b]I-BUS App:[/b] See [a=https://wiki.ibus-app.de/index.php?title=What_do_I_need_to_use_the_I-BUS_app%3F]What do I need to use the I-BUS App?[/a] and the [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]installation guide for the Resler module and interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot;,<br /> html_en: &quot;[b]Important:[/b] Always compare the connections with your own radio. Which radio fits? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Decision guide AVIN or XTRONS[/a] - Costs: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Rough cost overview[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0, radioCache = {}, chosenRadio = null, cartFill = null;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> var LANG = DEFAULT_LANG;<br /> var AMP = &quot;\u0026&quot;;<br /> function T(de, en) { return LANG === &quot;en&quot; ? en : de; }<br /> function LT(o, k) { var v = LANG === &quot;en&quot; ? o[k + &quot;_en&quot;] : &quot;&quot;; return v ? v : o[k]; }<br /> function itemUrl(i) { var v = LANG === &quot;en&quot; ? i.ue : &quot;&quot;; return v ? v : i.u; }<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = LT(r, &quot;why&quot;); }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.id = &quot;nvk-l-&quot; + f.id; lab.textContent = LT(f, &quot;label&quot;);<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.id = &quot;nvk-h-&quot; + f.id; h.innerHTML = fmt(LT(f, &quot;help&quot;)); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> $(&quot;nvk-l-&quot; + f.id).textContent = LT(f, &quot;label&quot;);<br /> if (f.help) { $(&quot;nvk-h-&quot; + f.id).innerHTML = fmt(LT(f, &quot;help&quot;)); }<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = T(&quot;– bitte wählen –&quot;, &quot;– please select –&quot;); el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = LT(v, &quot;t&quot;); el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(LT(f.pre, &quot;html&quot;)) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(LT(cur, &quot;info&quot;)) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + LT(o, &quot;t&quot;)));<br /> var sub = [LT(o, &quot;sub&quot;), isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = LT(item, &quot;t&quot;); d.appendChild(b);<br /> var dd = LT(item, &quot;d&quot;);<br /> if (dd) { var p = document.createElement(&quot;span&quot;); p.textContent = dd; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = LT(item, &quot;t&quot;); a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> var iu = itemUrl(item);<br /> if (iu || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (iu) l.appendChild(link(iu, LT(item, &quot;ut&quot;) || T(&quot;Im Shop ansehen →&quot;, &quot;View in shop →&quot;)));<br /> if (item.w) l.appendChild(link(item.w, (LT(item, &quot;wt&quot;) || T(&quot;Zum Wiki&quot;, &quot;Open wiki&quot;)) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(LANG === &quot;en&quot; ? (x.ue || x.u) : x.u, LT(x, &quot;t&quot;) + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function aidOf(u) {<br /> if (u.indexOf(SHOP) !== 0) return &quot;&quot;;<br /> var m = u.match(/sArticle\/(\d+)/);<br /> if (!m) m = u.split(&quot;?&quot;)[0].match(/\/(\d+)\/[^\/]+$/);<br /> return m ? m[1] : &quot;&quot;;<br /> }<br /> function renderRadioList(veh) {<br /> if (veh.noCat) return;<br /> if (chosenRadio) { if (chosenRadio.cat !== veh.v) chosenRadio = null; }<br /> var ck = veh.v + &quot;-&quot; + LANG;<br /> var data = radioCache[ck];<br /> if (data === undefined) {<br /> radioCache[ck] = &quot;loading&quot;;<br /> fetch(API + &quot;?cat=&quot; + encodeURIComponent(veh.v) + AMP + &quot;lang=&quot; + LANG).then(function (r) { return r.json(); }).then(function (j) {<br /> radioCache[ck] = (j.items || []).map(function (it) { it.cat = veh.v; return it; });<br /> renderResult();<br /> }).catch(function () { radioCache[ck] = []; renderResult(); });<br /> }<br /> if (data === undefined || data === &quot;loading&quot;) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;; m.textContent = T(&quot;Verfügbare Radios werden geladen …&quot;, &quot;Loading available radios …&quot;); outEl.appendChild(m); return;<br /> }<br /> if (!data.length) return;<br /> var want = { mask: /M-?ASK/i, ccc: /\bCCC\b/i, cic: /\bCIC\b/i, nbt: /\bNBT\b/i, nbtevo: /EVO/i }[sel.factory];<br /> function fits(it) { return want ? want.test(it.name) : false; }<br /> var list = data.slice().sort(function (a, b) { return (fits(b) ? 1 : 0) - (fits(a) ? 1 : 0); });<br /> var det = document.createElement(&quot;details&quot;); det.open = Math.max(list.length, 8) === 8;<br /> var sm = document.createElement(&quot;summary&quot;); sm.style.cursor = &quot;pointer&quot;; sm.style.fontWeight = &quot;700&quot;;<br /> sm.textContent = T(&quot;Verfügbare Radios für Deinen BMW &quot;, &quot;Available radios for your BMW &quot;) + vname(veh) + &quot; (&quot; + list.length + &quot;)&quot;; det.appendChild(sm);<br /> list.forEach(function (it) {<br /> var row = document.createElement(&quot;div&quot;); row.className = &quot;nvk-row&quot;;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var rb = document.createElement(&quot;input&quot;); rb.type = &quot;radio&quot;; rb.name = &quot;nvk-radio&quot;;<br /> rb.checked = chosenRadio ? chosenRadio.sku === it.sku : false;<br /> rb.addEventListener(&quot;change&quot;, function () { chosenRadio = it; if (cartFill) cartFill(); });<br /> lab.appendChild(rb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + it.name + (it.price ? &quot; - &quot; + it.price : &quot;&quot;) + (fits(it) ? T(&quot; (passt zu Deiner Auswahl)&quot;, &quot; (matches your selection)&quot;) : &quot;&quot;)));<br /> row.appendChild(lab); row.appendChild(link(it.url, &quot;Shop →&quot;));<br /> det.appendChild(row);<br /> });<br /> outEl.appendChild(det);<br /> }<br /> function cartBlock(needs, opt) {<br /> var items = [];<br /> needs.concat(opt).forEach(function (i) { var id = aidOf(itemUrl(i) || &quot;&quot;); if (id) items.push({ t: LT(i, &quot;t&quot;), aid: id, sku: LANG === &quot;en&quot; ? i.sku_en : i.sku }); });<br /> heading(T(&quot;In den Warenkorb&quot;, &quot;Add to cart&quot;));<br /> var box = document.createElement(&quot;div&quot;); box.className = &quot;nvk-card opt&quot;;<br /> var p = document.createElement(&quot;div&quot;);<br /> p.textContent = T(&quot;Das oben gewählte Radio (falls ausgewählt) und diese Artikel werden direkt im Shop in den Warenkorb gelegt:&quot;, &quot;The radio selected above (if any) and these items will be added to your cart in the shop:&quot;);<br /> box.appendChild(p);<br /> var listEl = document.createElement(&quot;div&quot;); box.appendChild(listEl);<br /> cartFill = function () {<br /> listEl.innerHTML = &quot;&quot;;<br /> var lines = (chosenRadio ? [&quot;Radio: &quot; + chosenRadio.type] : []).concat(items.map(function (x) { return x.t; }));<br /> lines.forEach(function (t) { var r = document.createElement(&quot;div&quot;); r.textContent = &quot;- &quot; + t; listEl.appendChild(r); });<br /> };<br /> cartFill();<br /> var n = document.createElement(&quot;div&quot;); n.className = &quot;nvk-help&quot;;<br /> n.textContent = T(&quot;Kameras, TPMS, Werkzeug und Artikel ohne Direktlink wählst Du bitte über die Links oben im Shop aus.&quot;, &quot;Cameras, TPMS, tools and items without a direct link: please pick them in the shop using the links above.&quot;);<br /> box.appendChild(n);<br /> var all = needs.concat(opt);<br /> var has = function (k) { return all.indexOf(ITEMS[k]) !== -1; };<br /> var l17 = has(&quot;kcanlic&quot;), l7 = has(&quot;bclic&quot;) || has(&quot;bcdsp&quot;);<br /> if (l17 || l7) {<br /> var vb = document.createElement(&quot;div&quot;); vb.className = &quot;nvk-f&quot;; vb.style.marginTop = &quot;12px&quot;;<br /> var vlab = document.createElement(&quot;label&quot;); vlab.htmlFor = &quot;nvk-licvin&quot;;<br /> vlab.textContent = l17 ? T(&quot;Fahrgestellnummer (17 Zeichen) für die Lizenz&quot;, &quot;Full VIN (17 characters) for the license&quot;) : T(&quot;VIN für die Lizenz (7 Zeichen, z. B. AB12345)&quot;, &quot;VIN for the license (7 characters, e.g. AB12345)&quot;);<br /> var vin = document.createElement(&quot;input&quot;); vin.type = &quot;text&quot;; vin.id = &quot;nvk-licvin&quot;; vin.maxLength = 17;<br /> vin.value = $(&quot;nvk-vin&quot;).value.toUpperCase();<br /> var ta = document.createElement(&quot;textarea&quot;); ta.rows = 3; ta.readOnly = true; ta.style.display = &quot;none&quot;; ta.style.marginTop = &quot;6px&quot;;<br /> var cb = document.createElement(&quot;button&quot;); cb.type = &quot;button&quot;; cb.className = &quot;nvk-btn&quot;; cb.style.marginTop = &quot;6px&quot;;<br /> cb.textContent = T(&quot;Kommentartext für die Kasse kopieren&quot;, &quot;Copy comment text for checkout&quot;);<br /> var ls = document.createElement(&quot;div&quot;); ls.className = &quot;nvk-help&quot;;<br /> cb.addEventListener(&quot;click&quot;, function () {<br /> var v = vin.value.trim().toUpperCase(), v7 = &quot;&quot;, v17 = &quot;&quot;;<br /> if (/^[A-HJ-NPR-Z0-9]{17}$/.test(v)) { v17 = v; v7 = v.slice(10); }<br /> else if (/^[A-Z]{2}[0-9]{5}$/.test(v)) v7 = v;<br /> if (l17 ? !v17 : !v7) { ls.textContent = l17 ? T(&quot;Bitte die vollständige 17-stellige Fahrgestellnummer eingeben.&quot;, &quot;Please enter the full 17-character VIN.&quot;) : T(&quot;Bitte die VIN im Format AB12345 (oder die 17-stellige FGN) eingeben.&quot;, &quot;Please enter the VIN as AB12345 (or the full 17-character VIN).&quot;); return; }<br /> var L = [];<br /> if (has(&quot;bclic&quot;)) L.push(T(&quot;I-BUS App BC Lizenz: VIN &quot;, &quot;I-BUS App OBC License: VIN &quot;) + v7);<br /> if (has(&quot;bcdsp&quot;)) L.push(T(&quot;I-BUS App BC+DSP Lizenz: VIN &quot;, &quot;I-BUS App OBC+DSP License: VIN &quot;) + v7);<br /> if (l17) L.push(T(&quot;K-CAN App Beta Lizenz: FGN &quot;, &quot;K-CAN App Beta License: VIN &quot;) + v17);<br /> ta.value = L.join(&quot;\n&quot;); ta.style.display = &quot;&quot;; ta.select();<br /> var hint = T(&quot;Bitte an der Shop-Kasse in das Feld Kommentar einfügen.&quot;, &quot;Please paste it into the Comment field at the shop checkout.&quot;);<br /> var manual = T(&quot;Bitte den Text markieren und kopieren. &quot;, &quot;Please select and copy the text. &quot;);<br /> if (navigator.clipboard) navigator.clipboard.writeText(ta.value).then(function () { ls.textContent = T(&quot;Text kopiert. &quot;, &quot;Text copied. &quot;) + hint; }).catch(function () { ls.textContent = manual + hint; });<br /> else ls.textContent = manual + hint;<br /> });<br /> vb.appendChild(vlab); vb.appendChild(vin); vb.appendChild(cb); vb.appendChild(ta); vb.appendChild(ls); box.appendChild(vb);<br /> }<br /> if (!CART_TRANSFER) { outEl.appendChild(box); return; }<br /> var btn = document.createElement(&quot;button&quot;); btn.type = &quot;button&quot;; btn.className = &quot;nvk-btn&quot;; btn.style.marginTop = &quot;8px&quot;;<br /> btn.textContent = T(&quot;Auswahl in den Warenkorb legen&quot;, &quot;Add selection to cart&quot;);<br /> var st = document.createElement(&quot;div&quot;); st.className = &quot;nvk-help&quot;;<br /> btn.addEventListener(&quot;click&quot;, function () { addToCart(items, st); });<br /> box.appendChild(btn); box.appendChild(st); outEl.appendChild(box);<br /> }<br /> function addToCart(items, st) {<br /> var list = items.slice();<br /> if (chosenRadio) list.unshift({ t: chosenRadio.type, sku: chosenRadio.sku });<br /> if (!list.length) { st.textContent = T(&quot;Es ist noch nichts zum Bestellen ausgewählt.&quot;, &quot;Nothing has been selected to order yet.&quot;); return; }<br /> var w = window.open(&quot;&quot;, &quot;_blank&quot;);<br /> st.textContent = T(&quot;Artikelnummern werden ermittelt …&quot;, &quot;Looking up item numbers …&quot;);<br /> var ids = list.filter(function (x) { return x.aid; }).map(function (x) { return x.aid; });<br /> var get = ids.length ? fetch(API + &quot;?aid=&quot; + ids.join(&quot;,&quot;) + AMP + &quot;lang=&quot; + LANG).then(function (r) { return r.json(); }).then(function (j) { return j.skus || {}; }) : Promise.resolve({});<br /> get.then(function (map) {<br /> var skus = [];<br /> list.forEach(function (x) { var k = x.sku || map[x.aid]; if (k) skus.push(k); });<br /> if (!skus.length) throw new Error(&quot;none&quot;);<br /> var url = (LANG === &quot;en&quot; ? TRANSFER_URL_EN : TRANSFER_URL) + encodeURIComponent(skus.join(&quot;,&quot;));<br /> if (w) {<br /> w.location.href = url;<br /> st.textContent = T(&quot;Der Shop wurde in einem neuen Tab geöffnet (&quot; + skus.length + &quot; von &quot; + list.length + &quot; Artikeln übergeben). Bitte dort den Warenkorb kontrollieren. Ist ein Artikel nicht bestellbar, weist der Shop darauf hin.&quot;, &quot;The shop was opened in a new tab (&quot; + skus.length + &quot; of &quot; + list.length + &quot; items transferred). Please check the cart there. If an item cannot be ordered, the shop will tell you.&quot;);<br /> } else {<br /> st.textContent = T(&quot;Der neue Tab wurde blockiert. Bitte Pop-ups erlauben oder diesen Link nutzen: &quot;, &quot;The new tab was blocked. Please allow pop-ups or use this link: &quot;);<br /> st.appendChild(link(url, T(&quot;Warenkorb im Shop öffnen →&quot;, &quot;Open cart in the shop →&quot;)));<br /> }<br /> }).catch(function () { if (w) w.close(); st.textContent = T(&quot;Das hat leider nicht geklappt. Bitte nutze die Shop-Links oben.&quot;, &quot;Sorry, that did not work. Please use the shop links above.&quot;); });<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = T(&quot;Bitte noch auswählen: &quot;, &quot;Please still select: &quot;) + missing.map(function (f) { return LT(f, &quot;label&quot;); }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var rbase = LANG === &quot;en&quot; ? SHOP_EN + &quot;bmw-head-units/&quot; : SHOP + &quot;bmw-radios/&quot;;<br /> var ru = veh.noCat ? rbase : rbase + (LANG === &quot;en&quot; ? enSlug(veh.v) : veh.v) + &quot;/&quot;;<br /> heading(T(&quot;Passende Radios&quot;, &quot;Matching radios&quot;));<br /> outEl.appendChild(card({ t: T(&quot;BMW Radios für &quot; + veh.t, &quot;BMW radios for &quot; + vname(veh)), d: T(&quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;, &quot;All radios available in the shop for your BMW &quot; + vname(veh) + &quot;.&quot;),<br /> u: ru, ut: T(&quot;Zu den passenden Radios →&quot;, &quot;To the matching radios →&quot;), w: rbase, wt: T(&quot;Alle BMW Radios&quot;, &quot;All BMW radios&quot;) }, &quot;rad&quot;));<br /> renderRadioList(veh);<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(LT(r, &quot;html&quot;));<br /> });<br /> heading(T(&quot;Das brauchst Du&quot;, &quot;What you need&quot;));<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = T(&quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;, &quot;No additional extensions or adapters are needed for the basic installation.&quot;); outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(T(&quot;Deine Zusatzoptionen&quot;, &quot;Your additional options&quot;)); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(T(&quot;Hinweise&quot;, &quot;Notes&quot;));<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [T(&quot;KONFIGURATION&quot;, &quot;CONFIGURATION&quot;), &quot;Language: &quot; + LANG];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + LT(f, &quot;label&quot;) + &quot;: &quot; + LT(v, &quot;t&quot;));<br /> });<br /> L.push(&quot;&quot;, T(&quot;BENÖTIGT&quot;, &quot;REQUIRED&quot;));<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + LT(i, &quot;t&quot;) + (itemUrl(i) ? &quot; &quot; + itemUrl(i) : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, T(&quot;ZUSATZOPTIONEN&quot;, &quot;ADDITIONAL OPTIONS&quot;)); opt.forEach(function (i) { L.push(&quot;- &quot; + LT(i, &quot;t&quot;) + (itemUrl(i) ? &quot; &quot; + itemUrl(i) : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> cartBlock(needs, opt);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function capText() { $(&quot;nvk-capq&quot;).textContent = T(&quot;Sicherheitsfrage: Was ist &quot;, &quot;Security question: What is &quot;) + capA + &quot; + &quot; + capB + &quot;? *&quot;; }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> capText(); $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(T(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, &quot;Please fill in name, email and comment.&quot;), false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(T(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, &quot;Please enter a valid email address.&quot;), false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(T(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, &quot;Please enter the VIN as AB12345 or the full 17-character VIN - or leave the field empty.&quot;), false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(T(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, &quot;The security question was not answered correctly.&quot;), false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(T(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, &quot;Please agree to the processing of your data.&quot;), false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var rad = chosenRadio ? &quot;\n\n&quot; + T(&quot;GEWÄHLTES RADIO&quot;, &quot;SELECTED RADIO&quot;) + &quot;\n- &quot; + chosenRadio.type + &quot; &quot; + chosenRadio.url : &quot;&quot;;<br /> var sum2 = summary + rad + (sz ? &quot;\n\n&quot; + T(&quot;Gewünschte Displaygröße: &quot;, &quot;Desired display size: &quot;) + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\n&quot; + T(&quot;E-Mail: &quot;, &quot;Email: &quot;) + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\n&quot; + T(&quot;Kommentar:&quot;, &quot;Comment:&quot;) + &quot;\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value); p.append(&quot;lang&quot;, LANG);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(T(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, &quot;Thank you! Your request has been sent, a copy goes to &quot; + mail + &quot;.&quot;), true); newCaptcha();<br /> }).catch(function () { status(T(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, &quot;Sending failed. Please try again later or write directly to &quot; + MAIL_TO + &quot;.&quot;), false); });<br /> } else {<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(T(MAIL_SUBJECT, MAIL_SUBJECT_EN)) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(T(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, &quot;Your email program was opened with the finished request. Please click Send there.&quot;), true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; chosenRadio = null; update(); });<br /> function renderLegal() {<br /> var le = $(&quot;nvk-legal-links&quot;), dl = $(&quot;nvk-dslink&quot;), first = true;<br /> le.innerHTML = &quot;&quot;; dl.innerHTML = &quot;&quot;;<br /> [ [&quot;agb&quot;, T(&quot;AGB&quot;, &quot;Terms and conditions&quot;)], [&quot;widerruf&quot;, T(&quot;Widerrufsbelehrung&quot;, &quot;Right of withdrawal&quot;)], [&quot;datenschutz&quot;, T(&quot;Datenschutzerklärung&quot;, &quot;Privacy policy&quot;)] ].forEach(function (x) {<br /> var key = x[0], url = LANG === &quot;en&quot; ? (LEGAL_EN[key] || LEGAL[key]) : LEGAL[key];<br /> if (!url) return;<br /> if (!first) le.appendChild(document.createTextNode(&quot; | &quot;));<br /> first = false; le.appendChild(link(url, x[1]));<br /> if (key === &quot;datenschutz&quot;) {<br /> dl.appendChild(document.createTextNode(&quot; (&quot;)); dl.appendChild(link(url, x[1])); dl.appendChild(document.createTextNode(&quot;)&quot;));<br /> }<br /> });<br /> }<br /> function applyStatic() {<br /> Array.prototype.forEach.call(document.querySelectorAll(&quot;#nvk [data-en]&quot;), function (e) {<br /> if (e.getAttribute(&quot;data-de&quot;) === null) e.setAttribute(&quot;data-de&quot;, e.textContent);<br /> e.textContent = LANG === &quot;en&quot; ? e.getAttribute(&quot;data-en&quot;) : e.getAttribute(&quot;data-de&quot;);<br /> });<br /> Array.prototype.forEach.call(document.querySelectorAll(&quot;#nvk [data-en-ph]&quot;), function (e) {<br /> if (e.getAttribute(&quot;data-de-ph&quot;) === null) e.setAttribute(&quot;data-de-ph&quot;, e.placeholder);<br /> e.placeholder = LANG === &quot;en&quot; ? e.getAttribute(&quot;data-en-ph&quot;) : e.getAttribute(&quot;data-de-ph&quot;);<br /> });<br /> }<br /> function markLang() {<br /> [&quot;de&quot;, &quot;en&quot;].forEach(function (l) {<br /> var b = $(&quot;nvk-lang-&quot; + l);<br /> b.style.fontWeight = LANG === l ? &quot;700&quot; : &quot;400&quot;;<br /> b.style.borderColor = LANG === l ? &quot;#f26522&quot; : &quot;#a2a9b1&quot;;<br /> });<br /> }<br /> function setLang(l) {<br /> LANG = l;<br /> try { localStorage.setItem(&quot;nvk-lang&quot;, l); } catch (e) { }<br /> markLang(); applyStatic(); renderLegal(); capText(); update();<br /> }<br /> [&quot;de&quot;, &quot;en&quot;].forEach(function (l) {<br /> var b = document.createElement(&quot;button&quot;); b.type = &quot;button&quot;; b.className = &quot;nvk-btn&quot;; b.id = &quot;nvk-lang-&quot; + l;<br /> b.textContent = l.toUpperCase(); b.style.marginLeft = &quot;6px&quot;; b.style.padding = &quot;3px 12px&quot;;<br /> b.addEventListener(&quot;click&quot;, function () { setLang(l); });<br /> $(&quot;nvk-lang&quot;).appendChild(b);<br /> });<br /> (function () {<br /> var m = location.search.match(/[?\x26](?:uselang|lang)=(\w+)/), l = m ? m[1].toLowerCase() : &quot;&quot;;<br /> if (!l) { try { l = localStorage.getItem(&quot;nvk-lang&quot;) || &quot;&quot;; } catch (e) { l = &quot;&quot;; } }<br /> if (l === &quot;en&quot; || l === &quot;de&quot;) LANG = l;<br /> })();<br /> markLang(); applyStatic(); renderLegal();<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;<br /> &lt;small&gt;Stand: 21.10.2026&lt;/small&gt;&lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4095 Android Radio Konfigurator 2026-10-23T11:42:33Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:2px 0;border-bottom:1px solid rgba(128,128,128,.3)}<br /> #nvk .nvk-row label{flex:1;margin:0;min-width:240px}<br /> #nvk .nvk-row a{white-space:nowrap;font-weight:600}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div id=&quot;nvk-lang&quot; style=&quot;text-align:right;margin-bottom:6px&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend data-en=&quot;Additional options&quot;&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot; data-en=&quot;Reset selection&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend data-en=&quot;Send request&quot;&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot; data-en=&quot;Your selection and the list above are sent automatically. All fields marked * are required.&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot; data-en=&quot;Email *&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot; data-en=&quot;Desired display size (optional)&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot; data-en=&quot;No preference / advice wanted&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option data-en=&quot;Other size (please state in comment)&quot;&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot; data-en=&quot;Diagonal in inches. Not every size is available for every model - we will check this for you.&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot; data-en=&quot;VIN (optional)&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot; data-en-ph=&quot;AB12345 or full 17-character VIN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot; data-en=&quot;Comment *&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; &lt;span data-en=&quot;I agree that my details may be processed by email to handle this request.&quot;&gt;Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden.&lt;/span&gt;&lt;span id=&quot;nvk-dslink&quot;&gt;&lt;/span&gt; *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot; data-en=&quot;Send request&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;div id=&quot;nvk-legal&quot; class=&quot;nvk-help&quot; style=&quot;margin-top:20px&quot;&gt;&lt;b data-en=&quot;Note:&quot;&gt;Hinweis:&lt;/b&gt; &lt;span data-en=&quot;The configurator gives a non-binding orientation on suitable items. Equipment and connections may differ depending on year, model and modifications. Please check your selection against your vehicle before ordering. If in doubt, use the request form - we are happy to check the combination for you.&quot;&gt;Der Konfigurator gibt eine unverbindliche Orientierung zu passenden Artikeln. Ausstattung und Anschlüsse können je nach Baujahr, Modell und Umbauten abweichen. Bitte gleiche Deine Auswahl vor der Bestellung mit Deinem Fahrzeug ab. Im Zweifel nutze die Anfrage-Funktion, wir prüfen die Zusammenstellung gern für Dich.&lt;/span&gt;&lt;div id=&quot;nvk-legal-links&quot; style=&quot;margin-top:4px&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt. / JavaScript is required for the configurator.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* Shop-Anbindung: API = radios.php (liefert Radio-Liste und Artikelnummern). Warenkorb = Shopware-Link pro Artikelnummer. */<br /> var API = &quot;https://xtrons.ibus-app.de/radios.php&quot;;<br /> /* CART_TRANSFER = true: Warenkorb-Button öffnet den Shop mit ?nvk=ARTIKELNUMMERN. Das funktioniert nur, wenn im Shop das Skript shop-warenkorb-uebergabe.js eingebunden ist. */<br /> var CART_TRANSFER = true;<br /> /* Ziel der Übergabe: Shop-Controller aus Plugin 1.1.0 (serverseitig, unabhängig vom Browser-Cache).<br /> Älterer Weg über das Theme-Skript: var TRANSFER_URL = CART + &quot;?nvk=&quot;; */<br /> var TRANSFER_URL = &quot;https://shop.ibus-app.de/nvk?add=&quot;;<br /> /* ---- Sprache / English ----------------------------------------------------<br /> DEFAULT_LANG: de oder en. Umschalten per Knopf DE/EN oder per Adresse ?uselang=en */<br /> var DEFAULT_LANG = &quot;de&quot;;<br /> var SHOP_EN = &quot;https://shop.ibus-app.de/en/&quot;;<br /> var TRANSFER_URL_EN = SHOP_EN + &quot;nvk?add=&quot;;<br /> var MAIL_SUBJECT_EN = &quot;Request from Android Radio Configurator&quot;;<br /> /* Rechtliche Seiten EN (fehlt ein Eintrag, wird der deutsche Link genommen) */<br /> var LEGAL_EN = { agb: SHOP_EN + &quot;general-terms-and-conditions&quot;, widerruf: SHOP_EN + &quot;revocation-right&quot;, datenschutz: SHOP_EN + &quot;privacy-policy&quot; };<br /> var CART = &quot;https://shop.ibus-app.de/checkout/cart&quot;;<br /> /* Rechtliche Seiten (Links unter dem Konfigurator und beim Datenschutz-Haken). Leer = Link wird nicht angezeigt. */<br /> var LEGAL = { agb: &quot;https://shop.ibus-app.de/allgemeine-geschaeftsbedingungen&quot;, widerruf: &quot;https://shop.ibus-app.de/widerrufsrecht&quot;, datenschutz: &quot;https://shop.ibus-app.de/datenschutz&quot; };<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var BODY_EN = { limo: &quot;Sedan&quot;, touring: &quot;Touring (wagon)&quot;, coupe: &quot;Coupe&quot;, cabrio: &quot;Convertible&quot;, schraeg: &quot;Hatchback&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupe&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> function vname(x) { return LANG === &quot;en&quot; ? x.t.replace(/^(\d)er /, &quot;$1 Series &quot;) : x.t; }<br /> function enSlug(v) { return v.replace(/^(\d)er-/, &quot;$1-series-&quot;); }<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], t_en: BODY_EN[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, label_en: &quot;Vehicle&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t, t_en: &quot;BMW &quot; + x.t.replace(/^(\d)er /, &quot;$1 Series &quot;) }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, label_en: &quot;Factory-fitted system&quot;,<br /> pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot;, html_en: &quot;[b]How to identify your system:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, t_en: &quot;Radio with IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, t_en: &quot;Radio with MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, t_en: &quot;4:3 navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, t_en: &quot;16:9 navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, t_en: &quot;Arrow navi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, label_en: &quot;Where is the radio module of the arrow navi?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> help_en: &quot;Please check: is the module in the trunk, or inside the arrow navi itself (Quadlock at the back next to the antenna connector)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot;, t_en: &quot;In the trunk (extensions required)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot;, t_en: &quot;In the arrow navi, Quadlock at the back (no extension)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, t_en: &quot;I don't know&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, label_en: &quot;AUX-IN available?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot;, t_en: &quot;Yes&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot;, t_en: &quot;No&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, label_en: &quot;Sound system&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot;, t_en: &quot;Hi-Fi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot;, info_en: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Do I have DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, label_en: &quot;Currently installed&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot;, t_en: &quot;Factory radio / factory navi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot;, t_en: &quot;Aftermarket radio / navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, label_en: &quot;Body type&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, label_en: &quot;Antenna connector on the radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, t_en: &quot;I don't know&quot;,<br /> info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot;,<br /> info_en: &quot;[b]BM24[/b] (round pin) = ISO antenna connector:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, t_en: &quot;ISO (BM24, round pin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS<br /> Englisch: Felder mit Endung _en (t_en, sub_en, ...). Fehlt ein _en-Feld, wird der deutsche Text gezeigt. */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, t_en: &quot;Radio holder&quot;, sub: &quot;nur BMW E39&quot;, sub_en: &quot;BMW E39 only&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, t_en: &quot;DeepOBD (diagnostics)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, sub_en: &quot;Add-on - only with I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, sub_en: &quot;Counterpart to the I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, t_en: &quot;TPMS (tire pressure)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, t_en: &quot;Rear-view camera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, t_en: &quot;Front camera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, t_en: &quot;Installation tool (plastic pry tool)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot;, why_en: &quot;required because of DSP&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link DE, ue = Shop-Link EN (leer = wie DE) ut/wt = Linktexte w = Wiki-Link leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht<br /> Die Lizenzen sind im EN-Shop andere Artikel (BC = OBC): ue zeigt auf den EN-Artikel. */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, t_en: &quot;Extension EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, d_en: &quot;Replaces the radio module in the trunk.&quot;,<br /> u: SHOP + &quot;detail/index/sArticle/212/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/adapter-elongations/212/bmw-radio-extension-6-meters-exl005&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, t_en: &quot;Extension 6 m FAKRA(m) to FAKRA(f), angled&quot;,<br /> d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, d_en: &quot;Antenna extension from the trunk to the front.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/192/extension-6m-fakra-m-to-fakra-f-short-angled&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, t_en: &quot;Adapter ISO plug to FAKRA, angled (15 cm)&quot;,<br /> d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, d_en: &quot;Required with an ISO antenna connector (BM24, round pin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/193/adapter-cable-iso-f-to-fakra-f-short-angled-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, t_en: &quot;I-BUS App - OBC+DSP License&quot;,<br /> d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;, d_en: &quot;Without the DSP license the factory DSP will not work.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/172/i-bus-app-obc-dsp-license&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot;, wt_en: &quot;Wiki: Do I have DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, t_en: &quot;Alu holder for radio installation in BMW E39&quot;,<br /> d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, d_en: &quot;Recommended for radios not made by AVIN.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/fittings-for-radio/185/fittings-for-radio-in-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> d_en: &quot;The I-BUS App is an Android application that displays your on-board computer on an Android device and integrates many comfort and coding functions in your vehicle. The app download is free and a connection to the interface/module can be established. To use all functions of the app, an I-BUS App license is required.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;, ue: SHOP_EN + &quot;cat/index/sCategory/45&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot;, t_en: &quot;Wiki: What do I need for the I-BUS App?&quot;, ue: WIKI + &quot;What_do_I_need_to_use_the_I-BUS_app%3F&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot;, t_en: &quot;List of all I-BUS App functions (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot;, t_en: &quot;What does not work on BMW E46, E83, E85,..? (not fitted at the factory)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot;, t_en: &quot;Function restrictions by year / equipment / model&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, t_en: &quot;Resler USB I-BUS module incl. cable&quot;,<br /> d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, d_en: &quot;Connects the I-BUS App and the vehicle.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/191/resler-usb-i-bus-module-incl.-cable&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot;, wt_en: &quot;Installation guide Resler module&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, t_en: &quot;I-BUS App - OBC License&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, d_en: &quot;Unlocks e.g. the OBC data of the app.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/173/i-bus-app-obc-license&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, t_en: &quot;Deep OBD OBD-II Bluetooth adapter&quot;,<br /> d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, d_en: &quot;Read live values, read and clear fault codes.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/258/deep-obd-obd-ii-bluetooth-adapter&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot;, wt_en: &quot;Wiki: Setting up DeepOBD&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, t_en: &quot;CAN bus interface incl. connection cable&quot;,<br /> d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, d_en: &quot;Add-on, only works together with the I-BUS App or the K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> ue: SHOP_EN + &quot;i-bus-app/accessories/interfaces-modules/346/can-bus-interface-incl.-connection-cable&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot;, wt_en: &quot;Installation guide CAN bus interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> d_en: &quot;Counterpart to the I-BUS App for vehicles with K-CAN, currently in beta.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot;, wt_en: &quot;K-CAN App wiki&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, t_en: &quot;K-CAN App - License Beta Version&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;, d_en: &quot;Beta license for the K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot;, ue: SHOP_EN + &quot;i-bus-app/licenses/358/k-can-app-license-beta-version&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, t_en: &quot;TPMS - tire pressure monitoring&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, t_en: &quot;DAB+ receiver incl. antenna (single)&quot;, d: &quot;&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, wt_en: &quot;Installing the DAB+ antenna&quot;,<br /> u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/dab/&quot;, ut_en: &quot;DAB+ receivers in the shop →&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, t_en: &quot;Dual DAB+ receiver stick incl. 2 antennas&quot;, d: &quot;&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, wt_en: &quot;Installing the DAB+ antenna&quot;,<br /> u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/dab/&quot;, ut_en: &quot;DAB+ receivers in the shop →&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, t_en: &quot;Rear-view camera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/cameras/&quot;,<br /> ut: &quot;Kameras im Shop ansehen →&quot;, ut_en: &quot;View cameras in the shop →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, t_en: &quot;Front camera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/cameras/&quot;,<br /> ut: &quot;Kameras im Shop ansehen →&quot;, ut_en: &quot;View cameras in the shop →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, t_en: &quot;Installation tool (plastic pry tool)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, d_en: &quot;For gently removing trim panels.&quot;,<br /> u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot;, ue: SHOP_EN + &quot;accessories-for-head-units/installation-tools/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html / html_en = Text (DE / EN)<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot;,<br /> html_en: &quot;[b]Check the extensions:[/b] If an aftermarket radio is already installed, EXL005 and the FAKRA extension should already be in place. [b]Not suitable[/b] are the standard Quad-Lock extension combined with an antenna extension and the EXL006 (no BUS signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot;,<br /> html_en: &quot;[b]Cable routing:[/b] The electronics are in the trunk. At least the radio connection and the FM antenna have to be routed to the front. Optionally also: GPS (OEM antenna), extension for DAB+, connection for the OEM CD changer, RCA for a subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot;,<br /> html_en: &quot;[b]Cable routing:[/b] All connections are directly behind the radio, [b]no[/b] cables need to be routed. Optionally if needed for: GPS (OEM antenna), DAB+, OEM CD changer, RCA for a subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot;,<br /> html_en: &quot;[b]Please check:[/b] Look whether a radio module is located in the trunk. E46 with arrow navi come in two variants: radio module in the trunk = EXL005 and FAKRA extension required. Radio module inside the arrow navi (Quadlock at the back next to the antenna connector) = no extension required.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot;,<br /> html_en: &quot;[b]Antenna connector:[/b] [b]BM24[/b] (round pin) = ISO antenna connector, you may need the [a=&quot; + SHOP_EN + &quot;i-bus-app/accessories/cable-adapters/193/adapter-cable-iso-f-to-fakra-f-short-angled-15cm]ISO to FAKRA adapter[/a]. [b]BM54[/b] = FAKRA, no adapter required.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot;,<br /> html_en: &quot;[b]DSP:[/b] For the factory DSP to work at all, the I-BUS App with OBC+DSP license is required. To find out whether your vehicle has a DSP: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Do I have DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot;,<br /> html_en: &quot;[b]Harman Kardon:[/b] Does [b]not[/b] need a DSP license. The remote signal (+12 V when the radio is on) is enough to start it.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot;,<br /> html_en: &quot;[b]AUX-IN:[/b] The AUX-IN has to be coded. Optionally an FM transmitter can be used - this is not recommended.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot;,<br /> html_en: &quot;[b]Installation:[/b] Radios for BMW E38/E53 do not need extra brackets.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot;,<br /> html_en: &quot;[b]Installation:[/b] For radios not made by AVIN we recommend a holder (see additional options) or modifying the supplied mounting brackets. Instructions: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Installation guides[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot;,<br /> html_en: &quot;[b]E46 installation without the large navi:[/b] The climate control unit has to be moved down. For this you need the matching [b]function carrier[/b] (about 100 EUR new, possibly cheaper from a parts recycler):[br]&quot; +<br /> &quot;Single switches (rather pre-facelift): [a=https://www.leebmann24.de/trager-3er-51168202186.html]without smoker 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]with smoker 51168230902[/a][br]&quot; +<br /> &quot;Switch center (rather facelift): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]without smoker 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]with smoker 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot;,<br /> html_en: &quot;[b]Fiber optic cables:[/b] Any existing fiber optic cables (MOST) have to be moved from the BMW connector to the Xtrons adapter.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot;,<br /> html_en: &quot;[b]The original radio module stays:[/b] With M-ASK, CCC, CIC, NBT and NBT EVO the original radio module stays in the vehicle and must work! Only the screen is replaced.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot;,<br /> html_en: &quot;[b]K-CAN App (Beta):[/b] For the app you need the CAN bus interface and the beta license. Installation instructions: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Where is the CAN bus interface connected?[/a] More information in the [a=https://wiki.kcan-app.de/]K-CAN App wiki[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot;,<br /> html_en: &quot;[b]I-BUS App:[/b] See [a=https://wiki.ibus-app.de/index.php?title=What_do_I_need_to_use_the_I-BUS_app%3F]What do I need to use the I-BUS App?[/a] and the [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]installation guide for the Resler module and interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot;,<br /> html_en: &quot;[b]Important:[/b] Always compare the connections with your own radio. Which radio fits? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Decision guide AVIN or XTRONS[/a] - Costs: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Rough cost overview[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0, radioCache = {}, chosenRadio = null, cartFill = null;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> var LANG = DEFAULT_LANG;<br /> var AMP = &quot;\u0026&quot;;<br /> function T(de, en) { return LANG === &quot;en&quot; ? en : de; }<br /> function LT(o, k) { var v = LANG === &quot;en&quot; ? o[k + &quot;_en&quot;] : &quot;&quot;; return v ? v : o[k]; }<br /> function itemUrl(i) { var v = LANG === &quot;en&quot; ? i.ue : &quot;&quot;; return v ? v : i.u; }<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = LT(r, &quot;why&quot;); }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.id = &quot;nvk-l-&quot; + f.id; lab.textContent = LT(f, &quot;label&quot;);<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.id = &quot;nvk-h-&quot; + f.id; h.innerHTML = fmt(LT(f, &quot;help&quot;)); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> $(&quot;nvk-l-&quot; + f.id).textContent = LT(f, &quot;label&quot;);<br /> if (f.help) { $(&quot;nvk-h-&quot; + f.id).innerHTML = fmt(LT(f, &quot;help&quot;)); }<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = T(&quot;– bitte wählen –&quot;, &quot;– please select –&quot;); el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = LT(v, &quot;t&quot;); el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(LT(f.pre, &quot;html&quot;)) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(LT(cur, &quot;info&quot;)) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + LT(o, &quot;t&quot;)));<br /> var sub = [LT(o, &quot;sub&quot;), isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = LT(item, &quot;t&quot;); d.appendChild(b);<br /> var dd = LT(item, &quot;d&quot;);<br /> if (dd) { var p = document.createElement(&quot;span&quot;); p.textContent = dd; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = LT(item, &quot;t&quot;); a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> var iu = itemUrl(item);<br /> if (iu || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (iu) l.appendChild(link(iu, LT(item, &quot;ut&quot;) || T(&quot;Im Shop ansehen →&quot;, &quot;View in shop →&quot;)));<br /> if (item.w) l.appendChild(link(item.w, (LT(item, &quot;wt&quot;) || T(&quot;Zum Wiki&quot;, &quot;Open wiki&quot;)) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(LANG === &quot;en&quot; ? (x.ue || x.u) : x.u, LT(x, &quot;t&quot;) + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function aidOf(u) {<br /> if (u.indexOf(SHOP) !== 0) return &quot;&quot;;<br /> var m = u.match(/sArticle\/(\d+)/);<br /> if (!m) m = u.split(&quot;?&quot;)[0].match(/\/(\d+)\/[^\/]+$/);<br /> return m ? m[1] : &quot;&quot;;<br /> }<br /> function renderRadioList(veh) {<br /> if (veh.noCat) return;<br /> if (chosenRadio) { if (chosenRadio.cat !== veh.v) chosenRadio = null; }<br /> var ck = veh.v + &quot;-&quot; + LANG;<br /> var data = radioCache[ck];<br /> if (data === undefined) {<br /> radioCache[ck] = &quot;loading&quot;;<br /> fetch(API + &quot;?cat=&quot; + encodeURIComponent(veh.v) + AMP + &quot;lang=&quot; + LANG).then(function (r) { return r.json(); }).then(function (j) {<br /> radioCache[ck] = (j.items || []).map(function (it) { it.cat = veh.v; return it; });<br /> renderResult();<br /> }).catch(function () { radioCache[ck] = []; renderResult(); });<br /> }<br /> if (data === undefined || data === &quot;loading&quot;) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;; m.textContent = T(&quot;Verfügbare Radios werden geladen …&quot;, &quot;Loading available radios …&quot;); outEl.appendChild(m); return;<br /> }<br /> if (!data.length) return;<br /> var want = { mask: /M-?ASK/i, ccc: /\bCCC\b/i, cic: /\bCIC\b/i, nbt: /\bNBT\b/i, nbtevo: /EVO/i }[sel.factory];<br /> function fits(it) { return want ? want.test(it.name) : false; }<br /> var list = data.slice().sort(function (a, b) { return (fits(b) ? 1 : 0) - (fits(a) ? 1 : 0); });<br /> var det = document.createElement(&quot;details&quot;); det.open = Math.max(list.length, 8) === 8;<br /> var sm = document.createElement(&quot;summary&quot;); sm.style.cursor = &quot;pointer&quot;; sm.style.fontWeight = &quot;700&quot;;<br /> sm.textContent = T(&quot;Verfügbare Radios für Deinen BMW &quot;, &quot;Available radios for your BMW &quot;) + vname(veh) + &quot; (&quot; + list.length + &quot;)&quot;; det.appendChild(sm);<br /> list.forEach(function (it) {<br /> var row = document.createElement(&quot;div&quot;); row.className = &quot;nvk-row&quot;;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var rb = document.createElement(&quot;input&quot;); rb.type = &quot;radio&quot;; rb.name = &quot;nvk-radio&quot;;<br /> rb.checked = chosenRadio ? chosenRadio.sku === it.sku : false;<br /> rb.addEventListener(&quot;change&quot;, function () { chosenRadio = it; if (cartFill) cartFill(); });<br /> lab.appendChild(rb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + it.name + (it.price ? &quot; - &quot; + it.price : &quot;&quot;) + (fits(it) ? T(&quot; (passt zu Deiner Auswahl)&quot;, &quot; (matches your selection)&quot;) : &quot;&quot;)));<br /> row.appendChild(lab); row.appendChild(link(it.url, &quot;Shop →&quot;));<br /> det.appendChild(row);<br /> });<br /> outEl.appendChild(det);<br /> }<br /> function cartBlock(needs, opt) {<br /> var items = [];<br /> needs.concat(opt).forEach(function (i) { var id = aidOf(itemUrl(i) || &quot;&quot;); if (id) items.push({ t: LT(i, &quot;t&quot;), aid: id }); });<br /> heading(T(&quot;In den Warenkorb&quot;, &quot;Add to cart&quot;));<br /> var box = document.createElement(&quot;div&quot;); box.className = &quot;nvk-card opt&quot;;<br /> var p = document.createElement(&quot;div&quot;);<br /> p.textContent = T(&quot;Das oben gewählte Radio (falls ausgewählt) und diese Artikel werden direkt im Shop in den Warenkorb gelegt:&quot;, &quot;The radio selected above (if any) and these items will be added to your cart in the shop:&quot;);<br /> box.appendChild(p);<br /> var listEl = document.createElement(&quot;div&quot;); box.appendChild(listEl);<br /> cartFill = function () {<br /> listEl.innerHTML = &quot;&quot;;<br /> var lines = (chosenRadio ? [&quot;Radio: &quot; + chosenRadio.type] : []).concat(items.map(function (x) { return x.t; }));<br /> lines.forEach(function (t) { var r = document.createElement(&quot;div&quot;); r.textContent = &quot;- &quot; + t; listEl.appendChild(r); });<br /> };<br /> cartFill();<br /> var n = document.createElement(&quot;div&quot;); n.className = &quot;nvk-help&quot;;<br /> n.textContent = T(&quot;Kameras, TPMS, Werkzeug und Artikel ohne Direktlink wählst Du bitte über die Links oben im Shop aus.&quot;, &quot;Cameras, TPMS, tools and items without a direct link: please pick them in the shop using the links above.&quot;);<br /> box.appendChild(n);<br /> var all = needs.concat(opt);<br /> var has = function (k) { return all.indexOf(ITEMS[k]) !== -1; };<br /> var l17 = has(&quot;kcanlic&quot;), l7 = has(&quot;bclic&quot;) || has(&quot;bcdsp&quot;);<br /> if (l17 || l7) {<br /> var vb = document.createElement(&quot;div&quot;); vb.className = &quot;nvk-f&quot;; vb.style.marginTop = &quot;12px&quot;;<br /> var vlab = document.createElement(&quot;label&quot;); vlab.htmlFor = &quot;nvk-licvin&quot;;<br /> vlab.textContent = l17 ? T(&quot;Fahrgestellnummer (17 Zeichen) für die Lizenz&quot;, &quot;Full VIN (17 characters) for the license&quot;) : T(&quot;VIN für die Lizenz (7 Zeichen, z. B. AB12345)&quot;, &quot;VIN for the license (7 characters, e.g. AB12345)&quot;);<br /> var vin = document.createElement(&quot;input&quot;); vin.type = &quot;text&quot;; vin.id = &quot;nvk-licvin&quot;; vin.maxLength = 17;<br /> vin.value = $(&quot;nvk-vin&quot;).value.toUpperCase();<br /> var ta = document.createElement(&quot;textarea&quot;); ta.rows = 3; ta.readOnly = true; ta.style.display = &quot;none&quot;; ta.style.marginTop = &quot;6px&quot;;<br /> var cb = document.createElement(&quot;button&quot;); cb.type = &quot;button&quot;; cb.className = &quot;nvk-btn&quot;; cb.style.marginTop = &quot;6px&quot;;<br /> cb.textContent = T(&quot;Kommentartext für die Kasse kopieren&quot;, &quot;Copy comment text for checkout&quot;);<br /> var ls = document.createElement(&quot;div&quot;); ls.className = &quot;nvk-help&quot;;<br /> cb.addEventListener(&quot;click&quot;, function () {<br /> var v = vin.value.trim().toUpperCase(), v7 = &quot;&quot;, v17 = &quot;&quot;;<br /> if (/^[A-HJ-NPR-Z0-9]{17}$/.test(v)) { v17 = v; v7 = v.slice(10); }<br /> else if (/^[A-Z]{2}[0-9]{5}$/.test(v)) v7 = v;<br /> if (l17 ? !v17 : !v7) { ls.textContent = l17 ? T(&quot;Bitte die vollständige 17-stellige Fahrgestellnummer eingeben.&quot;, &quot;Please enter the full 17-character VIN.&quot;) : T(&quot;Bitte die VIN im Format AB12345 (oder die 17-stellige FGN) eingeben.&quot;, &quot;Please enter the VIN as AB12345 (or the full 17-character VIN).&quot;); return; }<br /> var L = [];<br /> if (has(&quot;bclic&quot;)) L.push(T(&quot;I-BUS App BC Lizenz: VIN &quot;, &quot;I-BUS App OBC License: VIN &quot;) + v7);<br /> if (has(&quot;bcdsp&quot;)) L.push(T(&quot;I-BUS App BC+DSP Lizenz: VIN &quot;, &quot;I-BUS App OBC+DSP License: VIN &quot;) + v7);<br /> if (l17) L.push(T(&quot;K-CAN App Beta Lizenz: FGN &quot;, &quot;K-CAN App Beta License: VIN &quot;) + v17);<br /> ta.value = L.join(&quot;\n&quot;); ta.style.display = &quot;&quot;; ta.select();<br /> var hint = T(&quot;Bitte an der Shop-Kasse in das Feld Kommentar einfügen.&quot;, &quot;Please paste it into the Comment field at the shop checkout.&quot;);<br /> var manual = T(&quot;Bitte den Text markieren und kopieren. &quot;, &quot;Please select and copy the text. &quot;);<br /> if (navigator.clipboard) navigator.clipboard.writeText(ta.value).then(function () { ls.textContent = T(&quot;Text kopiert. &quot;, &quot;Text copied. &quot;) + hint; }).catch(function () { ls.textContent = manual + hint; });<br /> else ls.textContent = manual + hint;<br /> });<br /> vb.appendChild(vlab); vb.appendChild(vin); vb.appendChild(cb); vb.appendChild(ta); vb.appendChild(ls); box.appendChild(vb);<br /> }<br /> if (!CART_TRANSFER) { outEl.appendChild(box); return; }<br /> var btn = document.createElement(&quot;button&quot;); btn.type = &quot;button&quot;; btn.className = &quot;nvk-btn&quot;; btn.style.marginTop = &quot;8px&quot;;<br /> btn.textContent = T(&quot;Auswahl in den Warenkorb legen&quot;, &quot;Add selection to cart&quot;);<br /> var st = document.createElement(&quot;div&quot;); st.className = &quot;nvk-help&quot;;<br /> btn.addEventListener(&quot;click&quot;, function () { addToCart(items, st); });<br /> box.appendChild(btn); box.appendChild(st); outEl.appendChild(box);<br /> }<br /> function addToCart(items, st) {<br /> var list = items.slice();<br /> if (chosenRadio) list.unshift({ t: chosenRadio.type, sku: chosenRadio.sku });<br /> if (!list.length) { st.textContent = T(&quot;Es ist noch nichts zum Bestellen ausgewählt.&quot;, &quot;Nothing has been selected to order yet.&quot;); return; }<br /> var w = window.open(&quot;&quot;, &quot;_blank&quot;);<br /> st.textContent = T(&quot;Artikelnummern werden ermittelt …&quot;, &quot;Looking up item numbers …&quot;);<br /> var ids = list.filter(function (x) { return x.aid; }).map(function (x) { return x.aid; });<br /> var get = ids.length ? fetch(API + &quot;?aid=&quot; + ids.join(&quot;,&quot;)).then(function (r) { return r.json(); }).then(function (j) { return j.skus || {}; }) : Promise.resolve({});<br /> get.then(function (map) {<br /> var skus = [];<br /> list.forEach(function (x) { var k = x.sku || map[x.aid]; if (k) skus.push(k); });<br /> if (!skus.length) throw new Error(&quot;none&quot;);<br /> var url = (LANG === &quot;en&quot; ? TRANSFER_URL_EN : TRANSFER_URL) + encodeURIComponent(skus.join(&quot;,&quot;));<br /> if (w) {<br /> w.location.href = url;<br /> st.textContent = T(&quot;Der Shop wurde in einem neuen Tab geöffnet (&quot; + skus.length + &quot; von &quot; + list.length + &quot; Artikeln übergeben). Bitte dort den Warenkorb kontrollieren. Ist ein Artikel nicht bestellbar, weist der Shop darauf hin.&quot;, &quot;The shop was opened in a new tab (&quot; + skus.length + &quot; of &quot; + list.length + &quot; items transferred). Please check the cart there. If an item cannot be ordered, the shop will tell you.&quot;);<br /> } else {<br /> st.textContent = T(&quot;Der neue Tab wurde blockiert. Bitte Pop-ups erlauben oder diesen Link nutzen: &quot;, &quot;The new tab was blocked. Please allow pop-ups or use this link: &quot;);<br /> st.appendChild(link(url, T(&quot;Warenkorb im Shop öffnen →&quot;, &quot;Open cart in the shop →&quot;)));<br /> }<br /> }).catch(function () { if (w) w.close(); st.textContent = T(&quot;Das hat leider nicht geklappt. Bitte nutze die Shop-Links oben.&quot;, &quot;Sorry, that did not work. Please use the shop links above.&quot;); });<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = T(&quot;Bitte noch auswählen: &quot;, &quot;Please still select: &quot;) + missing.map(function (f) { return LT(f, &quot;label&quot;); }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var rbase = LANG === &quot;en&quot; ? SHOP_EN + &quot;bmw-head-units/&quot; : SHOP + &quot;bmw-radios/&quot;;<br /> var ru = veh.noCat ? rbase : rbase + (LANG === &quot;en&quot; ? enSlug(veh.v) : veh.v) + &quot;/&quot;;<br /> heading(T(&quot;Passende Radios&quot;, &quot;Matching radios&quot;));<br /> outEl.appendChild(card({ t: T(&quot;BMW Radios für &quot; + veh.t, &quot;BMW radios for &quot; + vname(veh)), d: T(&quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;, &quot;All radios available in the shop for your BMW &quot; + vname(veh) + &quot;.&quot;),<br /> u: ru, ut: T(&quot;Zu den passenden Radios →&quot;, &quot;To the matching radios →&quot;), w: rbase, wt: T(&quot;Alle BMW Radios&quot;, &quot;All BMW radios&quot;) }, &quot;rad&quot;));<br /> renderRadioList(veh);<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(LT(r, &quot;html&quot;));<br /> });<br /> heading(T(&quot;Das brauchst Du&quot;, &quot;What you need&quot;));<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = T(&quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;, &quot;No additional extensions or adapters are needed for the basic installation.&quot;); outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(T(&quot;Deine Zusatzoptionen&quot;, &quot;Your additional options&quot;)); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(T(&quot;Hinweise&quot;, &quot;Notes&quot;));<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [T(&quot;KONFIGURATION&quot;, &quot;CONFIGURATION&quot;), &quot;Language: &quot; + LANG];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + LT(f, &quot;label&quot;) + &quot;: &quot; + LT(v, &quot;t&quot;));<br /> });<br /> L.push(&quot;&quot;, T(&quot;BENÖTIGT&quot;, &quot;REQUIRED&quot;));<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + LT(i, &quot;t&quot;) + (itemUrl(i) ? &quot; &quot; + itemUrl(i) : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, T(&quot;ZUSATZOPTIONEN&quot;, &quot;ADDITIONAL OPTIONS&quot;)); opt.forEach(function (i) { L.push(&quot;- &quot; + LT(i, &quot;t&quot;) + (itemUrl(i) ? &quot; &quot; + itemUrl(i) : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> cartBlock(needs, opt);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function capText() { $(&quot;nvk-capq&quot;).textContent = T(&quot;Sicherheitsfrage: Was ist &quot;, &quot;Security question: What is &quot;) + capA + &quot; + &quot; + capB + &quot;? *&quot;; }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> capText(); $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(T(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, &quot;Please fill in name, email and comment.&quot;), false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(T(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, &quot;Please enter a valid email address.&quot;), false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(T(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, &quot;Please enter the VIN as AB12345 or the full 17-character VIN - or leave the field empty.&quot;), false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(T(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, &quot;The security question was not answered correctly.&quot;), false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(T(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, &quot;Please agree to the processing of your data.&quot;), false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var rad = chosenRadio ? &quot;\n\n&quot; + T(&quot;GEWÄHLTES RADIO&quot;, &quot;SELECTED RADIO&quot;) + &quot;\n- &quot; + chosenRadio.type + &quot; &quot; + chosenRadio.url : &quot;&quot;;<br /> var sum2 = summary + rad + (sz ? &quot;\n\n&quot; + T(&quot;Gewünschte Displaygröße: &quot;, &quot;Desired display size: &quot;) + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\n&quot; + T(&quot;E-Mail: &quot;, &quot;Email: &quot;) + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\n&quot; + T(&quot;Kommentar:&quot;, &quot;Comment:&quot;) + &quot;\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value); p.append(&quot;lang&quot;, LANG);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(T(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, &quot;Thank you! Your request has been sent, a copy goes to &quot; + mail + &quot;.&quot;), true); newCaptcha();<br /> }).catch(function () { status(T(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, &quot;Sending failed. Please try again later or write directly to &quot; + MAIL_TO + &quot;.&quot;), false); });<br /> } else {<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(T(MAIL_SUBJECT, MAIL_SUBJECT_EN)) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(T(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, &quot;Your email program was opened with the finished request. Please click Send there.&quot;), true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; chosenRadio = null; update(); });<br /> function renderLegal() {<br /> var le = $(&quot;nvk-legal-links&quot;), dl = $(&quot;nvk-dslink&quot;), first = true;<br /> le.innerHTML = &quot;&quot;; dl.innerHTML = &quot;&quot;;<br /> [ [&quot;agb&quot;, T(&quot;AGB&quot;, &quot;Terms and conditions&quot;)], [&quot;widerruf&quot;, T(&quot;Widerrufsbelehrung&quot;, &quot;Right of withdrawal&quot;)], [&quot;datenschutz&quot;, T(&quot;Datenschutzerklärung&quot;, &quot;Privacy policy&quot;)] ].forEach(function (x) {<br /> var key = x[0], url = LANG === &quot;en&quot; ? (LEGAL_EN[key] || LEGAL[key]) : LEGAL[key];<br /> if (!url) return;<br /> if (!first) le.appendChild(document.createTextNode(&quot; | &quot;));<br /> first = false; le.appendChild(link(url, x[1]));<br /> if (key === &quot;datenschutz&quot;) {<br /> dl.appendChild(document.createTextNode(&quot; (&quot;)); dl.appendChild(link(url, x[1])); dl.appendChild(document.createTextNode(&quot;)&quot;));<br /> }<br /> });<br /> }<br /> function applyStatic() {<br /> Array.prototype.forEach.call(document.querySelectorAll(&quot;#nvk [data-en]&quot;), function (e) {<br /> if (e.getAttribute(&quot;data-de&quot;) === null) e.setAttribute(&quot;data-de&quot;, e.textContent);<br /> e.textContent = LANG === &quot;en&quot; ? e.getAttribute(&quot;data-en&quot;) : e.getAttribute(&quot;data-de&quot;);<br /> });<br /> Array.prototype.forEach.call(document.querySelectorAll(&quot;#nvk [data-en-ph]&quot;), function (e) {<br /> if (e.getAttribute(&quot;data-de-ph&quot;) === null) e.setAttribute(&quot;data-de-ph&quot;, e.placeholder);<br /> e.placeholder = LANG === &quot;en&quot; ? e.getAttribute(&quot;data-en-ph&quot;) : e.getAttribute(&quot;data-de-ph&quot;);<br /> });<br /> }<br /> function markLang() {<br /> [&quot;de&quot;, &quot;en&quot;].forEach(function (l) {<br /> var b = $(&quot;nvk-lang-&quot; + l);<br /> b.style.fontWeight = LANG === l ? &quot;700&quot; : &quot;400&quot;;<br /> b.style.borderColor = LANG === l ? &quot;#f26522&quot; : &quot;#a2a9b1&quot;;<br /> });<br /> }<br /> function setLang(l) {<br /> LANG = l;<br /> try { localStorage.setItem(&quot;nvk-lang&quot;, l); } catch (e) { }<br /> markLang(); applyStatic(); renderLegal(); capText(); update();<br /> }<br /> [&quot;de&quot;, &quot;en&quot;].forEach(function (l) {<br /> var b = document.createElement(&quot;button&quot;); b.type = &quot;button&quot;; b.className = &quot;nvk-btn&quot;; b.id = &quot;nvk-lang-&quot; + l;<br /> b.textContent = l.toUpperCase(); b.style.marginLeft = &quot;6px&quot;; b.style.padding = &quot;3px 12px&quot;;<br /> b.addEventListener(&quot;click&quot;, function () { setLang(l); });<br /> $(&quot;nvk-lang&quot;).appendChild(b);<br /> });<br /> (function () {<br /> var m = location.search.match(/[?\x26](?:uselang|lang)=(\w+)/), l = m ? m[1].toLowerCase() : &quot;&quot;;<br /> if (!l) { try { l = localStorage.getItem(&quot;nvk-lang&quot;) || &quot;&quot;; } catch (e) { l = &quot;&quot;; } }<br /> if (l === &quot;en&quot; || l === &quot;de&quot;) LANG = l;<br /> })();<br /> markLang(); applyStatic(); renderLegal();<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> &lt;small&gt;Stand: 21.10.2026&lt;/small&gt;&lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4094 Android Radio Konfigurator 2026-10-22T11:46:56Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:2px 0;border-bottom:1px solid rgba(128,128,128,.3)}<br /> #nvk .nvk-row label{flex:1;margin:0;min-width:240px}<br /> #nvk .nvk-row a{white-space:nowrap;font-weight:600}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden.&lt;span id=&quot;nvk-dslink&quot;&gt;&lt;/span&gt; *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;div id=&quot;nvk-legal&quot; class=&quot;nvk-help&quot; style=&quot;margin-top:20px&quot;&gt;&lt;b&gt;Hinweis:&lt;/b&gt; Der Konfigurator gibt eine unverbindliche Orientierung zu passenden Artikeln. Ausstattung und Anschlüsse können je nach Baujahr, Modell und Umbauten abweichen. Bitte gleiche Deine Auswahl vor der Bestellung mit Deinem Fahrzeug ab. Im Zweifel nutze die Anfrage-Funktion, wir prüfen die Zusammenstellung gern für Dich.&lt;div id=&quot;nvk-legal-links&quot; style=&quot;margin-top:4px&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* Shop-Anbindung: API = radios.php (liefert Radio-Liste und Artikelnummern). Warenkorb = Shopware-Link pro Artikelnummer. */<br /> var API = &quot;https://xtrons.ibus-app.de/radios.php&quot;;<br /> /* CART_TRANSFER = true: Warenkorb-Button öffnet den Shop mit ?nvk=ARTIKELNUMMERN. Das funktioniert nur, wenn im Shop das Skript shop-warenkorb-uebergabe.js eingebunden ist. */<br /> var CART_TRANSFER = true;<br /> /* Ziel der Übergabe: Shop-Controller aus Plugin 1.1.0 (serverseitig, unabhängig vom Browser-Cache).<br /> Älterer Weg über das Theme-Skript: var TRANSFER_URL = CART + &quot;?nvk=&quot;; */<br /> var TRANSFER_URL = &quot;https://shop.ibus-app.de/nvk?add=&quot;;<br /> var CART = &quot;https://shop.ibus-app.de/checkout/cart&quot;;<br /> /* Rechtliche Seiten (Links unter dem Konfigurator und beim Datenschutz-Haken). Leer = Link wird nicht angezeigt. */<br /> var LEGAL = { agb: &quot;https://shop.ibus-app.de/allgemeine-geschaeftsbedingungen&quot;, widerruf: &quot;https://shop.ibus-app.de/widerrufsrecht&quot;, datenschutz: &quot;https://shop.ibus-app.de/datenschutz&quot; };<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0, radioCache = {}, chosenRadio = null, cartFill = null;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(x.u, x.t + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function aidOf(u) {<br /> if (u.indexOf(SHOP) !== 0) return &quot;&quot;;<br /> var m = u.match(/sArticle\/(\d+)/);<br /> if (!m) m = u.split(&quot;?&quot;)[0].match(/\/(\d+)\/[^\/]+$/);<br /> return m ? m[1] : &quot;&quot;;<br /> }<br /> function renderRadioList(veh) {<br /> if (veh.noCat) return;<br /> if (chosenRadio) { if (chosenRadio.cat !== veh.v) chosenRadio = null; }<br /> var data = radioCache[veh.v];<br /> if (data === undefined) {<br /> radioCache[veh.v] = &quot;loading&quot;;<br /> fetch(API + &quot;?cat=&quot; + encodeURIComponent(veh.v)).then(function (r) { return r.json(); }).then(function (j) {<br /> radioCache[veh.v] = (j.items || []).map(function (it) { it.cat = veh.v; return it; });<br /> renderResult();<br /> }).catch(function () { radioCache[veh.v] = []; renderResult(); });<br /> }<br /> if (data === undefined || data === &quot;loading&quot;) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;; m.textContent = &quot;Verfügbare Radios werden geladen …&quot;; outEl.appendChild(m); return;<br /> }<br /> if (!data.length) return;<br /> var want = { mask: /M-?ASK/i, ccc: /\bCCC\b/i, cic: /\bCIC\b/i, nbt: /\bNBT\b/i, nbtevo: /EVO/i }[sel.factory];<br /> function fits(it) { return want ? want.test(it.name) : false; }<br /> var list = data.slice().sort(function (a, b) { return (fits(b) ? 1 : 0) - (fits(a) ? 1 : 0); });<br /> var det = document.createElement(&quot;details&quot;); det.open = Math.max(list.length, 8) === 8;<br /> var sm = document.createElement(&quot;summary&quot;); sm.style.cursor = &quot;pointer&quot;; sm.style.fontWeight = &quot;700&quot;;<br /> sm.textContent = &quot;Verfügbare Radios für Deinen BMW &quot; + veh.t + &quot; (&quot; + list.length + &quot;)&quot;; det.appendChild(sm);<br /> list.forEach(function (it) {<br /> var row = document.createElement(&quot;div&quot;); row.className = &quot;nvk-row&quot;;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var rb = document.createElement(&quot;input&quot;); rb.type = &quot;radio&quot;; rb.name = &quot;nvk-radio&quot;;<br /> rb.checked = chosenRadio ? chosenRadio.sku === it.sku : false;<br /> rb.addEventListener(&quot;change&quot;, function () { chosenRadio = it; if (cartFill) cartFill(); });<br /> lab.appendChild(rb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + it.name + (it.price ? &quot; - &quot; + it.price : &quot;&quot;) + (fits(it) ? &quot; (passt zu Deiner Auswahl)&quot; : &quot;&quot;)));<br /> row.appendChild(lab); row.appendChild(link(it.url, &quot;Shop →&quot;));<br /> det.appendChild(row);<br /> });<br /> outEl.appendChild(det);<br /> }<br /> function cartBlock(needs, opt) {<br /> var items = [];<br /> needs.concat(opt).forEach(function (i) { var id = aidOf(i.u || &quot;&quot;); if (id) items.push({ t: i.t, aid: id }); });<br /> heading(&quot;In den Warenkorb&quot;);<br /> var box = document.createElement(&quot;div&quot;); box.className = &quot;nvk-card opt&quot;;<br /> var p = document.createElement(&quot;div&quot;);<br /> p.textContent = &quot;Das oben gewählte Radio (falls ausgewählt) und diese Artikel werden direkt im Shop in den Warenkorb gelegt:&quot;;<br /> box.appendChild(p);<br /> var listEl = document.createElement(&quot;div&quot;); box.appendChild(listEl);<br /> cartFill = function () {<br /> listEl.innerHTML = &quot;&quot;;<br /> var lines = (chosenRadio ? [&quot;Radio: &quot; + chosenRadio.type] : []).concat(items.map(function (x) { return x.t; }));<br /> lines.forEach(function (t) { var r = document.createElement(&quot;div&quot;); r.textContent = &quot;- &quot; + t; listEl.appendChild(r); });<br /> };<br /> cartFill();<br /> var n = document.createElement(&quot;div&quot;); n.className = &quot;nvk-help&quot;;<br /> n.textContent = &quot;Kameras, TPMS, Werkzeug und Artikel ohne Direktlink wählst Du bitte über die Links oben im Shop aus.&quot;;<br /> box.appendChild(n);<br /> var all = needs.concat(opt);<br /> var has = function (k) { return all.indexOf(ITEMS[k]) !== -1; };<br /> var l17 = has(&quot;kcanlic&quot;), l7 = has(&quot;bclic&quot;) || has(&quot;bcdsp&quot;);<br /> if (l17 || l7) {<br /> var vb = document.createElement(&quot;div&quot;); vb.className = &quot;nvk-f&quot;; vb.style.marginTop = &quot;12px&quot;;<br /> var vlab = document.createElement(&quot;label&quot;); vlab.htmlFor = &quot;nvk-licvin&quot;;<br /> vlab.textContent = l17 ? &quot;Fahrgestellnummer (17 Zeichen) für die Lizenz&quot; : &quot;VIN für die Lizenz (7 Zeichen, z. B. AB12345)&quot;;<br /> var vin = document.createElement(&quot;input&quot;); vin.type = &quot;text&quot;; vin.id = &quot;nvk-licvin&quot;; vin.maxLength = 17;<br /> vin.value = $(&quot;nvk-vin&quot;).value.toUpperCase();<br /> var ta = document.createElement(&quot;textarea&quot;); ta.rows = 3; ta.readOnly = true; ta.style.display = &quot;none&quot;; ta.style.marginTop = &quot;6px&quot;;<br /> var cb = document.createElement(&quot;button&quot;); cb.type = &quot;button&quot;; cb.className = &quot;nvk-btn&quot;; cb.style.marginTop = &quot;6px&quot;;<br /> cb.textContent = &quot;Kommentartext für die Kasse kopieren&quot;;<br /> var ls = document.createElement(&quot;div&quot;); ls.className = &quot;nvk-help&quot;;<br /> cb.addEventListener(&quot;click&quot;, function () {<br /> var v = vin.value.trim().toUpperCase(), v7 = &quot;&quot;, v17 = &quot;&quot;;<br /> if (/^[A-HJ-NPR-Z0-9]{17}$/.test(v)) { v17 = v; v7 = v.slice(10); }<br /> else if (/^[A-Z]{2}[0-9]{5}$/.test(v)) v7 = v;<br /> if (l17 ? !v17 : !v7) { ls.textContent = l17 ? &quot;Bitte die vollständige 17-stellige Fahrgestellnummer eingeben.&quot; : &quot;Bitte die VIN im Format AB12345 (oder die 17-stellige FGN) eingeben.&quot;; return; }<br /> var L = [];<br /> if (has(&quot;bclic&quot;)) L.push(&quot;I-BUS App BC Lizenz: VIN &quot; + v7);<br /> if (has(&quot;bcdsp&quot;)) L.push(&quot;I-BUS App BC+DSP Lizenz: VIN &quot; + v7);<br /> if (l17) L.push(&quot;K-CAN App Beta Lizenz: FGN &quot; + v17);<br /> ta.value = L.join(&quot;\n&quot;); ta.style.display = &quot;&quot;; ta.select();<br /> var hint = &quot;Bitte an der Shop-Kasse in das Feld Kommentar einfügen.&quot;;<br /> if (navigator.clipboard) navigator.clipboard.writeText(ta.value).then(function () { ls.textContent = &quot;Text kopiert. &quot; + hint; }).catch(function () { ls.textContent = &quot;Bitte den Text markieren und kopieren. &quot; + hint; });<br /> else ls.textContent = &quot;Bitte den Text markieren und kopieren. &quot; + hint;<br /> });<br /> vb.appendChild(vlab); vb.appendChild(vin); vb.appendChild(cb); vb.appendChild(ta); vb.appendChild(ls); box.appendChild(vb);<br /> }<br /> if (!CART_TRANSFER) { outEl.appendChild(box); return; }<br /> var btn = document.createElement(&quot;button&quot;); btn.type = &quot;button&quot;; btn.className = &quot;nvk-btn&quot;; btn.style.marginTop = &quot;8px&quot;;<br /> btn.textContent = &quot;Auswahl in den Warenkorb legen&quot;;<br /> var st = document.createElement(&quot;div&quot;); st.className = &quot;nvk-help&quot;;<br /> btn.addEventListener(&quot;click&quot;, function () { addToCart(items, st); });<br /> box.appendChild(btn); box.appendChild(st); outEl.appendChild(box);<br /> }<br /> function addToCart(items, st) {<br /> var list = items.slice();<br /> if (chosenRadio) list.unshift({ t: chosenRadio.type, sku: chosenRadio.sku });<br /> if (!list.length) { st.textContent = &quot;Es ist noch nichts zum Bestellen ausgewählt.&quot;; return; }<br /> var w = window.open(&quot;&quot;, &quot;_blank&quot;);<br /> st.textContent = &quot;Artikelnummern werden ermittelt …&quot;;<br /> var ids = list.filter(function (x) { return x.aid; }).map(function (x) { return x.aid; });<br /> var get = ids.length ? fetch(API + &quot;?aid=&quot; + ids.join(&quot;,&quot;)).then(function (r) { return r.json(); }).then(function (j) { return j.skus || {}; }) : Promise.resolve({});<br /> get.then(function (map) {<br /> var skus = [];<br /> list.forEach(function (x) { var k = x.sku || map[x.aid]; if (k) skus.push(k); });<br /> if (!skus.length) throw new Error(&quot;none&quot;);<br /> var url = TRANSFER_URL + encodeURIComponent(skus.join(&quot;,&quot;));<br /> if (w) {<br /> w.location.href = url;<br /> st.textContent = &quot;Der Shop wurde in einem neuen Tab geöffnet (&quot; + skus.length + &quot; von &quot; + list.length + &quot; Artikeln übergeben). Bitte dort den Warenkorb kontrollieren. Ist ein Artikel nicht bestellbar, weist der Shop darauf hin.&quot;;<br /> } else {<br /> st.textContent = &quot;Der neue Tab wurde blockiert. Bitte Pop-ups erlauben oder diesen Link nutzen: &quot;;<br /> st.appendChild(link(url, &quot;Warenkorb im Shop öffnen →&quot;));<br /> }<br /> }).catch(function () { if (w) w.close(); st.textContent = &quot;Das hat leider nicht geklappt. Bitte nutze die Shop-Links oben.&quot;; });<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> renderRadioList(veh);<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> cartBlock(needs, opt);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var rad = chosenRadio ? &quot;\n\nGEWÄHLTES RADIO\n- &quot; + chosenRadio.type + &quot; &quot; + chosenRadio.url : &quot;&quot;;<br /> var sum2 = summary + rad + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; chosenRadio = null; update(); });<br /> var legalEl = $(&quot;nvk-legal-links&quot;), firstLink = true;<br /> [ [&quot;agb&quot;, &quot;AGB&quot;], [&quot;widerruf&quot;, &quot;Widerrufsbelehrung&quot;], [&quot;datenschutz&quot;, &quot;Datenschutzerklärung&quot;] ].forEach(function (x) {<br /> var key = x[0];<br /> if (!LEGAL[key]) return;<br /> if (!firstLink) legalEl.appendChild(document.createTextNode(&quot; | &quot;));<br /> firstLink = false; legalEl.appendChild(link(LEGAL[key], x[1]));<br /> });<br /> if (LEGAL.datenschutz) {<br /> var dl = $(&quot;nvk-dslink&quot;);<br /> dl.appendChild(document.createTextNode(&quot; (&quot;)); dl.appendChild(link(LEGAL.datenschutz, &quot;Datenschutzerklärung&quot;)); dl.appendChild(document.createTextNode(&quot;)&quot;));<br /> }<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;<br /> &lt;small&gt;Stand: 21.10.2026&lt;/small&gt;&lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4093 Android Radio Konfigurator 2026-10-22T11:38:48Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:2px 0;border-bottom:1px solid rgba(128,128,128,.3)}<br /> #nvk .nvk-row label{flex:1;margin:0;min-width:240px}<br /> #nvk .nvk-row a{white-space:nowrap;font-weight:600}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden.&lt;span id=&quot;nvk-dslink&quot;&gt;&lt;/span&gt; *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;div id=&quot;nvk-legal&quot; class=&quot;nvk-help&quot; style=&quot;margin-top:20px&quot;&gt;&lt;b&gt;Hinweis:&lt;/b&gt; Der Konfigurator gibt eine unverbindliche Orientierung zu passenden Artikeln. Ausstattung und Anschlüsse können je nach Baujahr, Modell und Umbauten abweichen. Bitte gleiche Deine Auswahl vor der Bestellung mit Deinem Fahrzeug ab. Im Zweifel nutze die Anfrage-Funktion, wir prüfen die Zusammenstellung gern für Dich.&lt;div id=&quot;nvk-legal-links&quot; style=&quot;margin-top:4px&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* Shop-Anbindung: API = radios.php (liefert Radio-Liste und Artikelnummern). Warenkorb = Shopware-Link pro Artikelnummer. */<br /> var API = &quot;https://xtrons.ibus-app.de/radios.php&quot;;<br /> /* CART_TRANSFER = true: Warenkorb-Button öffnet den Shop mit ?nvk=ARTIKELNUMMERN. Das funktioniert nur, wenn im Shop das Skript shop-warenkorb-uebergabe.js eingebunden ist. */<br /> var CART_TRANSFER = true;<br /> /* Ziel der Übergabe: Shop-Controller aus Plugin 1.1.0 (serverseitig, unabhängig vom Browser-Cache).<br /> Älterer Weg über das Theme-Skript: var TRANSFER_URL = CART + &quot;?nvk=&quot;; */<br /> var TRANSFER_URL = &quot;https://shop.ibus-app.de/nvk?add=&quot;;<br /> var CART = &quot;https://shop.ibus-app.de/checkout/cart&quot;;<br /> /* Rechtliche Seiten (Links unter dem Konfigurator und beim Datenschutz-Haken). Leer = Link wird nicht angezeigt. */<br /> var LEGAL = { agb: &quot;https://shop.ibus-app.de/allgemeine-geschaeftsbedingungen&quot;, widerruf: &quot;https://shop.ibus-app.de/widerrufsrecht&quot;, datenschutz: &quot;https://shop.ibus-app.de/datenschutz&quot; };<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0, radioCache = {}, chosenRadio = null, cartFill = null;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(x.u, x.t + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function aidOf(u) {<br /> if (u.indexOf(SHOP) !== 0) return &quot;&quot;;<br /> var m = u.match(/sArticle\/(\d+)/);<br /> if (!m) m = u.split(&quot;?&quot;)[0].match(/\/(\d+)\/[^\/]+$/);<br /> return m ? m[1] : &quot;&quot;;<br /> }<br /> function renderRadioList(veh) {<br /> if (veh.noCat) return;<br /> if (chosenRadio) { if (chosenRadio.cat !== veh.v) chosenRadio = null; }<br /> var data = radioCache[veh.v];<br /> if (data === undefined) {<br /> radioCache[veh.v] = &quot;loading&quot;;<br /> fetch(API + &quot;?cat=&quot; + encodeURIComponent(veh.v)).then(function (r) { return r.json(); }).then(function (j) {<br /> radioCache[veh.v] = (j.items || []).map(function (it) { it.cat = veh.v; return it; });<br /> renderResult();<br /> }).catch(function () { radioCache[veh.v] = []; renderResult(); });<br /> }<br /> if (data === undefined || data === &quot;loading&quot;) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;; m.textContent = &quot;Verfügbare Radios werden geladen …&quot;; outEl.appendChild(m); return;<br /> }<br /> if (!data.length) return;<br /> var want = { mask: /M-?ASK/i, ccc: /\bCCC\b/i, cic: /\bCIC\b/i, nbt: /\bNBT\b/i, nbtevo: /EVO/i }[sel.factory];<br /> function fits(it) { return want ? want.test(it.name) : false; }<br /> var list = data.slice().sort(function (a, b) { return (fits(b) ? 1 : 0) - (fits(a) ? 1 : 0); });<br /> var det = document.createElement(&quot;details&quot;); det.open = Math.max(list.length, 8) === 8;<br /> var sm = document.createElement(&quot;summary&quot;); sm.style.cursor = &quot;pointer&quot;; sm.style.fontWeight = &quot;700&quot;;<br /> sm.textContent = &quot;Verfügbare Radios für Deinen BMW &quot; + veh.t + &quot; (&quot; + list.length + &quot;)&quot;; det.appendChild(sm);<br /> list.forEach(function (it) {<br /> var row = document.createElement(&quot;div&quot;); row.className = &quot;nvk-row&quot;;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var rb = document.createElement(&quot;input&quot;); rb.type = &quot;radio&quot;; rb.name = &quot;nvk-radio&quot;;<br /> rb.checked = chosenRadio ? chosenRadio.sku === it.sku : false;<br /> rb.addEventListener(&quot;change&quot;, function () { chosenRadio = it; if (cartFill) cartFill(); });<br /> lab.appendChild(rb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + it.name + (it.price ? &quot; - &quot; + it.price : &quot;&quot;) + (fits(it) ? &quot; (passt zu Deiner Auswahl)&quot; : &quot;&quot;)));<br /> row.appendChild(lab); row.appendChild(link(it.url, &quot;Shop →&quot;));<br /> det.appendChild(row);<br /> });<br /> outEl.appendChild(det);<br /> }<br /> function cartBlock(needs, opt) {<br /> var items = [];<br /> needs.concat(opt).forEach(function (i) { var id = aidOf(i.u || &quot;&quot;); if (id) items.push({ t: i.t, aid: id }); });<br /> heading(&quot;In den Warenkorb&quot;);<br /> var box = document.createElement(&quot;div&quot;); box.className = &quot;nvk-card opt&quot;;<br /> var p = document.createElement(&quot;div&quot;);<br /> p.textContent = &quot;Das oben gewählte Radio (falls ausgewählt) und diese Artikel werden direkt im Shop in den Warenkorb gelegt:&quot;;<br /> box.appendChild(p);<br /> var listEl = document.createElement(&quot;div&quot;); box.appendChild(listEl);<br /> cartFill = function () {<br /> listEl.innerHTML = &quot;&quot;;<br /> var lines = (chosenRadio ? [&quot;Radio: &quot; + chosenRadio.type] : []).concat(items.map(function (x) { return x.t; }));<br /> lines.forEach(function (t) { var r = document.createElement(&quot;div&quot;); r.textContent = &quot;- &quot; + t; listEl.appendChild(r); });<br /> };<br /> cartFill();<br /> var n = document.createElement(&quot;div&quot;); n.className = &quot;nvk-help&quot;;<br /> n.textContent = &quot;Kameras, TPMS, Werkzeug und Artikel ohne Direktlink wählst Du bitte über die Links oben im Shop aus.&quot;;<br /> box.appendChild(n);<br /> var all = needs.concat(opt);<br /> var has = function (k) { return all.indexOf(ITEMS[k]) !== -1; };<br /> var l17 = has(&quot;kcanlic&quot;), l7 = has(&quot;bclic&quot;) || has(&quot;bcdsp&quot;);<br /> if (l17 || l7) {<br /> var vb = document.createElement(&quot;div&quot;); vb.className = &quot;nvk-f&quot;; vb.style.marginTop = &quot;12px&quot;;<br /> var vlab = document.createElement(&quot;label&quot;); vlab.htmlFor = &quot;nvk-licvin&quot;;<br /> vlab.textContent = l17 ? &quot;Fahrgestellnummer (17 Zeichen) für die Lizenz&quot; : &quot;VIN für die Lizenz (7 Zeichen, z. B. AB12345)&quot;;<br /> var vin = document.createElement(&quot;input&quot;); vin.type = &quot;text&quot;; vin.id = &quot;nvk-licvin&quot;; vin.maxLength = 17;<br /> vin.value = $(&quot;nvk-vin&quot;).value.toUpperCase();<br /> var ta = document.createElement(&quot;textarea&quot;); ta.rows = 3; ta.readOnly = true; ta.style.display = &quot;none&quot;; ta.style.marginTop = &quot;6px&quot;;<br /> var cb = document.createElement(&quot;button&quot;); cb.type = &quot;button&quot;; cb.className = &quot;nvk-btn&quot;; cb.style.marginTop = &quot;6px&quot;;<br /> cb.textContent = &quot;Kommentartext für die Kasse kopieren&quot;;<br /> var ls = document.createElement(&quot;div&quot;); ls.className = &quot;nvk-help&quot;;<br /> cb.addEventListener(&quot;click&quot;, function () {<br /> var v = vin.value.trim().toUpperCase(), v7 = &quot;&quot;, v17 = &quot;&quot;;<br /> if (/^[A-HJ-NPR-Z0-9]{17}$/.test(v)) { v17 = v; v7 = v.slice(10); }<br /> else if (/^[A-Z]{2}[0-9]{5}$/.test(v)) v7 = v;<br /> if (l17 ? !v17 : !v7) { ls.textContent = l17 ? &quot;Bitte die vollständige 17-stellige Fahrgestellnummer eingeben.&quot; : &quot;Bitte die VIN im Format AB12345 (oder die 17-stellige FGN) eingeben.&quot;; return; }<br /> var L = [];<br /> if (has(&quot;bclic&quot;)) L.push(&quot;I-BUS App BC Lizenz: VIN &quot; + v7);<br /> if (has(&quot;bcdsp&quot;)) L.push(&quot;I-BUS App BC+DSP Lizenz: VIN &quot; + v7);<br /> if (l17) L.push(&quot;K-CAN App Beta Lizenz: FGN &quot; + v17);<br /> ta.value = L.join(&quot;\n&quot;); ta.style.display = &quot;&quot;; ta.select();<br /> var hint = &quot;Bitte an der Shop-Kasse in das Feld Kommentar einfügen.&quot;;<br /> if (navigator.clipboard) navigator.clipboard.writeText(ta.value).then(function () { ls.textContent = &quot;Text kopiert. &quot; + hint; }).catch(function () { ls.textContent = &quot;Bitte den Text markieren und kopieren. &quot; + hint; });<br /> else ls.textContent = &quot;Bitte den Text markieren und kopieren. &quot; + hint;<br /> });<br /> vb.appendChild(vlab); vb.appendChild(vin); vb.appendChild(cb); vb.appendChild(ta); vb.appendChild(ls); box.appendChild(vb);<br /> }<br /> if (!CART_TRANSFER) { outEl.appendChild(box); return; }<br /> var btn = document.createElement(&quot;button&quot;); btn.type = &quot;button&quot;; btn.className = &quot;nvk-btn&quot;; btn.style.marginTop = &quot;8px&quot;;<br /> btn.textContent = &quot;Auswahl in den Warenkorb legen&quot;;<br /> var st = document.createElement(&quot;div&quot;); st.className = &quot;nvk-help&quot;;<br /> btn.addEventListener(&quot;click&quot;, function () { addToCart(items, st); });<br /> box.appendChild(btn); box.appendChild(st); outEl.appendChild(box);<br /> }<br /> function addToCart(items, st) {<br /> var list = items.slice();<br /> if (chosenRadio) list.unshift({ t: chosenRadio.type, sku: chosenRadio.sku });<br /> if (!list.length) { st.textContent = &quot;Es ist noch nichts zum Bestellen ausgewählt.&quot;; return; }<br /> var w = window.open(&quot;&quot;, &quot;_blank&quot;);<br /> st.textContent = &quot;Artikelnummern werden ermittelt …&quot;;<br /> var ids = list.filter(function (x) { return x.aid; }).map(function (x) { return x.aid; });<br /> var get = ids.length ? fetch(API + &quot;?aid=&quot; + ids.join(&quot;,&quot;)).then(function (r) { return r.json(); }).then(function (j) { return j.skus || {}; }) : Promise.resolve({});<br /> get.then(function (map) {<br /> var skus = [];<br /> list.forEach(function (x) { var k = x.sku || map[x.aid]; if (k) skus.push(k); });<br /> if (!skus.length) throw new Error(&quot;none&quot;);<br /> var url = TRANSFER_URL + encodeURIComponent(skus.join(&quot;,&quot;));<br /> if (w) {<br /> w.location.href = url;<br /> st.textContent = &quot;Der Shop wurde in einem neuen Tab geöffnet (&quot; + skus.length + &quot; von &quot; + list.length + &quot; Artikeln übergeben). Bitte dort den Warenkorb kontrollieren.&quot;;<br /> } else {<br /> st.textContent = &quot;Der neue Tab wurde blockiert. Bitte Pop-ups erlauben oder diesen Link nutzen: &quot;;<br /> st.appendChild(link(url, &quot;Warenkorb im Shop öffnen →&quot;));<br /> }<br /> }).catch(function () { if (w) w.close(); st.textContent = &quot;Das hat leider nicht geklappt. Bitte nutze die Shop-Links oben.&quot;; });<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> renderRadioList(veh);<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> cartBlock(needs, opt);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var rad = chosenRadio ? &quot;\n\nGEWÄHLTES RADIO\n- &quot; + chosenRadio.type + &quot; &quot; + chosenRadio.url : &quot;&quot;;<br /> var sum2 = summary + rad + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; chosenRadio = null; update(); });<br /> var legalEl = $(&quot;nvk-legal-links&quot;), firstLink = true;<br /> [ [&quot;agb&quot;, &quot;AGB&quot;], [&quot;widerruf&quot;, &quot;Widerrufsbelehrung&quot;], [&quot;datenschutz&quot;, &quot;Datenschutzerklärung&quot;] ].forEach(function (x) {<br /> var key = x[0];<br /> if (!LEGAL[key]) return;<br /> if (!firstLink) legalEl.appendChild(document.createTextNode(&quot; | &quot;));<br /> firstLink = false; legalEl.appendChild(link(LEGAL[key], x[1]));<br /> });<br /> if (LEGAL.datenschutz) {<br /> var dl = $(&quot;nvk-dslink&quot;);<br /> dl.appendChild(document.createTextNode(&quot; (&quot;)); dl.appendChild(link(LEGAL.datenschutz, &quot;Datenschutzerklärung&quot;)); dl.appendChild(document.createTextNode(&quot;)&quot;));<br /> }<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;<br /> &lt;small&gt;Stand: 21.10.2026&lt;/small&gt;&lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4092 Android Radio Konfigurator 2026-10-22T04:37:59Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:2px 0;border-bottom:1px solid rgba(128,128,128,.3)}<br /> #nvk .nvk-row label{flex:1;margin:0;min-width:240px}<br /> #nvk .nvk-row a{white-space:nowrap;font-weight:600}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden.&lt;span id=&quot;nvk-dslink&quot;&gt;&lt;/span&gt; *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;div id=&quot;nvk-legal&quot; class=&quot;nvk-help&quot; style=&quot;margin-top:20px&quot;&gt;&lt;b&gt;Hinweis:&lt;/b&gt; Der Konfigurator gibt eine unverbindliche Orientierung zu passenden Artikeln. Ausstattung und Anschlüsse können je nach Baujahr, Modell und Umbauten abweichen. Bitte gleiche Deine Auswahl vor der Bestellung mit Deinem Fahrzeug ab. Im Zweifel nutze die Anfrage-Funktion, wir prüfen die Zusammenstellung gern für Dich.&lt;div id=&quot;nvk-legal-links&quot; style=&quot;margin-top:4px&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* Shop-Anbindung: API = radios.php (liefert Radio-Liste und Artikelnummern). Warenkorb = Shopware-Link pro Artikelnummer. */<br /> var API = &quot;https://xtrons.ibus-app.de/radios.php&quot;;<br /> /* CART_TRANSFER = true: Warenkorb-Button öffnet den Shop mit ?nvk=ARTIKELNUMMERN. Das funktioniert nur, wenn im Shop das Skript shop-warenkorb-uebergabe.js eingebunden ist. */<br /> var CART_TRANSFER = true;<br /> var CART = &quot;https://shop.ibus-app.de/checkout/cart&quot;;<br /> /* Rechtliche Seiten (Links unter dem Konfigurator und beim Datenschutz-Haken). Leer = Link wird nicht angezeigt. */<br /> var LEGAL = { agb: &quot;https://shop.ibus-app.de/allgemeine-geschaeftsbedingungen&quot;, widerruf: &quot;https://shop.ibus-app.de/widerrufsrecht&quot;, datenschutz: &quot;https://shop.ibus-app.de/datenschutz&quot; };<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0, radioCache = {}, chosenRadio = null, cartFill = null;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(x.u, x.t + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function aidOf(u) {<br /> if (u.indexOf(SHOP) !== 0) return &quot;&quot;;<br /> var m = u.match(/sArticle\/(\d+)/);<br /> if (!m) m = u.split(&quot;?&quot;)[0].match(/\/(\d+)\/[^\/]+$/);<br /> return m ? m[1] : &quot;&quot;;<br /> }<br /> function renderRadioList(veh) {<br /> if (veh.noCat) return;<br /> if (chosenRadio) { if (chosenRadio.cat !== veh.v) chosenRadio = null; }<br /> var data = radioCache[veh.v];<br /> if (data === undefined) {<br /> radioCache[veh.v] = &quot;loading&quot;;<br /> fetch(API + &quot;?cat=&quot; + encodeURIComponent(veh.v)).then(function (r) { return r.json(); }).then(function (j) {<br /> radioCache[veh.v] = (j.items || []).map(function (it) { it.cat = veh.v; return it; });<br /> renderResult();<br /> }).catch(function () { radioCache[veh.v] = []; renderResult(); });<br /> }<br /> if (data === undefined || data === &quot;loading&quot;) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;; m.textContent = &quot;Verfügbare Radios werden geladen …&quot;; outEl.appendChild(m); return;<br /> }<br /> if (!data.length) return;<br /> var want = { mask: /M-?ASK/i, ccc: /\bCCC\b/i, cic: /\bCIC\b/i, nbt: /\bNBT\b/i, nbtevo: /EVO/i }[sel.factory];<br /> function fits(it) { return want ? want.test(it.name) : false; }<br /> var list = data.slice().sort(function (a, b) { return (fits(b) ? 1 : 0) - (fits(a) ? 1 : 0); });<br /> var det = document.createElement(&quot;details&quot;); det.open = Math.max(list.length, 8) === 8;<br /> var sm = document.createElement(&quot;summary&quot;); sm.style.cursor = &quot;pointer&quot;; sm.style.fontWeight = &quot;700&quot;;<br /> sm.textContent = &quot;Verfügbare Radios für Deinen BMW &quot; + veh.t + &quot; (&quot; + list.length + &quot;)&quot;; det.appendChild(sm);<br /> list.forEach(function (it) {<br /> var row = document.createElement(&quot;div&quot;); row.className = &quot;nvk-row&quot;;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var rb = document.createElement(&quot;input&quot;); rb.type = &quot;radio&quot;; rb.name = &quot;nvk-radio&quot;;<br /> rb.checked = chosenRadio ? chosenRadio.sku === it.sku : false;<br /> rb.addEventListener(&quot;change&quot;, function () { chosenRadio = it; if (cartFill) cartFill(); });<br /> lab.appendChild(rb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + it.name + (it.price ? &quot; - &quot; + it.price : &quot;&quot;) + (fits(it) ? &quot; (passt zu Deiner Auswahl)&quot; : &quot;&quot;)));<br /> row.appendChild(lab); row.appendChild(link(it.url, &quot;Shop →&quot;));<br /> det.appendChild(row);<br /> });<br /> outEl.appendChild(det);<br /> }<br /> function cartBlock(needs, opt) {<br /> var items = [];<br /> needs.concat(opt).forEach(function (i) { var id = aidOf(i.u || &quot;&quot;); if (id) items.push({ t: i.t, aid: id }); });<br /> heading(&quot;In den Warenkorb&quot;);<br /> var box = document.createElement(&quot;div&quot;); box.className = &quot;nvk-card opt&quot;;<br /> var p = document.createElement(&quot;div&quot;);<br /> p.textContent = &quot;Das oben gewählte Radio (falls ausgewählt) und diese Artikel werden direkt im Shop in den Warenkorb gelegt:&quot;;<br /> box.appendChild(p);<br /> var listEl = document.createElement(&quot;div&quot;); box.appendChild(listEl);<br /> cartFill = function () {<br /> listEl.innerHTML = &quot;&quot;;<br /> var lines = (chosenRadio ? [&quot;Radio: &quot; + chosenRadio.type] : []).concat(items.map(function (x) { return x.t; }));<br /> lines.forEach(function (t) { var r = document.createElement(&quot;div&quot;); r.textContent = &quot;- &quot; + t; listEl.appendChild(r); });<br /> };<br /> cartFill();<br /> var n = document.createElement(&quot;div&quot;); n.className = &quot;nvk-help&quot;;<br /> n.textContent = &quot;Kameras, TPMS, Werkzeug und Artikel ohne Direktlink wählst Du bitte über die Links oben im Shop aus.&quot;;<br /> box.appendChild(n);<br /> var all = needs.concat(opt);<br /> var has = function (k) { return all.indexOf(ITEMS[k]) !== -1; };<br /> var l17 = has(&quot;kcanlic&quot;), l7 = has(&quot;bclic&quot;) || has(&quot;bcdsp&quot;);<br /> if (l17 || l7) {<br /> var vb = document.createElement(&quot;div&quot;); vb.className = &quot;nvk-f&quot;; vb.style.marginTop = &quot;12px&quot;;<br /> var vlab = document.createElement(&quot;label&quot;); vlab.htmlFor = &quot;nvk-licvin&quot;;<br /> vlab.textContent = l17 ? &quot;Fahrgestellnummer (17 Zeichen) für die Lizenz&quot; : &quot;VIN für die Lizenz (7 Zeichen, z. B. AB12345)&quot;;<br /> var vin = document.createElement(&quot;input&quot;); vin.type = &quot;text&quot;; vin.id = &quot;nvk-licvin&quot;; vin.maxLength = 17;<br /> vin.value = $(&quot;nvk-vin&quot;).value.toUpperCase();<br /> var ta = document.createElement(&quot;textarea&quot;); ta.rows = 3; ta.readOnly = true; ta.style.display = &quot;none&quot;; ta.style.marginTop = &quot;6px&quot;;<br /> var cb = document.createElement(&quot;button&quot;); cb.type = &quot;button&quot;; cb.className = &quot;nvk-btn&quot;; cb.style.marginTop = &quot;6px&quot;;<br /> cb.textContent = &quot;Kommentartext für die Kasse kopieren&quot;;<br /> var ls = document.createElement(&quot;div&quot;); ls.className = &quot;nvk-help&quot;;<br /> cb.addEventListener(&quot;click&quot;, function () {<br /> var v = vin.value.trim().toUpperCase(), v7 = &quot;&quot;, v17 = &quot;&quot;;<br /> if (/^[A-HJ-NPR-Z0-9]{17}$/.test(v)) { v17 = v; v7 = v.slice(10); }<br /> else if (/^[A-Z]{2}[0-9]{5}$/.test(v)) v7 = v;<br /> if (l17 ? !v17 : !v7) { ls.textContent = l17 ? &quot;Bitte die vollständige 17-stellige Fahrgestellnummer eingeben.&quot; : &quot;Bitte die VIN im Format AB12345 (oder die 17-stellige FGN) eingeben.&quot;; return; }<br /> var L = [];<br /> if (has(&quot;bclic&quot;)) L.push(&quot;I-BUS App BC Lizenz: VIN &quot; + v7);<br /> if (has(&quot;bcdsp&quot;)) L.push(&quot;I-BUS App BC+DSP Lizenz: VIN &quot; + v7);<br /> if (l17) L.push(&quot;K-CAN App Beta Lizenz: FGN &quot; + v17);<br /> ta.value = L.join(&quot;\n&quot;); ta.style.display = &quot;&quot;; ta.select();<br /> var hint = &quot;Bitte an der Shop-Kasse in das Feld Kommentar einfügen.&quot;;<br /> if (navigator.clipboard) navigator.clipboard.writeText(ta.value).then(function () { ls.textContent = &quot;Text kopiert. &quot; + hint; }).catch(function () { ls.textContent = &quot;Bitte den Text markieren und kopieren. &quot; + hint; });<br /> else ls.textContent = &quot;Bitte den Text markieren und kopieren. &quot; + hint;<br /> });<br /> vb.appendChild(vlab); vb.appendChild(vin); vb.appendChild(cb); vb.appendChild(ta); vb.appendChild(ls); box.appendChild(vb);<br /> }<br /> if (!CART_TRANSFER) { outEl.appendChild(box); return; }<br /> var btn = document.createElement(&quot;button&quot;); btn.type = &quot;button&quot;; btn.className = &quot;nvk-btn&quot;; btn.style.marginTop = &quot;8px&quot;;<br /> btn.textContent = &quot;Auswahl in den Warenkorb legen&quot;;<br /> var st = document.createElement(&quot;div&quot;); st.className = &quot;nvk-help&quot;;<br /> btn.addEventListener(&quot;click&quot;, function () { addToCart(items, st); });<br /> box.appendChild(btn); box.appendChild(st); outEl.appendChild(box);<br /> }<br /> function addToCart(items, st) {<br /> var list = items.slice();<br /> if (chosenRadio) list.unshift({ t: chosenRadio.type, sku: chosenRadio.sku });<br /> if (!list.length) { st.textContent = &quot;Es ist noch nichts zum Bestellen ausgewählt.&quot;; return; }<br /> var w = window.open(&quot;&quot;, &quot;_blank&quot;);<br /> st.textContent = &quot;Artikelnummern werden ermittelt …&quot;;<br /> var ids = list.filter(function (x) { return x.aid; }).map(function (x) { return x.aid; });<br /> var get = ids.length ? fetch(API + &quot;?aid=&quot; + ids.join(&quot;,&quot;)).then(function (r) { return r.json(); }).then(function (j) { return j.skus || {}; }) : Promise.resolve({});<br /> get.then(function (map) {<br /> var skus = [];<br /> list.forEach(function (x) { var k = x.sku || map[x.aid]; if (k) skus.push(k); });<br /> if (!skus.length) throw new Error(&quot;none&quot;);<br /> var url = CART + &quot;?nvk=&quot; + encodeURIComponent(skus.join(&quot;,&quot;));<br /> if (w) {<br /> w.location.href = url;<br /> st.textContent = &quot;Der Shop wurde in einem neuen Tab geöffnet (&quot; + skus.length + &quot; von &quot; + list.length + &quot; Artikeln übergeben). Bitte dort den Warenkorb kontrollieren.&quot;;<br /> } else {<br /> st.textContent = &quot;Der neue Tab wurde blockiert. Bitte Pop-ups erlauben oder diesen Link nutzen: &quot;;<br /> st.appendChild(link(url, &quot;Warenkorb im Shop öffnen →&quot;));<br /> }<br /> }).catch(function () { if (w) w.close(); st.textContent = &quot;Das hat leider nicht geklappt. Bitte nutze die Shop-Links oben.&quot;; });<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> renderRadioList(veh);<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> cartBlock(needs, opt);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var rad = chosenRadio ? &quot;\n\nGEWÄHLTES RADIO\n- &quot; + chosenRadio.type + &quot; &quot; + chosenRadio.url : &quot;&quot;;<br /> var sum2 = summary + rad + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; chosenRadio = null; update(); });<br /> var legalEl = $(&quot;nvk-legal-links&quot;), firstLink = true;<br /> [ [&quot;agb&quot;, &quot;AGB&quot;], [&quot;widerruf&quot;, &quot;Widerrufsbelehrung&quot;], [&quot;datenschutz&quot;, &quot;Datenschutzerklärung&quot;] ].forEach(function (x) {<br /> var key = x[0];<br /> if (!LEGAL[key]) return;<br /> if (!firstLink) legalEl.appendChild(document.createTextNode(&quot; | &quot;));<br /> firstLink = false; legalEl.appendChild(link(LEGAL[key], x[1]));<br /> });<br /> if (LEGAL.datenschutz) {<br /> var dl = $(&quot;nvk-dslink&quot;);<br /> dl.appendChild(document.createTextNode(&quot; (&quot;)); dl.appendChild(link(LEGAL.datenschutz, &quot;Datenschutzerklärung&quot;)); dl.appendChild(document.createTextNode(&quot;)&quot;));<br /> }<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> &lt;small&gt;Stand: 21.10.2026&lt;/small&gt;&lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4091 Android Radio Konfigurator 2026-10-22T04:28:17Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden.&lt;span id=&quot;nvk-dslink&quot;&gt;&lt;/span&gt; *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;div id=&quot;nvk-legal&quot; class=&quot;nvk-help&quot; style=&quot;margin-top:20px&quot;&gt;&lt;b&gt;Hinweis:&lt;/b&gt; Der Konfigurator gibt eine unverbindliche Orientierung zu passenden Artikeln. Ausstattung und Anschlüsse können je nach Baujahr, Modell und Umbauten abweichen. Bitte gleiche Deine Auswahl vor der Bestellung mit Deinem Fahrzeug ab. Im Zweifel nutze die Anfrage-Funktion, wir prüfen die Zusammenstellung gern für Dich.&lt;div id=&quot;nvk-legal-links&quot; style=&quot;margin-top:4px&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* Shop-Anbindung: API = radios.php (liefert Radio-Liste und Artikelnummern). Warenkorb = Shopware-Link pro Artikelnummer. */<br /> var API = &quot;https://xtrons.ibus-app.de/radios.php&quot;;<br /> var CART_ADD = &quot;https://shop.ibus-app.de/checkout/addArticle/sAdd/&quot;;<br /> var CART = &quot;https://shop.ibus-app.de/checkout/cart&quot;;<br /> /* Rechtliche Seiten (Links unter dem Konfigurator und beim Datenschutz-Haken). Leer = Link wird nicht angezeigt. */<br /> var LEGAL = { agb: &quot;https://shop.ibus-app.de/allgemeine-geschaeftsbedingungen&quot;, widerruf: &quot;https://shop.ibus-app.de/widerrufsrecht&quot;, datenschutz: &quot;https://shop.ibus-app.de/datenschutz&quot; };<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0, radioCache = {}, chosenRadio = null;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(x.u, x.t + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function aidOf(u) {<br /> if (u.indexOf(SHOP) !== 0) return &quot;&quot;;<br /> var m = u.match(/sArticle\/(\d+)/);<br /> if (!m) m = u.split(&quot;?&quot;)[0].match(/\/(\d+)\/[^\/]+$/);<br /> return m ? m[1] : &quot;&quot;;<br /> }<br /> function renderRadioList(veh) {<br /> if (veh.noCat) return;<br /> if (chosenRadio) { if (chosenRadio.cat !== veh.v) chosenRadio = null; }<br /> var data = radioCache[veh.v];<br /> if (data === undefined) {<br /> radioCache[veh.v] = &quot;loading&quot;;<br /> fetch(API + &quot;?cat=&quot; + encodeURIComponent(veh.v)).then(function (r) { return r.json(); }).then(function (j) {<br /> radioCache[veh.v] = (j.items || []).map(function (it) { it.cat = veh.v; return it; });<br /> renderResult();<br /> }).catch(function () { radioCache[veh.v] = []; renderResult(); });<br /> }<br /> if (data === undefined || data === &quot;loading&quot;) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;; m.textContent = &quot;Verfügbare Radios werden geladen …&quot;; outEl.appendChild(m); return;<br /> }<br /> if (!data.length) return;<br /> var want = { mask: /M-?ASK/i, ccc: /\bCCC\b/i, cic: /\bCIC\b/i, nbt: /\bNBT\b/i, nbtevo: /EVO/i }[sel.factory];<br /> function fits(it) { return want ? want.test(it.name) : false; }<br /> var list = data.slice().sort(function (a, b) { return (fits(b) ? 1 : 0) - (fits(a) ? 1 : 0); });<br /> var det = document.createElement(&quot;details&quot;); det.open = Math.max(list.length, 8) === 8;<br /> var sm = document.createElement(&quot;summary&quot;); sm.style.cursor = &quot;pointer&quot;; sm.style.fontWeight = &quot;700&quot;;<br /> sm.textContent = &quot;Verfügbare Radios für Deinen BMW &quot; + veh.t + &quot; (&quot; + list.length + &quot;)&quot;; det.appendChild(sm);<br /> list.forEach(function (it) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card rad&quot;;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var rb = document.createElement(&quot;input&quot;); rb.type = &quot;radio&quot;; rb.name = &quot;nvk-radio&quot;;<br /> rb.checked = chosenRadio ? chosenRadio.sku === it.sku : false;<br /> rb.addEventListener(&quot;change&quot;, function () { chosenRadio = it; });<br /> var sp = document.createElement(&quot;span&quot;); sp.style.fontWeight = &quot;700&quot;;<br /> sp.textContent = &quot; &quot; + it.type + (fits(it) ? &quot; (passt zu Deiner Auswahl)&quot; : &quot;&quot;);<br /> lab.appendChild(rb); lab.appendChild(sp); d.appendChild(lab);<br /> var t = document.createElement(&quot;div&quot;); t.textContent = it.name + (it.price ? &quot; - &quot; + it.price : &quot;&quot;); d.appendChild(t);<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;; l.appendChild(link(it.url, &quot;Im Shop ansehen →&quot;)); d.appendChild(l);<br /> det.appendChild(d);<br /> });<br /> outEl.appendChild(det);<br /> }<br /> function cartBlock(needs, opt) {<br /> var items = [];<br /> needs.concat(opt).forEach(function (i) { var id = aidOf(i.u || &quot;&quot;); if (id) items.push({ t: i.t, aid: id }); });<br /> heading(&quot;In den Warenkorb&quot;);<br /> var box = document.createElement(&quot;div&quot;); box.className = &quot;nvk-card opt&quot;;<br /> var p = document.createElement(&quot;div&quot;);<br /> p.textContent = &quot;Das oben gewählte Radio (falls ausgewählt) und diese Artikel werden direkt im Shop in den Warenkorb gelegt:&quot;;<br /> box.appendChild(p);<br /> items.forEach(function (x) { var r = document.createElement(&quot;div&quot;); r.textContent = &quot;- &quot; + x.t; box.appendChild(r); });<br /> var n = document.createElement(&quot;div&quot;); n.className = &quot;nvk-help&quot;;<br /> n.textContent = &quot;Kameras, TPMS, Werkzeug und Artikel ohne Direktlink wählst Du bitte über die Links oben im Shop aus.&quot;;<br /> box.appendChild(n);<br /> var all = needs.concat(opt);<br /> var has = function (k) { return all.indexOf(ITEMS[k]) !== -1; };<br /> var l17 = has(&quot;kcanlic&quot;), l7 = has(&quot;bclic&quot;) || has(&quot;bcdsp&quot;);<br /> if (l17 || l7) {<br /> var vb = document.createElement(&quot;div&quot;); vb.className = &quot;nvk-f&quot;; vb.style.marginTop = &quot;12px&quot;;<br /> var vlab = document.createElement(&quot;label&quot;); vlab.htmlFor = &quot;nvk-licvin&quot;;<br /> vlab.textContent = l17 ? &quot;Fahrgestellnummer (17 Zeichen) für die Lizenz&quot; : &quot;VIN für die Lizenz (7 Zeichen, z. B. AB12345)&quot;;<br /> var vin = document.createElement(&quot;input&quot;); vin.type = &quot;text&quot;; vin.id = &quot;nvk-licvin&quot;; vin.maxLength = 17;<br /> vin.value = $(&quot;nvk-vin&quot;).value.toUpperCase();<br /> var ta = document.createElement(&quot;textarea&quot;); ta.rows = 3; ta.readOnly = true; ta.style.display = &quot;none&quot;; ta.style.marginTop = &quot;6px&quot;;<br /> var cb = document.createElement(&quot;button&quot;); cb.type = &quot;button&quot;; cb.className = &quot;nvk-btn&quot;; cb.style.marginTop = &quot;6px&quot;;<br /> cb.textContent = &quot;Kommentartext für die Kasse kopieren&quot;;<br /> var ls = document.createElement(&quot;div&quot;); ls.className = &quot;nvk-help&quot;;<br /> cb.addEventListener(&quot;click&quot;, function () {<br /> var v = vin.value.trim().toUpperCase(), v7 = &quot;&quot;, v17 = &quot;&quot;;<br /> if (/^[A-HJ-NPR-Z0-9]{17}$/.test(v)) { v17 = v; v7 = v.slice(10); }<br /> else if (/^[A-Z]{2}[0-9]{5}$/.test(v)) v7 = v;<br /> if (l17 ? !v17 : !v7) { ls.textContent = l17 ? &quot;Bitte die vollständige 17-stellige Fahrgestellnummer eingeben.&quot; : &quot;Bitte die VIN im Format AB12345 (oder die 17-stellige FGN) eingeben.&quot;; return; }<br /> var L = [];<br /> if (has(&quot;bclic&quot;)) L.push(&quot;I-BUS App BC Lizenz: VIN &quot; + v7);<br /> if (has(&quot;bcdsp&quot;)) L.push(&quot;I-BUS App BC+DSP Lizenz: VIN &quot; + v7);<br /> if (l17) L.push(&quot;K-CAN App Beta Lizenz: FGN &quot; + v17);<br /> ta.value = L.join(&quot;\n&quot;); ta.style.display = &quot;&quot;; ta.select();<br /> var hint = &quot;Bitte an der Shop-Kasse in das Feld Kommentar einfügen.&quot;;<br /> if (navigator.clipboard) navigator.clipboard.writeText(ta.value).then(function () { ls.textContent = &quot;Text kopiert. &quot; + hint; }).catch(function () { ls.textContent = &quot;Bitte den Text markieren und kopieren. &quot; + hint; });<br /> else ls.textContent = &quot;Bitte den Text markieren und kopieren. &quot; + hint;<br /> });<br /> vb.appendChild(vlab); vb.appendChild(vin); vb.appendChild(cb); vb.appendChild(ta); vb.appendChild(ls); box.appendChild(vb);<br /> }<br /> var btn = document.createElement(&quot;button&quot;); btn.type = &quot;button&quot;; btn.className = &quot;nvk-btn&quot;; btn.style.marginTop = &quot;8px&quot;;<br /> btn.textContent = &quot;Auswahl in den Warenkorb legen&quot;;<br /> var st = document.createElement(&quot;div&quot;); st.className = &quot;nvk-help&quot;;<br /> btn.addEventListener(&quot;click&quot;, function () { addToCart(items, st); });<br /> box.appendChild(btn); box.appendChild(st); outEl.appendChild(box);<br /> }<br /> function addToCart(items, st) {<br /> var list = items.slice();<br /> if (chosenRadio) list.unshift({ t: chosenRadio.type, sku: chosenRadio.sku });<br /> if (!list.length) { st.textContent = &quot;Es ist noch nichts zum Bestellen ausgewählt.&quot;; return; }<br /> st.textContent = &quot;Artikel werden an den Shop übergeben …&quot;;<br /> var ids = list.filter(function (x) { return x.aid; }).map(function (x) { return x.aid; });<br /> var get = ids.length ? fetch(API + &quot;?aid=&quot; + ids.join(&quot;,&quot;)).then(function (r) { return r.json(); }).then(function (j) { return j.skus || {}; }) : Promise.resolve({});<br /> get.then(function (map) {<br /> var skus = [];<br /> list.forEach(function (x) { var s = x.sku || map[x.aid]; if (s) skus.push(s); });<br /> if (!skus.length) throw new Error(&quot;none&quot;);<br /> return skus.reduce(function (p, s) {<br /> return p.then(function () { return fetch(CART_ADD + encodeURIComponent(s) + &quot;/sQuantity/1&quot;, { mode: &quot;no-cors&quot;, credentials: &quot;include&quot; }); });<br /> }, Promise.resolve()).then(function () { return skus.length; });<br /> }).then(function (n) {<br /> st.textContent = n + &quot; von &quot; + list.length + &quot; Artikeln wurden an den Warenkorb übergeben. Bitte dort kontrollieren: &quot;;<br /> st.appendChild(link(CART, &quot;Zum Warenkorb →&quot;));<br /> }).catch(function () { st.textContent = &quot;Das hat leider nicht geklappt. Bitte nutze die Shop-Links oben.&quot;; });<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> renderRadioList(veh);<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> cartBlock(needs, opt);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var rad = chosenRadio ? &quot;\n\nGEWÄHLTES RADIO\n- &quot; + chosenRadio.type + &quot; &quot; + chosenRadio.url : &quot;&quot;;<br /> var sum2 = summary + rad + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; chosenRadio = null; update(); });<br /> var legalEl = $(&quot;nvk-legal-links&quot;), firstLink = true;<br /> [ [&quot;agb&quot;, &quot;AGB&quot;], [&quot;widerruf&quot;, &quot;Widerrufsbelehrung&quot;], [&quot;datenschutz&quot;, &quot;Datenschutzerklärung&quot;] ].forEach(function (x) {<br /> var key = x[0];<br /> if (!LEGAL[key]) return;<br /> if (!firstLink) legalEl.appendChild(document.createTextNode(&quot; | &quot;));<br /> firstLink = false; legalEl.appendChild(link(LEGAL[key], x[1]));<br /> });<br /> if (LEGAL.datenschutz) {<br /> var dl = $(&quot;nvk-dslink&quot;);<br /> dl.appendChild(document.createTextNode(&quot; (&quot;)); dl.appendChild(link(LEGAL.datenschutz, &quot;Datenschutzerklärung&quot;)); dl.appendChild(document.createTextNode(&quot;)&quot;));<br /> }<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;<br /> &lt;small&gt;Stand: 21.10.2026&lt;/small&gt;&lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4090 Android Radio Konfigurator 2026-10-22T04:26:20Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden. *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* Shop-Anbindung: API = radios.php (liefert Radio-Liste und Artikelnummern). Warenkorb = Shopware-Link pro Artikelnummer. */<br /> var API = &quot;https://xtrons.ibus-app.de/radios.php&quot;;<br /> var CART_ADD = &quot;https://shop.ibus-app.de/checkout/addArticle/sAdd/&quot;;<br /> var CART = &quot;https://shop.ibus-app.de/checkout/cart&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0, radioCache = {}, chosenRadio = null;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(x.u, x.t + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function aidOf(u) {<br /> if (u.indexOf(SHOP) !== 0) return &quot;&quot;;<br /> var m = u.match(/sArticle\/(\d+)/);<br /> if (!m) m = u.split(&quot;?&quot;)[0].match(/\/(\d+)\/[^\/]+$/);<br /> return m ? m[1] : &quot;&quot;;<br /> }<br /> function renderRadioList(veh) {<br /> if (veh.noCat) return;<br /> if (chosenRadio) { if (chosenRadio.cat !== veh.v) chosenRadio = null; }<br /> var data = radioCache[veh.v];<br /> if (data === undefined) {<br /> radioCache[veh.v] = &quot;loading&quot;;<br /> fetch(API + &quot;?cat=&quot; + encodeURIComponent(veh.v)).then(function (r) { return r.json(); }).then(function (j) {<br /> radioCache[veh.v] = (j.items || []).map(function (it) { it.cat = veh.v; return it; });<br /> renderResult();<br /> }).catch(function () { radioCache[veh.v] = []; renderResult(); });<br /> }<br /> if (data === undefined || data === &quot;loading&quot;) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;; m.textContent = &quot;Verfügbare Radios werden geladen …&quot;; outEl.appendChild(m); return;<br /> }<br /> if (!data.length) return;<br /> var want = { mask: /M-?ASK/i, ccc: /\bCCC\b/i, cic: /\bCIC\b/i, nbt: /\bNBT\b/i, nbtevo: /EVO/i }[sel.factory];<br /> function fits(it) { return want ? want.test(it.name) : false; }<br /> var list = data.slice().sort(function (a, b) { return (fits(b) ? 1 : 0) - (fits(a) ? 1 : 0); });<br /> var det = document.createElement(&quot;details&quot;); det.open = Math.max(list.length, 8) === 8;<br /> var sm = document.createElement(&quot;summary&quot;); sm.style.cursor = &quot;pointer&quot;; sm.style.fontWeight = &quot;700&quot;;<br /> sm.textContent = &quot;Verfügbare Radios für Deinen BMW &quot; + veh.t + &quot; (&quot; + list.length + &quot;)&quot;; det.appendChild(sm);<br /> list.forEach(function (it) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card rad&quot;;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var rb = document.createElement(&quot;input&quot;); rb.type = &quot;radio&quot;; rb.name = &quot;nvk-radio&quot;;<br /> rb.checked = chosenRadio ? chosenRadio.sku === it.sku : false;<br /> rb.addEventListener(&quot;change&quot;, function () { chosenRadio = it; });<br /> var sp = document.createElement(&quot;span&quot;); sp.style.fontWeight = &quot;700&quot;;<br /> sp.textContent = &quot; &quot; + it.type + (fits(it) ? &quot; (passt zu Deiner Auswahl)&quot; : &quot;&quot;);<br /> lab.appendChild(rb); lab.appendChild(sp); d.appendChild(lab);<br /> var t = document.createElement(&quot;div&quot;); t.textContent = it.name + (it.price ? &quot; - &quot; + it.price : &quot;&quot;); d.appendChild(t);<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;; l.appendChild(link(it.url, &quot;Im Shop ansehen →&quot;)); d.appendChild(l);<br /> det.appendChild(d);<br /> });<br /> outEl.appendChild(det);<br /> }<br /> function cartBlock(needs, opt) {<br /> var items = [];<br /> needs.concat(opt).forEach(function (i) { var id = aidOf(i.u || &quot;&quot;); if (id) items.push({ t: i.t, aid: id }); });<br /> heading(&quot;In den Warenkorb&quot;);<br /> var box = document.createElement(&quot;div&quot;); box.className = &quot;nvk-card opt&quot;;<br /> var p = document.createElement(&quot;div&quot;);<br /> p.textContent = &quot;Das oben gewählte Radio (falls ausgewählt) und diese Artikel werden direkt im Shop in den Warenkorb gelegt:&quot;;<br /> box.appendChild(p);<br /> items.forEach(function (x) { var r = document.createElement(&quot;div&quot;); r.textContent = &quot;- &quot; + x.t; box.appendChild(r); });<br /> var n = document.createElement(&quot;div&quot;); n.className = &quot;nvk-help&quot;;<br /> n.textContent = &quot;Kameras, TPMS, Werkzeug und Artikel ohne Direktlink wählst Du bitte über die Links oben im Shop aus.&quot;;<br /> box.appendChild(n);<br /> var all = needs.concat(opt);<br /> var has = function (k) { return all.indexOf(ITEMS[k]) !== -1; };<br /> var l17 = has(&quot;kcanlic&quot;), l7 = has(&quot;bclic&quot;) || has(&quot;bcdsp&quot;);<br /> if (l17 || l7) {<br /> var vb = document.createElement(&quot;div&quot;); vb.className = &quot;nvk-f&quot;; vb.style.marginTop = &quot;12px&quot;;<br /> var vlab = document.createElement(&quot;label&quot;); vlab.htmlFor = &quot;nvk-licvin&quot;;<br /> vlab.textContent = l17 ? &quot;Fahrgestellnummer (17 Zeichen) für die Lizenz&quot; : &quot;VIN für die Lizenz (7 Zeichen, z. B. AB12345)&quot;;<br /> var vin = document.createElement(&quot;input&quot;); vin.type = &quot;text&quot;; vin.id = &quot;nvk-licvin&quot;; vin.maxLength = 17;<br /> vin.value = $(&quot;nvk-vin&quot;).value.toUpperCase();<br /> var ta = document.createElement(&quot;textarea&quot;); ta.rows = 3; ta.readOnly = true; ta.style.display = &quot;none&quot;; ta.style.marginTop = &quot;6px&quot;;<br /> var cb = document.createElement(&quot;button&quot;); cb.type = &quot;button&quot;; cb.className = &quot;nvk-btn&quot;; cb.style.marginTop = &quot;6px&quot;;<br /> cb.textContent = &quot;Kommentartext für die Kasse kopieren&quot;;<br /> var ls = document.createElement(&quot;div&quot;); ls.className = &quot;nvk-help&quot;;<br /> cb.addEventListener(&quot;click&quot;, function () {<br /> var v = vin.value.trim().toUpperCase(), v7 = &quot;&quot;, v17 = &quot;&quot;;<br /> if (/^[A-HJ-NPR-Z0-9]{17}$/.test(v)) { v17 = v; v7 = v.slice(10); }<br /> else if (/^[A-Z]{2}[0-9]{5}$/.test(v)) v7 = v;<br /> if (l17 ? !v17 : !v7) { ls.textContent = l17 ? &quot;Bitte die vollständige 17-stellige Fahrgestellnummer eingeben.&quot; : &quot;Bitte die VIN im Format AB12345 (oder die 17-stellige FGN) eingeben.&quot;; return; }<br /> var L = [];<br /> if (has(&quot;bclic&quot;)) L.push(&quot;I-BUS App BC Lizenz: VIN &quot; + v7);<br /> if (has(&quot;bcdsp&quot;)) L.push(&quot;I-BUS App BC+DSP Lizenz: VIN &quot; + v7);<br /> if (l17) L.push(&quot;K-CAN App Beta Lizenz: FGN &quot; + v17);<br /> ta.value = L.join(&quot;\n&quot;); ta.style.display = &quot;&quot;; ta.select();<br /> var hint = &quot;Bitte an der Shop-Kasse in das Feld Kommentar einfügen.&quot;;<br /> if (navigator.clipboard) navigator.clipboard.writeText(ta.value).then(function () { ls.textContent = &quot;Text kopiert. &quot; + hint; }).catch(function () { ls.textContent = &quot;Bitte den Text markieren und kopieren. &quot; + hint; });<br /> else ls.textContent = &quot;Bitte den Text markieren und kopieren. &quot; + hint;<br /> });<br /> vb.appendChild(vlab); vb.appendChild(vin); vb.appendChild(cb); vb.appendChild(ta); vb.appendChild(ls); box.appendChild(vb);<br /> }<br /> var btn = document.createElement(&quot;button&quot;); btn.type = &quot;button&quot;; btn.className = &quot;nvk-btn&quot;; btn.style.marginTop = &quot;8px&quot;;<br /> btn.textContent = &quot;Auswahl in den Warenkorb legen&quot;;<br /> var st = document.createElement(&quot;div&quot;); st.className = &quot;nvk-help&quot;;<br /> btn.addEventListener(&quot;click&quot;, function () { addToCart(items, st); });<br /> box.appendChild(btn); box.appendChild(st); outEl.appendChild(box);<br /> }<br /> function addToCart(items, st) {<br /> var list = items.slice();<br /> if (chosenRadio) list.unshift({ t: chosenRadio.type, sku: chosenRadio.sku });<br /> if (!list.length) { st.textContent = &quot;Es ist noch nichts zum Bestellen ausgewählt.&quot;; return; }<br /> st.textContent = &quot;Artikel werden an den Shop übergeben …&quot;;<br /> var ids = list.filter(function (x) { return x.aid; }).map(function (x) { return x.aid; });<br /> var get = ids.length ? fetch(API + &quot;?aid=&quot; + ids.join(&quot;,&quot;)).then(function (r) { return r.json(); }).then(function (j) { return j.skus || {}; }) : Promise.resolve({});<br /> get.then(function (map) {<br /> var skus = [];<br /> list.forEach(function (x) { var s = x.sku || map[x.aid]; if (s) skus.push(s); });<br /> if (!skus.length) throw new Error(&quot;none&quot;);<br /> return skus.reduce(function (p, s) {<br /> return p.then(function () { return fetch(CART_ADD + encodeURIComponent(s) + &quot;/sQuantity/1&quot;, { mode: &quot;no-cors&quot;, credentials: &quot;include&quot; }); });<br /> }, Promise.resolve()).then(function () { return skus.length; });<br /> }).then(function (n) {<br /> st.textContent = n + &quot; von &quot; + list.length + &quot; Artikeln wurden an den Warenkorb übergeben. Bitte dort kontrollieren: &quot;;<br /> st.appendChild(link(CART, &quot;Zum Warenkorb →&quot;));<br /> }).catch(function () { st.textContent = &quot;Das hat leider nicht geklappt. Bitte nutze die Shop-Links oben.&quot;; });<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> renderRadioList(veh);<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> cartBlock(needs, opt);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var rad = chosenRadio ? &quot;\n\nGEWÄHLTES RADIO\n- &quot; + chosenRadio.type + &quot; &quot; + chosenRadio.url : &quot;&quot;;<br /> var sum2 = summary + rad + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; chosenRadio = null; update(); });<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/html&gt;<br /> &lt;small&gt;Stand: 21.10.2026&lt;/small&gt;&lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4089 Android Radio Konfigurator 2026-10-21T12:59:07Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> <br /> &lt;small&gt;Stand: 21.10.2026&lt;/small&gt;&lt;br&gt;&lt;br&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden. *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(x.u, x.t + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var sum2 = summary + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Hauptseite&diff=4088 Hauptseite 2026-10-21T12:58:35Z <p>Andre: /* Neu hier? Das musst Du wissen */</p> <hr /> <div>&lt;big&gt;&lt;big&gt;&lt;big&gt;'''Willkommen im Wiki rund um Android-Navis, insbesondere für BMW E38/E39/E46/E53'''&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;<br /> &lt;big&gt;Hier findet ihr eine Übersicht an empfohlenen Radios, Einbauanleitungen, Adapter, Firmware (Updates), Apps, Modifikationen sowie Tipps und Tricks &lt;/big&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> === &lt;big&gt;Alle Informationen zur I-Bus App&lt;/big&gt; ===<br /> &lt;br /&gt;<br /> * '''&lt;big&gt;&lt;big&gt;&lt;big&gt;[http://www.ibus-app.de/ BMW I-BUS App Homepage]&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;'''&lt;br /&gt;&lt;br /&gt;<br /> * '''&lt;big&gt;&lt;big&gt;&lt;big&gt;[http://wiki.ibus-app.de/ Wiki zur BMW I-BUS App]&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;'''&lt;br /&gt;&lt;br /&gt;<br /> * '''&lt;big&gt;&lt;big&gt;&lt;big&gt;[https://www.facebook.com/groups/1954844871468973/ BMW Xtrons, AVIN und I-BUS Android App - Facebook Gruppe]&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;'''&lt;br /&gt;&lt;br /&gt;<br /> * '''&lt;big&gt;&lt;big&gt;&lt;big&gt;[https://forum.ibus-app.de/ I-BUS App Forum]&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;'''<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Neu hier? Das musst Du wissen&lt;/big&gt; ===<br /> &lt;br /&gt;<br /> &lt;big&gt;&lt;big&gt;&lt;big&gt;'''[[Android Radio Konfigurator]]'''&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;&lt;big&gt;&lt;big&gt;'''[[Was brauche ich um meinen BMW E38/E39/E46/E53 auf ein Android-Navi umzurüsten?]]'''&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Empfohlene Radiomodelle&lt;/big&gt; ===<br /> * &lt;big&gt;&lt;big&gt;[[aktuelle Xtrons-Radiomodelle|'''aktuelle Xtrons-Radiomodelle + Zubehör''']]&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> *&lt;big&gt;&lt;big&gt;[[aktuelle AVIN-Radiomodelle|aktuelle '''AVIN'''-Radiomodelle + Zubehör]]&lt;/big&gt;&lt;/big&gt;<br /> ** [https://help.avinusa.com/en/article/ibus-bmw-app-install-update-guide-dl24h0/ Anschlüsse, Hilfe und FAQ von AVIN (Englisch)]&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''!ACHTUNG! [[Anschlussfehler CAN-BUS Box und Zündungssignal]]''' (AVIN Avant 4, Xtrons MA-, IA-, PQS-, IQ-, IX- und PX-Serie - '''außer IQ..IBUS''')&lt;/big&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[Xtrons IX-Serie|Einstellungen und Tipps für Xtrons IX- und PX-Serie]]'''&lt;/big&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[Xtrons IQ-IBUS-Serie|Einstellungen und Tipps für Xtrons IQ-Serie für IBUS]]'''&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;&lt;big&gt;&lt;big&gt;'''[[Entscheidungshilfe: AVIN oder XTRONS?|Entscheidungshilfe: XTRONS oder AVIN?]]'''&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;<br /> * [[Warum ein Xtrons-Radio? Geht nicht auch Eonon, Erisin, Pumpkin,.. ?|Warum ein AVIN oder Xtrons Radio? Geht nicht auch Eonon, Erisin, Pumpkin, MyRadical, HIZPO, XOMAX, .. ?]]<br /> * [[Warum nur empfohlene Android-Radios kaufen?]]<br /> * &lt;big&gt;&lt;big&gt;'''[[grobe Kostenübersicht|grobe Kostenübersicht / Einkaufsliste]]'''&lt;/big&gt;&lt;/big&gt;<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Zubehör&lt;/big&gt; ===<br /> * [https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F &lt;big&gt;'''Was brauche ich um die I-BUS App nutzen zu können? =&gt; BC erhalten, Uhr stellen, Standheizung weiter nutzen,..'''&lt;/big&gt;]<br /> * [[Warum empfehlen wir nur das &quot;Resler-USB-Interface&quot;/&quot;Resler Modul&quot; und kein anderes Interface?]]&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[Apple Carplay &amp; Android Auto]]'''&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[OBD2 Diagnose]]'''&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[DAB+]]'''&lt;/big&gt;<br /> * [[Installation der DAB+ Antenne]]<br /> * [[Splitter für DAB+ zur Nutzung der OEM-Scheibenantennen]]<br /> * [[DAB Antenne Empfang verbessern|DAB Antenne Empfang verbessern/Kalte Lötstelle im DAB+ Stick reparieren]]&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[TPMS - Reifendruckkontrolle]]'''&lt;/big&gt;<br /> * [[Installations TPMS App (Reifenluftdruck)]]<br /> * [[TPMS Sensoren anlernen]]&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[https://shop.ibus-app.de/detail/index/sArticle/249 Quadlock-Adapter mit Rauschunterdrückung]'''&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> * [[Übersicht 3G/4G Internetsticks]]&lt;br /&gt;&lt;br /&gt;<br /> * [[Aktiver USB-HUB, USB-Ladedose im Handschuhfach nachrüsten (z.B. für 3G/4G-Stick)]]&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[Anschluss Rückfahrkamera]]'''&lt;/big&gt;<br /> * [[Rückfahrkamera mit Taster für E39/E46 touring|Rückfahrkamera mit Taster für E39/E46 touring und E38]] (Fa. Höfig)&lt;br /&gt;&lt;br /&gt;<br /> * [[NBT iDrive mit Xtrons]] (Yam Droid)<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Firmware und Bedienanleitung&lt;/big&gt; ===<br /> * '''&lt;big&gt;[[aktuelle Firmware]]&lt;/big&gt;''' (AAS, AVIN, Xtrons: PX3/PX30/PX5/PX6/Qualcomm - Hal9k und Malaysk ROM, MCU Updates,..)<br /> * '''&lt;big&gt;[[Firmware]]&lt;/big&gt;''' (für E6x/E7x/E9x/..)<br /> * Wie funktioniert ein [[Firmwareupdate]]<br /> * [https://xtrons.ibus-app.de/index.php?title=Aktuelle_Firmware#Welche_MCU_und_Firmware-Version_habe_ich_installiert.3F Welche MCU und Firmware-Version habe ich installiert?]<br /> * '''[[Bedienanleitung]]'''<br /> * [[Wie kommt man ins Recovery Menü?]]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Montageanleitungen / Adapter&amp;Verlängerungen / PIN Belegungen ..&lt;/big&gt; ===<br /> * '''[[Montageanleitungen]]'''<br /> * &lt;big&gt;&lt;big&gt;'''[[Adapter und Verlängerungen]]'''&lt;/big&gt;&lt;/big&gt;<br /> * [[Anpassung der Montagewinkel]]<br /> * [[Alternative zu den beigelegten Montagewinkeln|Alternative zu den beigelegten Montagewinkeln/Haltern]] (Nur BMW E39)<br /> * [https://www.google.com/maps/d/viewer?mid=1TMCVoZn225Aqsg4H_aoXpDr7aJ0&amp;ll=42.757111958542374%2C-35.38434504999998&amp;z=4 Übersichtskarte: Einbauhelfer]<br /> * [[Was bleibt beim Umbau im Wagen und was fliegt raus?]]<br /> * [[Installation der DAB+ Antenne]] <br /> * [[PIN-Belegung Xtrons - Radiostecker - CAN-BUS-Box|PIN-Belegung Xtrons - Radiostecker - CAN-BUS-Box // Anschlussplan Radio / Steckerübersicht]]<br /> * [https://wiki.ibus-app.de/index.php?title=Einbauanleitung_f%C3%BCr_Resler_Modul_und_Resler_Interface Einbauanleitung für Resler Modul und Resler Interface]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Modifikationen / Anpassungen / Einstellungen&lt;/big&gt; ===<br /> * [[Radiosender dauerhaft speichern/Verlust der Radiostationen bei Neustart oder spannungsfreiem Radio vermeiden]]<br /> <br /> * [[Änderung der Tasten-Beleuchtungsfarbe]]<br /> <br /> * [[Tastenbeleuchtung abdimmbar machen]] (nur für ältere Xtrons)<br /> <br /> * [http://download.speedy-pics.de/uploads/safe/dritte_usb-buchse_xtrons-pb7639bap.pdf Dritte USB-Buchse nachrüsten]<br /> <br /> * [[Bootlogo ändern]]<br /> <br /> * [[Einstellungen: Uhrzeit / Video während der Fahrt / Reverse Reduktion / ..]]<br /> <br /> * [http://download.speedy-pics.de/uploads/weblink/Tastenbelegung_aendern_mtctools.pdf Tastenbelegung mit MTCD-Tools ändern] '''(Bedarf eines Roots, oder Malaysk-ROM!!!)'''<br /> <br /> * [[Tastenbelegung OHNE Root ändern - MTC-Tools]]<br /> <br /> * [[Tastenbelegung OHNE Root ändern|Tastenbelegung OHNE Root ändern - Xtrons PB-, PQ-, PQS-, IQ-Serie u.ä.]]<br /> <br /> * [http://download.speedy-pics.de/uploads/weblink/XTRONS_Tastenbelegung-aendern.pdf Radio-Tastenbelegung ändern] '''Root/[[Aktuelle Firmware|Malaysk]] erforderlich!'''<br /> <br /> * [[Root für Android 8 (MTCD oder MTCE Geräte mit PX5 2gb oder 4gb Ram)]]<br /> <br /> * [[Equalizer-Modifikation für PX3/PX5 Radios - Sound-Mod]]<br /> <br /> * [[DSP-Equalizer-Modifikation für Radios mit internem DSP]] (z.b. AAS, AVIN,..)<br /> <br /> * [[DSP-Chip im Radio nachrüsten]]<br /> <br /> * [[Was ist DSP? Digitaler Soundprozessor|Was ist DSP? Digitaler Soundprozessor // DSP Nachrüstlösungen]]<br /> <br /> * [[Kein WLAN/USB/Bluetooth wenn es kalt ist|Kein WLAN / USB / Bluetooth wenn es kalt ist]]''' (Diese Lösung benötigt ein gerootetes Android!''')<br /> <br /> * [[DAB Antenne Empfang verbessern|DAB Antenne Empfang verbessern/Kalte Lötstelle im DAB+ Stick reparieren]]<br /> <br /> * [[Lüfter/Kühlkörper nachrüsten|CPU/Prozessor wird zu heiß: Lüfter/Kühlkörper nachrüsten]]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Tipps/Reparaturen&lt;/big&gt; ===<br /> * [[Abschalten des schwarzen Bildschirms (Rückfahrkamera) beim Einlegen des Rückwärtsganges]][[Datei:Back.jpg|100px|miniatur|ohne]]<br /> * '''[[Kein Ton nach Radio-Einbau]] (DSP und Remote für Hifi-Endstufe/schlechter Radioempfang )'''<br /> * '''[[Das Radio/Navi geht nicht (mehr) an. Kein Bild. Kein Ton|Das Radio / Navi geht nicht (mehr) an. Kein Bild. Kein Ton]]'''<br /> * [https://youtu.be/EUKq-B06gg0?t=467 Xtrons PQS-/IQ-Serie und AVIN: Zündungssignal von CAN BUS Box auf Radiostecker umstecken]<br /> * [http://download.speedy-pics.de/uploads/weblink/OBD02-Connection-Guide.pdf OBD-Interface einrichten für Torque] [english]&lt;br&gt;&lt;br&gt;<br /> * &lt;big&gt;&lt;big&gt;'''[[DeepOBD - Adapter und App einrichten|DeepOBD - Adapter und App einrichten und mit der I-BUS App verbinden]]'''&lt;/big&gt;&lt;/big&gt;&lt;br&gt;&lt;br&gt;<br /> * [http://download.speedy-pics.de/uploads/weblink/obd1-obd2.pdf Nachrüstung oder Vervollständigung der OBD2 Diagnose Buchse &lt;small&gt;(V1.3 2021-02-27)&lt;/small&gt;] [BMW E38/E39/E46]<br /> * [https://www.youtube.com/watch?v=kWKcWBMESDQ Install wire bridge on OBD1 cap board to fully access OBD2 diagnostics in the cabin] [BMW E38/E39/E46 - with both: OBD1 + OBD2]<br /> * [[Reparatur bei Ausfall Tastenbeleuchtung am Radio oder Funktionsstörung der Knöpfe/Drehregler]]<br /> * [[Entstörkondensator einbauen - E39 525d und 530d]] (LiMa Pfeiffen beheben)<br /> * [http://download.speedy-pics.de/uploads/safe/eba_oem-mikro%20mit%20xtrons.pdf?fbclid=IwAR3GnAlWntSKKQ0132B2H0u7R8MoPnJVYNcXgRhZ9JLUeR8H8MLGakVoIHU EBA OEM Mikro BMW E39 als externes Mikro] Danke Mirko<br /> * Ersatzmikrofon in originale Halterung im Himmel: [https://kufatec.com/de/kufatec-fiscon-mikrofon-fuer-die-bmw-mini-deckenleuchte/36338-5 Kufatec 36338-5]<br /> * [[iPhone / iOS ab Version 13: Kontakte frei geben / Hotspot sichtbar schalten|iPhone / iOS ab Version 13: Kontakte frei geben / Hotspot sichtbar schalten / Umschalten zw. 5GHz und 2,4GHz]]<br /> * [[Persönlicher Hotspot funktioniert nicht auf dem iPhone]]<br /> * [[Kontakte synchronisieren mit iPhone (via Bluetooth)]]<br /> * [[Wie kommt man ins Recovery Menü?]]<br /> * [[Passwort für Werkseinstellungen|Passwort / Code für Werkseinstellungen]]<br /> * [https://bbs.xtrons.com/viewtopic.php?f=41&amp;t=582983 BMW E6x/E9x/E70 etc - kein Ton nach Installation eines Android Radios (AUX-in)]<br /> * [[Verbesserung Radioempfang für Audi/VW/Seat/Skoda mit Phantomspeisung]]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Apps&lt;/big&gt; ===<br /> <br /> &lt;br /&gt;[[App-Link Sammlung]]&lt;br /&gt;<br /> * &lt;big&gt;'''[https://idrive.ibus-app.de/ iDrive Launcher]'''&lt;/big&gt;<br /> * [https://www.media-broadcast.com/hoerfunk/dabplus-logo-service/ Download DAB+ Logos], alternativ: [https://www.seat.de/content/dam/countries/de/seat-website/download/senderlogos/senderlogos.zip Download DAB+ Logos]<br /> &lt;br /&gt;<br /> ----<br /> <br /> ===&lt;big&gt; Bugs &amp; Fehler &lt;/big&gt;===<br /> &lt;br /&gt;<br /> <br /> * [[Liste über Bugs &amp; Fehler]]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;ToDo-Liste&lt;/big&gt; ===<br /> * [[ToDo-Liste]]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === Spenden ===<br /> <br /> Wenn Ihnen unser Wiki/unsere App gefallen und Sie uns unterstützen möchten, würden wir uns über eine [https://ibus-app.de/spenden Spende] freuen.&lt;br /&gt;<br /> [[Datei:Paypal-logo.png|rahmenlos|link=https://ibus-app.de/spenden]]</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4087 Android Radio Konfigurator 2026-10-21T12:37:49Z <p>Andre: </p> <hr /> <div>&lt;big&gt;&lt;big&gt; '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;/big&gt;&lt;/big&gt;&lt;br&gt; <br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> &lt;br&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden. *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(x.u, x.t + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var sum2 = summary + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4086 Android Radio Konfigurator 2026-10-21T12:37:03Z <p>Andre: </p> <hr /> <div>== '''Mit diesem Tool kann auf Basis von Fahrzeug und vorhandenen Komponenten eine Liste nötiger Komponenten erstellt werden.&lt;br&gt; ==<br /> &lt;big&gt;Zu den gewählten Komponenten werden Links in den I-BUS Shop gezeigt und abschließend kann mit der Auswahl eine Anfrage-Mail an das I-BUS App Team gesendet werden.&lt;br&gt;'''&lt;/big&gt;<br /> &lt;br&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden. *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(x.u, x.t + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var sum2 = summary + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4085 Android Radio Konfigurator 2026-10-21T12:32:39Z <p>Andre: </p> <hr /> <div>&lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden. *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> resler: &quot;https://xtrons.ibus-app.de/images/d/d1/Resler_Modul_01.png&quot;,<br /> can: &quot;https://xtrons.ibus-app.de/images/6/69/CAN_Interface.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] }, info: &quot;[a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;, img: [P.resler],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;, img: [P.can],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(x.u, x.t + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var sum2 = summary + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Datei:CAN_Interface.png&diff=4084 Datei:CAN Interface.png 2026-10-21T12:30:35Z <p>Andre: </p> <hr /> <div></div> Andre https://xtrons.ibus-app.de/index.php?title=Datei:Resler_Modul_01.png&diff=4083 Datei:Resler Modul 01.png 2026-10-21T12:29:57Z <p>Andre: </p> <hr /> <div></div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4082 Android Radio Konfigurator 2026-10-21T12:28:04Z <p>Andre: </p> <hr /> <div>&lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-card.hl{border:2px solid #36c;border-left-width:8px;background:rgba(51,102,204,.12);padding:12px 14px}<br /> #nvk .nvk-card.hl b{font-size:1.1em}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden. *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot;,<br /> w: WIKI + &quot;Habe_ich_DSP%3F&quot;, wt: &quot;Wiki: Habe ich DSP?&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, hl: true,<br /> d: &quot;Die I-BUS App ist eine Android Applikation, die dazu dient Ihren Bordcomputer auf einem Android Gerät darzustellen und in Ihrem Fahrzeug viele Comfort-/Codierfunktionen integriert. Der Download der App ist kostenlos und es kann eine Verbindung zum Interface/Modul hergestellt werden. Um alle Funktionen der App nutzen zu können, wird eine I-BUS App Lizenz benötigt.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> links: [<br /> { u: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, t: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> { u: WIKI + &quot;Funktionen&quot;, t: &quot;Liste aller I-BUS App Funktionen (BMW E38|E39|E46|E53|E83)&quot; },<br /> { u: WIKI + &quot;Was_geht_beim_BMW_E46_nicht&quot;, t: &quot;Was geht beim BMW E46, E83, E85,.. nicht? (da werkseitig nicht verbaut)&quot; },<br /> { u: WIKI + &quot;Funktionseinschr%C3%A4nkungen_nach_Baujahr/Ausstattung/Modell&quot;, t: &quot;Funktionseinschränkungen nach Baujahr/Ausstattung/Modell&quot; } ] },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt. Ob Dein Fahrzeug ein DSP hat: [a=&quot; + WIKI + &quot;Habe_ich_DSP%3F]Habe ich DSP?[/a]&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;) + (item.hl ? &quot; hl&quot; : &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> if (item.links) item.links.forEach(function (x) {<br /> var r = document.createElement(&quot;div&quot;); r.className = &quot;nvk-links&quot;; r.appendChild(link(x.u, x.t + &quot; →&quot;)); d.appendChild(r);<br /> });<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var sum2 = summary + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4081 Android Radio Konfigurator 2026-10-21T12:20:56Z <p>Andre: </p> <hr /> <div>&lt;html&gt;&lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#fff;background:rgba(255,255,255,.08)}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-img.wide{max-width:min(100%,460px);max-height:none}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-size&quot;&gt;Gewünschte Displaygröße (optional)&lt;/label&gt;&lt;select id=&quot;nvk-size&quot;&gt;&lt;option value=&quot;&quot;&gt;Keine Angabe / Beratung gewünscht&lt;/option&gt;&lt;option&gt;7&quot;&lt;/option&gt;&lt;option&gt;8.8&quot;&lt;/option&gt;&lt;option&gt;9&quot;&lt;/option&gt;&lt;option&gt;10.25&quot;&lt;/option&gt;&lt;option&gt;12.3&quot;&lt;/option&gt;&lt;option&gt;14.9&quot;&lt;/option&gt;&lt;option&gt;Andere Größe (bitte im Kommentar nennen)&lt;/option&gt;&lt;/select&gt;&lt;div class=&quot;nvk-help&quot;&gt;Diagonale in Zoll. Nicht jede Größe gibt es für jede Baureihe, das prüfen wir für Dich.&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden. *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> deepobd: &quot;https://xtrons.ibus-app.de/images/d/d4/DeepOBD_Interface_1.png&quot;,<br /> n43: IM + &quot;e/e4/Navi4_3.jpg/240px-Navi4_3.jpg&quot;,<br /> n169: IM + &quot;8/8a/Navi16_9.jpg/240px-Navi16_9.jpg&quot;,<br /> radio: IM + &quot;9/96/E39_Radio.jpg/240px-E39_Radio.jpg&quot;,<br /> idrive: &quot;https://xtrons.ibus-app.de/images/0/02/MASK-CCC-CIC-NBT-EVO-iDrive.jpg&quot;,<br /> iris: &quot;https://xtrons.ibus-app.de/images/b/be/BusinessKas_IRISG.jpg&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, pre: { when: { gen: [&quot;b&quot;, &quot;c&quot;] }, html: &quot;[b]So erkennst Du Dein System:[/b][br][imgw=&quot; + P.idrive + &quot;]&quot; }, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] }, info: &quot;[img=&quot; + P.iris + &quot;]&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.radio + &quot;]&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] }, info: &quot;[img=&quot; + P.n43 + &quot;]&quot; },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] }, info: &quot;[img=&quot; + P.n169 + &quot;]&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] }, info: &quot;[img=&quot; + P.pfeil + &quot;]&quot; },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält die Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> w: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, wt: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, img: [P.deepobd],<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, w: &quot;https://xtrons.ibus-app.de/index.php?title=Installation_der_DAB%2B_Antenne&quot;, wt: &quot;Installation der DAB+ Antenne&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[imgw=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img wide\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> var pre = f.pre ? (match(f.pre.when, s, false) ? fmt(f.pre.html) : &quot;&quot;) : &quot;&quot;;<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = pre + (cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;);<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var sz = $(&quot;nvk-size&quot;).value;<br /> var sum2 = summary + (sz ? &quot;\n\nGewünschte Displaygröße: &quot; + sz : &quot;&quot;);<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + sum2;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, sum2);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Datei:BusinessKas_IRISG.jpg&diff=4080 Datei:BusinessKas IRISG.jpg 2026-10-21T12:18:47Z <p>Andre: </p> <hr /> <div></div> Andre https://xtrons.ibus-app.de/index.php?title=Datei:MASK-CCC-CIC-NBT-EVO-iDrive.jpg&diff=4079 Datei:MASK-CCC-CIC-NBT-EVO-iDrive.jpg 2026-10-21T12:17:43Z <p>Andre: </p> <hr /> <div></div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4078 Android Radio Konfigurator 2026-10-21T11:58:16Z <p>Andre: </p> <hr /> <div>&lt;html&gt;&lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#d9400b}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN oder FGN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot; placeholder=&quot;AB12345 oder 17-stellige FGN&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden. *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; },<br /> { v: &quot;z4-e89&quot;, t: &quot;Z4 E89&quot;, gen: &quot;c&quot;, body: &quot;roadster&quot;, noCat: true }<br /> ];<br /> /* Fahrzeuge mit K-CAN App (Beta) */<br /> var KCAN = [&quot;1er-e8x&quot;, &quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;x1-e84&quot;, &quot;x5-e70&quot;, &quot;x6-e71&quot;, &quot;z4-e89&quot;];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] } },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] } },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] } },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] } },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] } },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;kcan&quot;, t: &quot;K-CAN App (Beta)&quot;, sub: &quot;Pendant zur I-BUS App&quot;, show: { vehicle: KCAN }, items: [&quot;kcan&quot;, &quot;kcanlic&quot;, &quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält die Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> w: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, wt: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App bzw. der K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> kcan: { t: &quot;K-CAN App (Beta)&quot;, d: &quot;Pendant zur I-BUS App für Fahrzeuge mit K-CAN, aktuell als Betaversion.&quot;,<br /> w: &quot;https://wiki.kcan-app.de/&quot;, wt: &quot;Wiki zur K-CAN App&quot; },<br /> kcanlic: { t: &quot;K-CAN App - Lizenz Betaversion&quot;, d: &quot;Beta-Lizenz für die K-CAN App.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/358/k-can-app-lizenz-betaversion&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;kcan&quot;], when: {},<br /> html: &quot;[b]K-CAN App (Beta):[/b] Zur App benötigst Du das CAN-Bus Interface und die Beta-Lizenz. Einbauerklärung: [a=https://wiki.kcan-app.de/index.php?title=Hauptseite#Wo_wird_das_CAN_BUS_Interface_angeschlossen?]Wo wird das CAN-Bus Interface angeschlossen?[/a] Weitere Infos im [a=https://wiki.kcan-app.de/]Wiki zur K-CAN App[/a].&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;;<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var veh = vehicleOf(sel.vehicle);<br /> var ru = veh.noCat ? SHOP + &quot;bmw-radios/&quot; : SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;;<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: ru, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + ru);<br /> summary = L.join(&quot;\n&quot;);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim().toUpperCase(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-Z]{2}[0-9]{5}$/.test(vin)) { if (!/^[A-HJ-NPR-Z0-9]{17}$/.test(vin)) return status(&quot;Bitte die VIN im Format AB12345 oder die 17-stellige FGN eingeben - oder das Feld leer lassen.&quot;, false); } }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + summary;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, summary);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4077 Android Radio Konfigurator 2026-10-21T11:50:27Z <p>Andre: </p> <hr /> <div>&lt;html&gt;&lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#d9400b}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> #nvk .nvk-img{max-width:150px;max-height:110px;height:auto;margin:4px 8px 0 0;border:1px solid rgba(128,128,128,.4);border-radius:3px;background:#fff}<br /> #nvk .nvk-card .nvk-img{max-width:230px;max-height:150px}<br /> #nvk input[type=text],#nvk input[type=email],#nvk textarea{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk #nvk-form{margin-top:22px}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-form&quot; style=&quot;display:none&quot;&gt;&lt;legend&gt;Anfrage senden&lt;/legend&gt;<br /> &lt;p class=&quot;nvk-help&quot;&gt;Deine Auswahl und die Liste oben werden automatisch mitgesendet. Alle Felder mit * sind Pflicht.&lt;/p&gt;<br /> &lt;div class=&quot;nvk-grid&quot;&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-name&quot;&gt;Name *&lt;/label&gt;&lt;input id=&quot;nvk-name&quot; type=&quot;text&quot; autocomplete=&quot;name&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-mail&quot;&gt;E-Mail *&lt;/label&gt;&lt;input id=&quot;nvk-mail&quot; type=&quot;email&quot; autocomplete=&quot;email&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-vin&quot;&gt;VIN (optional)&lt;/label&gt;&lt;input id=&quot;nvk-vin&quot; type=&quot;text&quot; maxlength=&quot;17&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot;&gt;&lt;label for=&quot;nvk-msg&quot;&gt;Kommentar *&lt;/label&gt;&lt;textarea id=&quot;nvk-msg&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;<br /> &lt;div class=&quot;nvk-f&quot; style=&quot;max-width:300px&quot;&gt;&lt;label for=&quot;nvk-cap&quot; id=&quot;nvk-capq&quot;&gt;Sicherheitsfrage *&lt;/label&gt;&lt;input id=&quot;nvk-cap&quot; type=&quot;text&quot; inputmode=&quot;numeric&quot;&gt;&lt;/div&gt;<br /> &lt;input id=&quot;nvk-hp&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; autocomplete=&quot;off&quot; aria-hidden=&quot;true&quot; style=&quot;position:absolute;left:-9999px;width:1px&quot;&gt;<br /> &lt;label class=&quot;nvk-o&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;nvk-dsgvo&quot;&gt; Ich stimme zu, dass meine Angaben zur Bearbeitung der Anfrage per E-Mail verarbeitet werden. *&lt;/label&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-send&quot;&gt;Anfrage senden&lt;/button&gt;<br /> &lt;div id=&quot;nvk-status&quot; class=&quot;nvk-note&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;<br /> &lt;/fieldset&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> var SEND_URL = &quot;https://xtrons.ibus-app.de/send-anfrage.php&quot;;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* Bilder aus dem Wiki (Thumbnail-Adressen; Klick öffnet automatisch das Originalbild) */<br /> var IM = &quot;https://xtrons.ibus-app.de/images/thumb/&quot;;<br /> var P = {<br /> schema: IM + &quot;e/ea/BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png/135px-BMW_E39_Verl%C3%A4ngerungen_EXL005%2BFAKRA_.png&quot;,<br /> exl005: IM + &quot;7/70/Exl005-1.webp/257px-Exl005-1.webp.png&quot;,<br /> fakra6m: IM + &quot;d/d8/FM-extension_01_1.png/270px-FM-extension_01_1.png&quot;,<br /> isofakra: IM + &quot;4/4e/ISO-FAKRA_1.png/270px-ISO-FAKRA_1.png&quot;,<br /> bm24: IM + &quot;8/82/BM24.png/130px-BM24.png&quot;,<br /> iso: IM + &quot;d/dd/Iso.jpg/69px-Iso.jpg&quot;,<br /> bm54: IM + &quot;3/34/BM54.png/135px-BM54.png&quot;,<br /> fakra: IM + &quot;b/b3/Fakra.jpg/100px-Fakra.jpg&quot;,<br /> pfeil: IM + &quot;e/ee/Navi_E46.jpg/239px-Navi_E46.jpg&quot;,<br /> noquad: IM + &quot;6/68/No_elongation.jpg/180px-No_elongation.jpg&quot;,<br /> noexl6: IM + &quot;7/7b/No_EXL006.jpg/180px-No_EXL006.jpg&quot;,<br /> halter: IM + &quot;3/3b/Halter_Alu.webp/92px-Halter_Alu.webp.png&quot;,<br /> funktr: IM + &quot;7/7e/E46_Funktionstraeger.png/240px-E46_Funktionstraeger.png&quot;<br /> };<br /> /* Anfrage-Formular: MAIL_TO = Empfänger. SEND_URL leer = E-Mail-Programm des Kunden öffnen (mailto).<br /> SEND_URL = Adresse des Server-Skripts send-anfrage.php = Versand direkt vom Server (mit CC an den Kunden). */<br /> var MAIL_TO = &quot;info@ibus-app.de&quot;;<br /> var MAIL_SUBJECT = &quot;Anfrage aus Android Radio Konfigurator&quot;;<br /> var SEND_URL = &quot;&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; }<br /> ];<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;] } },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] } },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] } },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] } },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] } },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Wo sitzt das Radiomodul des Pfeilnavis?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] },<br /> help: &quot;Bitte prüfen: Sitzt das Modul im Kofferraum, oder im Pfeilnavi selbst (Quadlock hinten neben dem Antennenstecker)?[br][img=&quot; + P.pfeil + &quot;]&quot;,<br /> values: [<br /> { v: &quot;ja&quot;, t: &quot;Im Kofferraum (Verlängerungen nötig)&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Im Pfeilnavi, Quadlock hinten (keine Verlängerung)&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;x5-e53&quot;, &quot;x3-e83&quot;] } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;3er-e46&quot;, &quot;z4-e85e86&quot;] } },<br /> { v: &quot;logic7&quot;, t: &quot;Logic7&quot;, only: { vehicle: [&quot;3er-e9x&quot;, &quot;5er-e6x&quot;, &quot;6er-e6x&quot;, &quot;7er-e65&quot;, &quot;1er-e8x&quot;] } },<br /> { v: &quot;hksur&quot;, t: &quot;Harman Kardon Surround&quot;, only: { vehicle: [&quot;1er-f2x&quot;, &quot;2er-f2x&quot;, &quot;3er-f3x&quot;, &quot;4er-f3x&quot;, &quot;5er-f1x&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> show: { vehicle: [&quot;7er-e38&quot;, &quot;5er-e39&quot;, &quot;3er-e46&quot;, &quot;x5-e53&quot;] },<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot;, info: &quot;[b]BM24[/b] (Rundpin) = ISO-Antennenstecker:[br][img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;][br][b]BM54[/b] = FAKRA:[br][img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot;, info: &quot;[img=&quot; + P.bm24 + &quot;][img=&quot; + P.iso + &quot;]&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot;, info: &quot;[img=&quot; + P.bm54 + &quot;][img=&quot; + P.fakra + &quot;]&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot;, img: [P.exl005, P.schema] },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;, img: [P.fakra6m],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;, img: [P.isofakra],<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;, img: [P.halter],<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält die Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> w: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, wt: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).[br][img=&quot; + P.noquad + &quot;][img=&quot; + P.noexl6 + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Bei E46 mit Pfeilnavi gibt es zwei Varianten: Radiomodul im Kofferraum = EXL005 und FAKRA-Verlängerung nötig. Radiomodul im Pfeilnavi (Quadlock hinten neben dem Antennenstecker) = keine Verlängerung nötig.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a][br][img=&quot; + P.funktr + &quot;]&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Lichtleiter:[/b] Ggf. vorhandene Lichtleiter (MOST) müssen aus dem BMW-Stecker in den Xtrons-Adapter umgesteckt werden.&quot; },<br /> { type: &quot;hint&quot;, when: { factory: [&quot;mask&quot;, &quot;ccc&quot;, &quot;cic&quot;, &quot;nbt&quot;, &quot;nbtevo&quot;] },<br /> html: &quot;[b]Originales Radiomodul bleibt erhalten:[/b] Bei M-ASK, CCC, CIC, NBT und NBT EVO bleibt das originale Radiomodul im Fahrzeug und muss funktionieren! Ersetzt wird nur der Bildschirm.&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {}, summary = &quot;&quot;, capA = 0, capB = 0;<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function full(u) { return u.indexOf(&quot;/thumb/&quot;) === -1 ? u : u.replace(&quot;/thumb/&quot;, &quot;/&quot;).replace(/\/[^\/]+$/, &quot;&quot;); }<br /> function fmt(t) {<br /> return t.replace(/\[img=([^\x5D]+)\]/g, function (m, u) {<br /> return &quot;\u003Ca href=\&quot;&quot; + full(u) + &quot;\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E\u003Cimg class=\&quot;nvk-img\&quot; src=\&quot;&quot; + u + &quot;\&quot; alt=\&quot;\&quot;\u003E\u003C/a\u003E&quot;;<br /> }).replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.innerHTML = fmt(f.help); wrap.appendChild(h); }<br /> var inf = document.createElement(&quot;div&quot;); inf.id = &quot;nvk-i-&quot; + f.id; wrap.appendChild(inf);<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> var cur = allowed.filter(function (v) { return v.v === sel[f.id]; })[0];<br /> $(&quot;nvk-i-&quot; + f.id).innerHTML = cur ? (cur.info ? fmt(cur.info) : &quot;&quot;) : &quot;&quot;;<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.img) {<br /> var im = document.createElement(&quot;div&quot;);<br /> item.img.forEach(function (u) {<br /> var a = document.createElement(&quot;a&quot;); a.href = full(u); a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> var g = document.createElement(&quot;img&quot;); g.className = &quot;nvk-img&quot;; g.src = u; g.alt = item.t; a.appendChild(g); im.appendChild(a);<br /> });<br /> d.appendChild(im);<br /> }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); $(&quot;nvk-form&quot;).style.display = &quot;none&quot;; return;<br /> }<br /> $(&quot;nvk-form&quot;).style.display = &quot;&quot;;<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var veh = vehicleOf(sel.vehicle);<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> var L = [&quot;KONFIGURATION&quot;];<br /> FIELDS.forEach(function (f) {<br /> if (!sel[f.id]) return;<br /> var v = f.values.filter(function (x) { return x.v === sel[f.id]; })[0];<br /> if (v) L.push(&quot;- &quot; + f.label + &quot;: &quot; + v.t);<br /> });<br /> L.push(&quot;&quot;, &quot;BENÖTIGT&quot;);<br /> needs.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); });<br /> if (opt.length) { L.push(&quot;&quot;, &quot;ZUSATZOPTIONEN&quot;); opt.forEach(function (i) { L.push(&quot;- &quot; + i.t + (i.u ? &quot; &quot; + i.u : &quot;&quot;)); }); }<br /> L.push(&quot;&quot;, &quot;Radios: &quot; + SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;);<br /> summary = L.join(&quot;\n&quot;);<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> function newCaptcha() {<br /> capA = 1 + Math.floor(Math.random() * 9); capB = 1 + Math.floor(Math.random() * 9);<br /> $(&quot;nvk-capq&quot;).textContent = &quot;Sicherheitsfrage: Was ist &quot; + capA + &quot; + &quot; + capB + &quot;? *&quot;; $(&quot;nvk-cap&quot;).value = &quot;&quot;;<br /> }<br /> function status(msg, ok) { var e = $(&quot;nvk-status&quot;); e.style.display = &quot;&quot;; e.textContent = msg; e.style.borderLeftColor = ok ? &quot;#14866d&quot; : &quot;#d33&quot;; }<br /> $(&quot;nvk-send&quot;).addEventListener(&quot;click&quot;, function () {<br /> var name = $(&quot;nvk-name&quot;).value.trim(), mail = $(&quot;nvk-mail&quot;).value.trim(), vin = $(&quot;nvk-vin&quot;).value.trim(), msg = $(&quot;nvk-msg&quot;).value.trim();<br /> if (!name || !mail || !msg) return status(&quot;Bitte Name, E-Mail und Kommentar ausfüllen.&quot;, false);<br /> if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail)) return status(&quot;Bitte eine gültige E-Mail-Adresse eingeben.&quot;, false);<br /> if (vin) { if (!/^[A-HJ-NPR-Za-hj-npr-z0-9]{17}$/.test(vin)) return status(&quot;Die VIN muss 17 Zeichen haben (ohne I, O, Q) - oder das Feld leer lassen.&quot;, false); }<br /> if (parseInt($(&quot;nvk-cap&quot;).value, 10) !== capA + capB) return status(&quot;Die Sicherheitsfrage wurde nicht richtig beantwortet.&quot;, false);<br /> if (!$(&quot;nvk-dsgvo&quot;).checked) return status(&quot;Bitte der Verarbeitung Deiner Daten zustimmen.&quot;, false);<br /> if ($(&quot;nvk-hp&quot;).value) return;<br /> var text = &quot;Name: &quot; + name + &quot;\nE-Mail: &quot; + mail + &quot;\nVIN: &quot; + (vin || &quot;-&quot;) + &quot;\n\nKommentar:\n&quot; + msg + &quot;\n\n&quot; + summary;<br /> if (SEND_URL) {<br /> var p = new URLSearchParams();<br /> p.append(&quot;name&quot;, name); p.append(&quot;mail&quot;, mail); p.append(&quot;vin&quot;, vin); p.append(&quot;msg&quot;, msg); p.append(&quot;summary&quot;, summary);<br /> p.append(&quot;hp&quot;, $(&quot;nvk-hp&quot;).value); p.append(&quot;ca&quot;, capA); p.append(&quot;cb&quot;, capB); p.append(&quot;cv&quot;, $(&quot;nvk-cap&quot;).value);<br /> fetch(SEND_URL, { method: &quot;POST&quot;, body: p }).then(function (r) {<br /> if (!r.ok) throw new Error(&quot;send&quot;);<br /> status(&quot;Danke! Deine Anfrage wurde gesendet, eine Kopie geht an &quot; + mail + &quot;.&quot;, true); newCaptcha();<br /> }).catch(function () { status(&quot;Das Senden hat nicht geklappt. Bitte versuche es später noch einmal oder schreibe direkt an &quot; + MAIL_TO + &quot;.&quot;, false); });<br /> } else {<br /> var AMP = &quot;\u0026&quot;;<br /> window.location.href = &quot;mailto:&quot; + MAIL_TO + &quot;?cc=&quot; + encodeURIComponent(mail) + AMP + &quot;subject=&quot; + encodeURIComponent(MAIL_SUBJECT) + AMP + &quot;body=&quot; + encodeURIComponent(text);<br /> status(&quot;Dein E-Mail-Programm wurde mit der fertigen Anfrage geöffnet. Bitte dort noch auf Senden klicken.&quot;, true);<br /> }<br /> });<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> newCaptcha();<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht&diff=4076 Grobe Kostenübersicht 2026-10-21T09:26:56Z <p>Andre: </p> <hr /> <div>{| class=&quot;wikitable&quot;<br /> |-<br /> ! Pos. !! Bezeichnung !! Preis<br /> |-<br /> | 1 || Radio ([https://xtrons.ibus-app.de/index.php?title=Aktuelle_Xtrons-Radiomodelle Xtrons] oder [https://xtrons.ibus-app.de/index.php?title=Aktuelle_AVIN-Radiomodelle AVIN]) || 360..530€<br /> |-<br /> | 2 || [https://xtrons.ibus-app.de/index.php?title=Adapter_und_Verl%C3%A4ngerungen QuadLock Verlängerung] (nur bei OEM Navi)|| 55€<br /> |-<br /> | 3 || [https://xtrons.ibus-app.de/index.php?title=Adapter_und_Verl%C3%A4ngerungen Antennenverlängerung] (nur bei OEM Navi)|| 17€<br /> |-<br /> | 4 || [https://xtrons.ibus-app.de/index.php?title=Adapter_und_Verl%C3%A4ngerungen GPS-Antennenverlängerung + Adapter] (nur bei OEM Navi - OPTION)&lt;sup&gt;1&lt;/sup&gt;|| 27€<br /> |-<br /> | 5 || [https://shop.ibus-app.de/shop/zubehoer/191/resler-usb-i-bus-modul-inkl.-anschlusskabel Resler Modul] (für App) || 73,95€<br /> |-<br /> | 6 || [https://shop.ibus-app.de/shop/lizenzen/167/i-bus-app-bc-lizenz I-BUS App BC-Lizenz], ODER|| 22,99€<br /> |-<br /> | 7|| [https://shop.ibus-app.de/shop/lizenzen/171/i-bus-app-bc-dsp-lizenz Kombi-Lizenz (BC + DSP)]|| 40,99€<br /> |-<br /> | 8|| [http://xtrons.co.uk/usbdab01-usb-2-0-digital-dab.html DAB+ Stick] || 50€<br /> |-<br /> | 9|| 2x 64GB microSD Speicherkarte || 32€<br /> |-<br /> | 10|| [https://shop.ibus-app.de/shop/zubehoer/185/alu-halter-zur-radio-montage-im-bmw-e39 Alu-Halter zur Radio-Montage im BMW E39] ('''nur BMW E39''') || 24,99€<br /> |-<br /> | 11|| [https://shop.ibus-app.de/detail/index/sArticle/258 Deep OBD Bluetooth Interface] || 31,99€<br /> |}<br /> <br /> '''Minimalversion: ~ 457,00€'''<br /> (CD-/Kasetten-Radio vorn, kein DSP, kein DAB+) [Pos.: 1/5/6]<br /> <br /> '''Maximalversion: ~ 872,00€'''<br /> (OEM-Navi, DSP, DAB+) [Pos.: 1-10]<br /> <br /> &lt;sup&gt;1&lt;/sup&gt;nur wenn die OEM-GPS genutzt werden soll&lt;br /&gt;<br /> &lt;small&gt;(Preise Stand 21.10.2026)&lt;/small&gt;&lt;br /&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht&diff=4075 Grobe Kostenübersicht 2026-10-21T09:26:39Z <p>Andre: </p> <hr /> <div>{| class=&quot;wikitable&quot;<br /> |-<br /> ! Pos. !! Bezeichnung !! Preis<br /> |-<br /> | 1 || Radio ([https://xtrons.ibus-app.de/index.php?title=Aktuelle_Xtrons-Radiomodelle Xtrons] oder [https://xtrons.ibus-app.de/index.php?title=Aktuelle_AVIN-Radiomodelle AVIN]) || 360..530€<br /> |-<br /> | 2 || [https://xtrons.ibus-app.de/index.php?title=Adapter_und_Verl%C3%A4ngerungen QuadLock Verlängerung] (nur bei OEM Navi)|| 55€<br /> |-<br /> | 3 || [https://xtrons.ibus-app.de/index.php?title=Adapter_und_Verl%C3%A4ngerungen Antennenverlängerung] (nur bei OEM Navi)|| 17€<br /> |-<br /> | 4 || [https://xtrons.ibus-app.de/index.php?title=Adapter_und_Verl%C3%A4ngerungen GPS-Antennenverlängerung + Adapter] (nur bei OEM Navi - OPTION)&lt;sup&gt;1&lt;/sup&gt;|| 27€<br /> |-<br /> | 5 || [https://shop.ibus-app.de/shop/zubehoer/191/resler-usb-i-bus-modul-inkl.-anschlusskabel Resler Modul] (für App) || 73,95€<br /> |-<br /> | 6 || [https://shop.ibus-app.de/shop/lizenzen/167/i-bus-app-bc-lizenz I-BUS App BC-Lizenz], ODER|| 22,99€<br /> |-<br /> | 7|| [https://shop.ibus-app.de/shop/lizenzen/171/i-bus-app-bc-dsp-lizenz Kombi-Lizenz (BC + DSP)]|| 40,99€<br /> |-<br /> | 8|| [http://xtrons.co.uk/usbdab01-usb-2-0-digital-dab.html DAB+ Stick] || 50€<br /> |-<br /> | 9|| 2x 64GB microSD Speicherkarte || 32€<br /> |-<br /> | 10|| [https://shop.ibus-app.de/shop/zubehoer/185/alu-halter-zur-radio-montage-im-bmw-e39 Alu-Halter zur Radio-Montage im BMW E39] ('''nur BMW E39''') || 24,99€<br /> |-<br /> | 11|| [https://shop.ibus-app.de/detail/index/sArticle/258 Deep OBD Bluetooth Interface] || 31,99€<br /> |}<br /> <br /> '''Minimalversion: ~ 457,00€'''<br /> (CD-/Kasetten-Radio vorn, kein DSP, kein DAB+) [Pos.: 1/5/6]<br /> <br /> '''Maximalversion: ~ 872,00€'''<br /> (OEM-Navi, DSP, DAB+) [Pos.: 1-10]<br /> <br /> &lt;sup&gt;1&lt;/sup&gt;nur wenn die OEM-GPS genutzt werden soll&lt;br /&gt;<br /> &lt;small&gt;(Preise Stand 10.08.2022)&lt;/small&gt;&lt;br /&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4074 Android Radio Konfigurator 2026-10-21T09:10:29Z <p>Andre: </p> <hr /> <div>&lt;html&gt;&lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#d9400b}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; }<br /> ];<br /> var DSPV = [&quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;,&quot;x3-e83&quot;];<br /> function allIds() { return VEHICLES.map(function (x) { return x.v; }); }<br /> var HKV = allIds().filter(function (v) { return DSPV.indexOf(v) === -1; });<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { gen: [&quot;alt&quot;] } },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] } },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] } },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] } },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] } },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Befindet sich im Kofferraum ein Radiomodul?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja, Radio-/Navimodul im Kofferraum&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Nein, Anschlüsse nur hinter dem Radio&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: DSPV } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: HKV } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> help: &quot;BM24 (Rundpin) = ISO-Antennenstecker, ggf. Adapter nötig. BM54 = FAKRA, kein Adapter nötig.&quot;,<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin (OG))&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54, Flachpin (Quadlock))&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot; },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;,<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;,<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält die Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> w: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, wt: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Manche E46 mit Pfeilnavi (vermutlich Vorfacelift) haben das Radio hinten und benötigen dann EXL005 und FAKRA-Verlängerung.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a]&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {};<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function fmt(t) {<br /> return t.replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.textContent = f.help; wrap.appendChild(h); }<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); return;<br /> }<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var veh = vehicleOf(sel.vehicle);<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4073 Android Radio Konfigurator 2026-10-21T08:11:43Z <p>Andre: </p> <hr /> <div>&lt;html&gt;&lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk .nvk-help{font-size:.85em;opacity:.75;margin-top:3px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card.rad{border-left-color:#d9400b}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-links{margin-top:4px;font-weight:600}<br /> #nvk .nvk-links a{margin-right:14px}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION - hier wird gepflegt.<br /> Textformat in Hinweisen: [b]fett[/b] [br] Zeilenumbruch [a=URL]Linktext[/a]<br /> Bitte im Skript KEIN kaufmännisches Und, kein Kleiner-/Größer-Zeichen<br /> und keine Leerzeilen verwenden (das Wiki wandelt sie um).<br /> ===================================================================== */<br /> var SHOP = &quot;https://shop.ibus-app.de/&quot;;<br /> var WIKI = &quot;https://wiki.ibus-app.de/index.php?title=&quot;;<br /> /* ---- 1) Baureihen --------------------------------------------------------<br /> v = Shop-Kategorie (Link: SHOP + bmw-radios/ + v + /)<br /> gen: alt = I-BUS-Fahrzeuge (E38/E39/E46/E53/E83)<br /> b = M-ASK / CCC / CIC c = CIC / NBT / NBT EVO<br /> body = Karosserieformen (siehe BODY) */<br /> var BODY = { limo: &quot;Limousine&quot;, touring: &quot;Touring&quot;, coupe: &quot;Coupé&quot;, cabrio: &quot;Cabrio&quot;, schraeg: &quot;Schrägheck&quot;,<br /> compact: &quot;Compact&quot;, gt: &quot;Gran Turismo&quot;, gc: &quot;Gran Coupé&quot;, suv: &quot;SUV / SAV&quot;, roadster: &quot;Roadster&quot; };<br /> var VEHICLES = [<br /> { v: &quot;1er-e8x&quot;, t: &quot;1er E8x&quot;, gen: &quot;b&quot;, body: &quot;schraeg,coupe,cabrio&quot; },<br /> { v: &quot;1er-f2x&quot;, t: &quot;1er F2x&quot;, gen: &quot;c&quot;, body: &quot;schraeg&quot; },<br /> { v: &quot;2er-f2x&quot;, t: &quot;2er F2x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;3er-e46&quot;, t: &quot;3er E46&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring,coupe,cabrio,compact&quot; },<br /> { v: &quot;3er-e9x&quot;, t: &quot;3er E9x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring,coupe,cabrio&quot; },<br /> { v: &quot;3er-f3x&quot;, t: &quot;3er F3x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;4er-f3x&quot;, t: &quot;4er F3x&quot;, gen: &quot;c&quot;, body: &quot;coupe,cabrio,gc&quot; },<br /> { v: &quot;5er-e39&quot;, t: &quot;5er E39&quot;, gen: &quot;alt&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-e6x&quot;, t: &quot;5er E6x&quot;, gen: &quot;b&quot;, body: &quot;limo,touring&quot; },<br /> { v: &quot;5er-f1x&quot;, t: &quot;5er F1x&quot;, gen: &quot;c&quot;, body: &quot;limo,touring,gt&quot; },<br /> { v: &quot;6er-e6x&quot;, t: &quot;6er E6x&quot;, gen: &quot;b&quot;, body: &quot;coupe,cabrio&quot; },<br /> { v: &quot;7er-e38&quot;, t: &quot;7er E38&quot;, gen: &quot;alt&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-e65&quot;, t: &quot;7er E65&quot;, gen: &quot;b&quot;, body: &quot;limo&quot; },<br /> { v: &quot;7er-f01&quot;, t: &quot;7er F01&quot;, gen: &quot;c&quot;, body: &quot;limo&quot; },<br /> { v: &quot;x1-e84&quot;, t: &quot;X1 E84&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x1-f48&quot;, t: &quot;X1 F48&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-e83&quot;, t: &quot;X3 E83&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x3-f25&quot;, t: &quot;X3 F25&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e53&quot;, t: &quot;X5 E53&quot;, gen: &quot;alt&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-e70&quot;, t: &quot;X5 E70&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x5-f15&quot;, t: &quot;X5 F15&quot;, gen: &quot;c&quot;, body: &quot;suv&quot; },<br /> { v: &quot;x6-e71&quot;, t: &quot;X6 E71&quot;, gen: &quot;b&quot;, body: &quot;suv&quot; },<br /> { v: &quot;z4-e85e86&quot;, t: &quot;Z4 E85/E86&quot;, gen: &quot;b&quot;, body: &quot;roadster,coupe&quot; }<br /> ];<br /> var DSPV = [&quot;5er-e39&quot;, &quot;7er-e38&quot;, &quot;x5-e53&quot;];<br /> function allIds() { return VEHICLES.map(function (x) { return x.v; }); }<br /> var HKV = allIds().filter(function (v) { return DSPV.indexOf(v) === -1; });<br /> var bodyValues = Object.keys(BODY).map(function (k) {<br /> return { v: k, t: BODY[k], only: { vehicle: VEHICLES.filter(function (x) { return x.body.split(&quot;,&quot;).indexOf(k) !== -1; }).map(function (x) { return x.v; }) } };<br /> });<br /> /* ---- 2) Auswahlfelder ------------------------------------------------------<br /> only = Wert nur anbieten, wenn Bedingung passt show = Feld nur dann zeigen<br /> optional = muss nicht gewählt werden auto = bei nur einem Wert vorwählen */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: VEHICLES.map(function (x) { return { v: x.v, t: &quot;BMW &quot; + x.t }; }) },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot;, only: { gen: [&quot;alt&quot;] } },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot;, only: { gen: [&quot;alt&quot;] } },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;5er-e39&quot;, &quot;7er-e38&quot;] } },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot;, only: { gen: [&quot;alt&quot;] } },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;3er-e46&quot;] } },<br /> { v: &quot;mask&quot;, t: &quot;M-ASK&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;ccc&quot;, t: &quot;CCC&quot;, only: { gen: [&quot;b&quot;] } },<br /> { v: &quot;cic&quot;, t: &quot;CIC&quot;, only: { gen: [&quot;b&quot;, &quot;c&quot;] } },<br /> { v: &quot;nbt&quot;, t: &quot;NBT&quot;, only: { gen: [&quot;c&quot;] } },<br /> { v: &quot;nbtevo&quot;, t: &quot;NBT EVO&quot;, only: { gen: [&quot;c&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Befindet sich im Kofferraum ein Radiomodul?&quot;, optional: true, show: { factory: [&quot;pfeil&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja, Radio-/Navimodul im Kofferraum&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Nein, Anschlüsse nur hinter dem Radio&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;aux&quot;, label: &quot;AUX-IN verfügbar?&quot;, show: { gen: [&quot;b&quot;, &quot;c&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja&quot; }, { v: &quot;nein&quot;, t: &quot;Nein&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: DSPV } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: HKV } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, auto: true, values: bodyValues },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;,<br /> help: &quot;BM24 (Rundpin) = ISO-Antennenstecker, ggf. Adapter nötig. BM54 = FAKRA, kein Adapter nötig.&quot;,<br /> values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (BM24, Rundpin)&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (BM54)&quot; } ] }<br /> ];<br /> /* ---- 3) Zusatzoptionen (Mehrfachauswahl) ---------------------------------<br /> show = nur sichtbar wenn Bedingung passt requires = nur sichtbar wenn diese Optionen gewählt sind<br /> excl = Optionen derselben Gruppe schließen sich aus items = Artikel aus ITEMS */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;5er-e39&quot;] }, items: [&quot;halter&quot;] },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, show: { gen: [&quot;alt&quot;] }, items: [&quot;ibus&quot;, &quot;resler&quot;, &quot;bclic&quot;] },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, items: [&quot;deepobd&quot;] },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon - nur mit I-BUS App&quot;, requires: [&quot;ibus&quot;], items: [&quot;can&quot;] },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, items: [&quot;tpms&quot;] },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab1&quot;] },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, items: [&quot;dab2&quot;] },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, items: [&quot;rcam&quot;] },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, items: [&quot;fcam&quot;] },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, items: [&quot;tool&quot;] }<br /> ];<br /> /* Erzwungene Optionen (werden automatisch gesetzt und gesperrt) */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 4) Artikel ------------------------------------------------------------<br /> u = Shop-Link (ut = Linktext) w = Wiki-Link (wt = Linktext) leer = kein Link<br /> skipIf = Artikel entfällt, wenn der genannte Artikel schon in der Liste steht */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum.&quot;, u: SHOP + &quot;detail/index/sArticle/212/&quot; },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;,<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig bei ISO-Antennenstecker (BM24, Rundpin).&quot;,<br /> u: SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> bcdsp: { t: &quot;I-BUS App - BC+DSP Lizenz&quot;, d: &quot;Ohne DSP-Lizenz arbeitet das Werks-DSP nicht.&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/171/i-bus-app-bc-dsp-lizenz&quot; },<br /> halter: { t: &quot;Alu-Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/radiohalter/185/alu-halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält die Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: SHOP + &quot;cat/index/sCategory/42&quot;,<br /> w: WIKI + &quot;Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F&quot;, wt: &quot;Wiki: Was brauche ich für die I-BUS App?&quot; },<br /> resler: { t: &quot;Resler USB I-BUS Modul inkl. Anschlusskabel&quot;, d: &quot;Verbindet I-BUS App und Fahrzeug.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/191/resler-usb-i-bus-modul-inkl.-anschlusskabel&quot;,<br /> w: &quot;https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface&quot;, wt: &quot;Einbauanleitung Resler Modul&quot; },<br /> bclic: { t: &quot;I-BUS App - BC Lizenz&quot;, d: &quot;Schaltet u. a. die BC-Daten der App frei.&quot;, skipIf: &quot;bcdsp&quot;,<br /> u: SHOP + &quot;i-bus-app/lizenzen/167/i-bus-app-bc-lizenz&quot; },<br /> deepobd: { t: &quot;Deep OBD OBD-II Bluetooth-Adapter&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/258/deep-obd-obd-ii-bluetooth-adapter?c=54&quot;,<br /> w: &quot;https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&quot;, wt: &quot;Wiki: DeepOBD einrichten&quot; },<br /> can: { t: &quot;CAN-Bus Interface inkl. Anschlusskabel&quot;, d: &quot;Addon, funktioniert nur zusammen mit der I-BUS App.&quot;,<br /> u: SHOP + &quot;i-bus-app/zubehoer/interfaces-module/346/can-bus-interface-inkl.-anschlusskabel&quot;,<br /> w: WIKI + &quot;Einbauanleitung_CAN-Bus_Interface&quot;, wt: &quot;Einbauanleitung CAN-Bus Interface&quot; },<br /> tpms: { t: &quot;TPMS - Reifendruckkontrolle&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/tpms/&quot; },<br /> dab1: { t: &quot;DAB+ Empfänger inkl. Antenne (Single)&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/dab/291/dab-empfaenger-inkl.-antenne-usbdab04&quot; },<br /> dab2: { t: &quot;Dual DAB+ Empfänger-Stick inkl. 2 Antennen&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/dab/391/dual-dab-empfaenger-stick-inkl.-2-antennen-acusbdab05t?c=75&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: SHOP + &quot;radiozubehoer/kameras/&quot;, ut: &quot;Kameras im Shop ansehen →&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: SHOP + &quot;radiozubehoer/einbauwerkzeug/&quot; }<br /> };<br /> /* ---- 5) Regeln --------------------------------------------------------------<br /> type: need (Das brauchst Du) oder hint (Hinweise) when = Bedingung auf die Felder<br /> opts = diese Zusatzoptionen müssen gewählt sein items = Artikel html = Text<br /> Abgeleitete Werte: gen (alt/b/c) und module (ja/nein/unk = Radiomodul im Kofferraum, nur gen alt) */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;[b]Verlängerungen prüfen:[/b] Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. [b]Ungeeignet[/b] sind die Standard-Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung und die EXL006 (kein BUS-Signal).&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Die Technik sitzt im Kofferraum. Mindestens Radioanschluss und FM-Antenne müssen nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;[b]Kabelwege:[/b] Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen [b]keine[/b] Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;[b]Bitte prüfen:[/b] Schau nach, ob im Kofferraum ein Radiomodul sitzt. Manche E46 mit Pfeilnavi (vermutlich Vorfacelift) haben das Radio hinten und benötigen dann EXL005 und FAKRA-Verlängerung.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;[b]Antennenstecker:[/b] [b]BM24[/b] (Rundpin) = ISO-Antennenstecker, ggf. wird der [a=&quot; + SHOP + &quot;shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm]Adapter ISO auf FAKRA[/a] nötig. [b]BM54[/b] = FAKRA, kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;bcdsp&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;[b]DSP:[/b] Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit BC+DSP Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;], gen: [&quot;alt&quot;] },<br /> html: &quot;[b]Harman Kardon:[/b] Benötigt [b]keine[/b] DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { aux: [&quot;nein&quot;] },<br /> html: &quot;[b]AUX-IN:[/b] Der AUX-IN muss codiert werden. Optional kann ein FM-Transmitter genutzt werden - das ist nicht empfohlen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;7er-e38&quot;, &quot;x5-e53&quot;] },<br /> html: &quot;[b]Montage:[/b] Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;5er-e39&quot;] },<br /> html: &quot;[b]Montage:[/b] Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: [a=https://xtrons.ibus-app.de/index.php?title=Montageanleitungen]Montageanleitungen[/a].&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;3er-e46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;[b]Montage E46 ohne großes Navi:[/b] Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden [b]Funktionsträger[/b] (neu ca. 100 €, ggf. beim Teileverwerter günstiger):[br]&quot; +<br /> &quot;Einzelschalter (eher VFL): [a=https://www.leebmann24.de/trager-3er-51168202186.html]ohne Raucher 51168202186[/a] / [a=https://www.leebmann24.de/trager-3er-51168230902.html]mit Raucher 51168230902[/a][br]&quot; +<br /> &quot;Schaltzentrum (eher FL): [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html]ohne Raucher 51167001408[/a] / [a=https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html]mit Raucher 51167001410[/a]&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;[b]I-BUS App:[/b] Siehe [a=https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F]Was brauche ich, um die I-BUS App nutzen zu können?[/a] und die [a=https://wiki.ibus-app.de/index.php?title=Hauptseite#Einbauanleitung_f.C3.BCr_Resler_Modul_und_Resler_Interface]Einbauanleitung für Resler Modul und Interface[/a].&quot; },<br /> { type: &quot;hint&quot;, when: {},<br /> html: &quot;[b]Wichtig:[/b] Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? [a=https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F]Entscheidungshilfe AVIN oder XTRONS[/a] - Kosten: [a=https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht]Grobe Kostenübersicht[/a].&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {};<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function fmt(t) {<br /> return t.replace(/\[b\]/g, &quot;\u003Cb\u003E&quot;).replace(/\[\/b\]/g, &quot;\u003C/b\u003E&quot;).replace(/\[br\]/g, &quot;\u003Cbr\u003E&quot;)<br /> .replace(/\[a=([^\x5D]+)\]/g, &quot;\u003Ca href=\&quot;$1\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;\u003E&quot;).replace(/\[\/a\]/g, &quot;\u003C/a\u003E&quot;);<br /> }<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function vehicleOf(id) { return VEHICLES.filter(function (x) { return x.v === id; })[0]; }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> var veh = vehicleOf(sel.vehicle);<br /> if (veh) s.gen = veh.gen;<br /> if (s.gen === &quot;alt&quot;) {<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> }<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s);<br /> if (f.help) { var h = document.createElement(&quot;div&quot;); h.className = &quot;nvk-help&quot;; h.textContent = f.help; wrap.appendChild(h); }<br /> fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> FIELDS.forEach(function (f) {<br /> var s = derive();<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = f.show ? match(f.show, s, false) : true;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id]) { if (!allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;; }<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> if (!sel[f.id]) { if (f.auto) { if (sel.vehicle) { if (allowed.length === 1) sel[f.id] = allowed[0].v; } } }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> lab.appendChild(document.createTextNode(&quot; &quot; + o.t));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; - &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function link(url, text) {<br /> var a = document.createElement(&quot;a&quot;); a.href = url; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;; a.textContent = text; return a;<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.u || item.w) {<br /> var l = document.createElement(&quot;div&quot;); l.className = &quot;nvk-links&quot;;<br /> if (item.u) l.appendChild(link(item.u, item.ut || &quot;Im Shop ansehen →&quot;));<br /> if (item.w) l.appendChild(link(item.w, (item.wt || &quot;Zum Wiki&quot;) + &quot; →&quot;));<br /> d.appendChild(l);<br /> }<br /> return d;<br /> }<br /> function heading(txt) { var h = document.createElement(&quot;h3&quot;); h.textContent = txt; outEl.appendChild(h); }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var missing = FIELDS.filter(function (f) {<br /> var w = $(&quot;nvk-w-&quot; + f.id);<br /> return w.style.display !== &quot;none&quot; ? (!f.optional ? !sel[f.id] : false) : false;<br /> });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (f) { return f.label; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); return;<br /> }<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> heading(&quot;Das brauchst Du&quot;);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) {<br /> if (!st.on[o.id]) return;<br /> if (!optVisible(o, s, st.on)) return;<br /> o.items.forEach(function (id) {<br /> if (seen[id]) return;<br /> var sk = ITEMS[id].skipIf;<br /> if (sk) { if (seen[sk]) return; }<br /> seen[id] = 1; opt.push(ITEMS[id]);<br /> });<br /> });<br /> if (opt.length) { heading(&quot;Deine Zusatzoptionen&quot;); opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); }); }<br /> if (hints.length) {<br /> heading(&quot;Hinweise&quot;);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = fmt(t); outEl.appendChild(d); });<br /> }<br /> var veh = vehicleOf(sel.vehicle);<br /> heading(&quot;Passende Radios&quot;);<br /> outEl.appendChild(card({ t: &quot;BMW Radios für &quot; + veh.t, d: &quot;Alle Radios, die für Deinen BMW &quot; + veh.t + &quot; im Shop erhältlich sind.&quot;,<br /> u: SHOP + &quot;bmw-radios/&quot; + veh.v + &quot;/&quot;, ut: &quot;Zu den passenden Radios →&quot;, w: SHOP + &quot;bmw-radios/&quot;, wt: &quot;Alle BMW Radios&quot; }, &quot;rad&quot;));<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4072 Android Radio Konfigurator 2026-10-21T07:56:04Z <p>Andre: </p> <hr /> <div>&lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label,#nvk .nvk-h{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-card a.nvk-shop{display:inline-block;margin-top:4px;font-weight:600}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION – hier wird gepflegt. Kein weiterer Code nötig.<br /> ===================================================================== */<br /> /* ---- 1) Auswahlfelder -------------------------------------------------<br /> v = interner Wert, t = Anzeigetext,<br /> only = Wert nur anbieten, wenn Bedingung passt (z. B. nur bestimmte Fahrzeuge)<br /> show = ganzes Feld nur zeigen, wenn Bedingung passt */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: [<br /> { v: &quot;E38&quot;, t: &quot;BMW E38&quot; }, { v: &quot;E39&quot;, t: &quot;BMW E39&quot; }, { v: &quot;E46&quot;, t: &quot;BMW E46&quot; },<br /> { v: &quot;E53&quot;, t: &quot;BMW E53&quot; }, { v: &quot;E83&quot;, t: &quot;BMW E83&quot; } ] },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;] } },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;E46&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Befindet sich im Kofferraum ein Radiomodul?&quot;,<br /> show: { factory: [&quot;pfeil&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja, Radio-/Navimodul im Kofferraum&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Nein, Anschlüsse nur hinter dem Radio&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E53&quot;] } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;E46&quot;, &quot;E83&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, values: [<br /> { v: &quot;limo&quot;, t: &quot;Limousine&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;touring&quot;, t: &quot;Touring&quot;, only: { vehicle: [&quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;coupe&quot;, t: &quot;Coupé&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;cabrio&quot;, t: &quot;Cabrio&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;suv&quot;, t: &quot;SUV&quot;, only: { vehicle: [&quot;E53&quot;, &quot;E83&quot;] } } ] },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;, values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (rund, „BM24“)&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (eckig, „BM54“)&quot; } ] }<br /> ];<br /> /* ---- 2) Zusatzoptionen (Mehrfachauswahl) -----------------------------<br /> show = Option nur sichtbar, wenn Bedingung passt<br /> requires = Option nur sichtbar, wenn diese anderen Optionen gewählt sind<br /> excl = Optionen mit gleicher excl-Gruppe schließen sich gegenseitig aus<br /> item = Eintrag in ITEMS, der in der Liste erscheint */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;E39&quot;] }, item: &quot;halter&quot; },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, item: &quot;ibus&quot; },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, item: &quot;deepobd&quot; },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon – nur mit I-BUS App&quot;, requires: [&quot;ibus&quot;], item: &quot;can&quot; },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, item: &quot;tpms&quot; },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab1&quot; },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab2&quot; },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, item: &quot;rcam&quot; },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, item: &quot;fcam&quot; },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, item: &quot;tool&quot; }<br /> ];<br /> /* Wird eine Option durch eine Auswahl erzwungen, wird sie automatisch gesetzt. */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 3) Artikel/Produkte ---------------------------------------------<br /> u = Link in den Shop (leer lassen = Eintrag ohne Link) */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum (Bus-/Stromanschluss nach vorn).&quot;,<br /> u: &quot;https://shop.ibus-app.de/detail/index/sArticle/212/&quot; },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig, wenn das Fahrzeug einen ISO-Antennenstecker hat.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> dsplic: { t: &quot;DSP-Lizenz für die I-BUS App&quot;, d: &quot;Ohne diese Lizenz arbeitet das Werks-DSP nicht.&quot;, u: &quot;&quot; },<br /> halter: { t: &quot;Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/182/halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: &quot;http://www.ibus-app.de&quot; },<br /> deepobd: { t: &quot;DeepOBD (Diagnose)&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, u: &quot;&quot; },<br /> can: { t: &quot;CAN Interface (Addon zur I-BUS App)&quot;, d: &quot;Funktioniert nur zusammen mit der I-BUS App.&quot;, u: &quot;&quot; },<br /> tpms: { t: &quot;TPMS – Reifendruckanzeige&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/tyre-pressure-monitoring-system-tpms01&quot; },<br /> dab1: { t: &quot;DAB+ Single Receiver&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/dab-tuner-usbdab01&quot; },<br /> dab2: { t: &quot;DAB+ Dual Receiver&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: &quot;&quot; }<br /> };<br /> /* ---- 4) Regeln --------------------------------------------------------<br /> type = &quot;need&quot; (Das brauchst Du) | &quot;hint&quot; (Hinweise)<br /> when = Bedingung auf die Auswahlfelder (alle Schlüssel müssen passen)<br /> opts = (optional) diese Zusatzoptionen müssen gewählt sein<br /> items = Artikel aus ITEMS html = Hinweistext (HTML erlaubt)<br /> Abgeleiteter Wert &quot;module&quot;: ja = Radiomodul im Kofferraum, nein = nicht, unk = unklar */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;\u003Cb\u003EVerlängerungen prüfen:\u003C/b\u003E Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. \u003Cb\u003EUngeeignet\u003C/b\u003E sind die Standard-„Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung“ und die „EXL006“ (kein BUS-Signal).&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;\u003Cb\u003EKabelwege:\u003C/b\u003E Die Technik sitzt im Kofferraum. Es müssen mindestens Kabel für Radioanschluss und FM-Antenne nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;\u003Cb\u003EKabelwege:\u003C/b\u003E Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen \u003Cb\u003Ekeine\u003C/b\u003E Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;\u003Cb\u003EBitte prüfen:\u003C/b\u003E Schau nach, ob im Kofferraum ein Radiomodul sitzt. Manche E46 mit Pfeilnavi (vermutlich Vorfacelift) haben das Radio hinten und benötigen dann EXL005 + FAKRA-Verlängerung.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;\u003Cb\u003EAntennenstecker:\u003C/b\u003E Hat Dein Fahrzeug einen ISO-Antennenstecker, brauchst Du zusätzlich den \u003Ca href='https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm'\u003EAdapter ISO auf FAKRA\u003C/a\u003E. Bei FAKRA ist kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;dsplic&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;\u003Cb\u003EDSP:\u003C/b\u003E Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit DSP-Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;] },<br /> html: &quot;\u003Cb\u003EHarman Kardon:\u003C/b\u003E Benötigt \u003Cb\u003Ekeine\u003C/b\u003E DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E38&quot;, &quot;E53&quot;] },<br /> html: &quot;\u003Cb\u003EMontage:\u003C/b\u003E Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E39&quot;] },<br /> html: &quot;\u003Cb\u003EMontage:\u003C/b\u003E Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: \u003Ca href='https://xtrons.ibus-app.de/index.php?title=Montageanleitungen'\u003EMontageanleitungen\u003C/a\u003E.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;\u003Cb\u003EMontage E46 ohne großes Navi:\u003C/b\u003E Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden \u003Cb\u003EFunktionsträger\u003C/b\u003E (neu ca. 100 €, ggf. beim Teileverwerter günstiger):\u003Cbr\u003E&quot; +<br /> &quot;Einzelschalter (eher VFL): \u003Ca href='https://www.leebmann24.de/trager-3er-51168202186.html'\u003Eohne Raucher 51168202186\u003C/a\u003E / \u003Ca href='https://www.leebmann24.de/trager-3er-51168230902.html'\u003Emit Raucher 51168230902\u003C/a\u003E\u003Cbr\u003E&quot; +<br /> &quot;Schaltzentrum (eher FL): \u003Ca href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html'\u003Eohne Raucher 51167001408\u003C/a\u003E / \u003Ca href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html'\u003Emit Raucher 51167001410\u003C/a\u003E&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;\u003Cb\u003EI-BUS App:\u003C/b\u003E Siehe \u003Ca href='https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F'\u003EWas brauche ich, um die I-BUS App nutzen zu können?\u003C/a\u003E und die \u003Ca href='https://wiki.ibus-app.de/index.php?title=Einbauanleitung_f%C3%BCr_Resler_Modul_und_Resler_Interface'\u003EEinbauanleitung für Resler Modul und Interface\u003C/a\u003E.&quot; },<br /> { type: &quot;hint&quot;, when: {}, opts: [],<br /> html: &quot;\u003Cb\u003EWichtig:\u003C/b\u003E Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? → \u003Ca href='https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F'\u003EEntscheidungshilfe AVIN oder XTRONS\u003C/a\u003E, Kosten → \u003Ca href='https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht'\u003EGrobe Kostenübersicht\u003C/a\u003E.&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {};<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> /* Felder aufbauen */<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s); fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> var s = derive();<br /> FIELDS.forEach(function (f) {<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = match(f.show, s, false) || !f.show;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id] ? !allowed.some(function (v) { return v.v === sel[f.id]; }) : false) sel[f.id] = &quot;&quot;;<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> /* Gruppen-Ausschluss und nicht mehr sichtbare Optionen bereinigen */<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> var txt = &quot; &quot; + o.t;<br /> lab.appendChild(document.createTextNode(txt));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; – &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.u) {<br /> var a = document.createElement(&quot;a&quot;); a.className = &quot;nvk-shop&quot;; a.href = item.u; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> a.textContent = &quot;Im Shop ansehen →&quot;; d.appendChild(a);<br /> }<br /> return d;<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var required = [&quot;vehicle&quot;, &quot;factory&quot;, &quot;sound&quot;, &quot;current&quot;, &quot;body&quot;];<br /> var names = { vehicle: &quot;Fahrzeug&quot;, factory: &quot;Verbaut ab Werk&quot;, sound: &quot;Soundsystem&quot;, current: &quot;Aktuell verbaut&quot;, body: &quot;Karosserie&quot; };<br /> var missing = required.filter(function (k) { return !sel[k]; });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (k) { return names[k]; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); return;<br /> }<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> var h = document.createElement(&quot;h3&quot;); h.textContent = &quot;Das brauchst Du&quot;; outEl.appendChild(h);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) { if (st.on[o.id]) { if (optVisible(o, s, st.on)) { if (!seen[o.item]) opt.push(ITEMS[o.item]); } } });<br /> if (opt.length) {<br /> var h2 = document.createElement(&quot;h3&quot;); h2.textContent = &quot;Deine Zusatzoptionen&quot;; outEl.appendChild(h2);<br /> opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); });<br /> }<br /> if (hints.length) {<br /> var h3 = document.createElement(&quot;h3&quot;); h3.textContent = &quot;Hinweise&quot;; outEl.appendChild(h3);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = t; outEl.appendChild(d); });<br /> }<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4071 Android Radio Konfigurator 2026-10-21T07:55:54Z <p>Andre: </p> <hr /> <div>&lt;html&gt;&lt;script&gt;document.write(&quot;JS läuft&quot;);&lt;/script&gt;&lt;/html&gt;<br /> <br /> &lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label,#nvk .nvk-h{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-card a.nvk-shop{display:inline-block;margin-top:4px;font-weight:600}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> &lt;/style&gt;<br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> /* =====================================================================<br /> KONFIGURATION – hier wird gepflegt. Kein weiterer Code nötig.<br /> ===================================================================== */<br /> /* ---- 1) Auswahlfelder -------------------------------------------------<br /> v = interner Wert, t = Anzeigetext,<br /> only = Wert nur anbieten, wenn Bedingung passt (z. B. nur bestimmte Fahrzeuge)<br /> show = ganzes Feld nur zeigen, wenn Bedingung passt */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: [<br /> { v: &quot;E38&quot;, t: &quot;BMW E38&quot; }, { v: &quot;E39&quot;, t: &quot;BMW E39&quot; }, { v: &quot;E46&quot;, t: &quot;BMW E46&quot; },<br /> { v: &quot;E53&quot;, t: &quot;BMW E53&quot; }, { v: &quot;E83&quot;, t: &quot;BMW E83&quot; } ] },<br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;] } },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;E46&quot;] } } ] },<br /> { id: &quot;trunk&quot;, label: &quot;Befindet sich im Kofferraum ein Radiomodul?&quot;,<br /> show: { factory: [&quot;pfeil&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja, Radio-/Navimodul im Kofferraum&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Nein, Anschlüsse nur hinter dem Radio&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E53&quot;] } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;E46&quot;, &quot;E83&quot;] } } ] },<br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, values: [<br /> { v: &quot;limo&quot;, t: &quot;Limousine&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;touring&quot;, t: &quot;Touring&quot;, only: { vehicle: [&quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;coupe&quot;, t: &quot;Coupé&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;cabrio&quot;, t: &quot;Cabrio&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;suv&quot;, t: &quot;SUV&quot;, only: { vehicle: [&quot;E53&quot;, &quot;E83&quot;] } } ] },<br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;, values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (rund, „BM24“)&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (eckig, „BM54“)&quot; } ] }<br /> ];<br /> /* ---- 2) Zusatzoptionen (Mehrfachauswahl) -----------------------------<br /> show = Option nur sichtbar, wenn Bedingung passt<br /> requires = Option nur sichtbar, wenn diese anderen Optionen gewählt sind<br /> excl = Optionen mit gleicher excl-Gruppe schließen sich gegenseitig aus<br /> item = Eintrag in ITEMS, der in der Liste erscheint */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;E39&quot;] }, item: &quot;halter&quot; },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, item: &quot;ibus&quot; },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, item: &quot;deepobd&quot; },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon – nur mit I-BUS App&quot;, requires: [&quot;ibus&quot;], item: &quot;can&quot; },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, item: &quot;tpms&quot; },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab1&quot; },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab2&quot; },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, item: &quot;rcam&quot; },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, item: &quot;fcam&quot; },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, item: &quot;tool&quot; }<br /> ];<br /> /* Wird eine Option durch eine Auswahl erzwungen, wird sie automatisch gesetzt. */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> /* ---- 3) Artikel/Produkte ---------------------------------------------<br /> u = Link in den Shop (leer lassen = Eintrag ohne Link) */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum (Bus-/Stromanschluss nach vorn).&quot;,<br /> u: &quot;https://shop.ibus-app.de/detail/index/sArticle/212/&quot; },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig, wenn das Fahrzeug einen ISO-Antennenstecker hat.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> dsplic: { t: &quot;DSP-Lizenz für die I-BUS App&quot;, d: &quot;Ohne diese Lizenz arbeitet das Werks-DSP nicht.&quot;, u: &quot;&quot; },<br /> halter: { t: &quot;Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/182/halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: &quot;http://www.ibus-app.de&quot; },<br /> deepobd: { t: &quot;DeepOBD (Diagnose)&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, u: &quot;&quot; },<br /> can: { t: &quot;CAN Interface (Addon zur I-BUS App)&quot;, d: &quot;Funktioniert nur zusammen mit der I-BUS App.&quot;, u: &quot;&quot; },<br /> tpms: { t: &quot;TPMS – Reifendruckanzeige&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/tyre-pressure-monitoring-system-tpms01&quot; },<br /> dab1: { t: &quot;DAB+ Single Receiver&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/dab-tuner-usbdab01&quot; },<br /> dab2: { t: &quot;DAB+ Dual Receiver&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: &quot;&quot; }<br /> };<br /> /* ---- 4) Regeln --------------------------------------------------------<br /> type = &quot;need&quot; (Das brauchst Du) | &quot;hint&quot; (Hinweise)<br /> when = Bedingung auf die Auswahlfelder (alle Schlüssel müssen passen)<br /> opts = (optional) diese Zusatzoptionen müssen gewählt sein<br /> items = Artikel aus ITEMS html = Hinweistext (HTML erlaubt)<br /> Abgeleiteter Wert &quot;module&quot;: ja = Radiomodul im Kofferraum, nein = nicht, unk = unklar */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;\u003Cb\u003EVerlängerungen prüfen:\u003C/b\u003E Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. \u003Cb\u003EUngeeignet\u003C/b\u003E sind die Standard-„Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung“ und die „EXL006“ (kein BUS-Signal).&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;\u003Cb\u003EKabelwege:\u003C/b\u003E Die Technik sitzt im Kofferraum. Es müssen mindestens Kabel für Radioanschluss und FM-Antenne nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;\u003Cb\u003EKabelwege:\u003C/b\u003E Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen \u003Cb\u003Ekeine\u003C/b\u003E Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;\u003Cb\u003EBitte prüfen:\u003C/b\u003E Schau nach, ob im Kofferraum ein Radiomodul sitzt. Manche E46 mit Pfeilnavi (vermutlich Vorfacelift) haben das Radio hinten und benötigen dann EXL005 + FAKRA-Verlängerung.&quot; },<br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;\u003Cb\u003EAntennenstecker:\u003C/b\u003E Hat Dein Fahrzeug einen ISO-Antennenstecker, brauchst Du zusätzlich den \u003Ca href='https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm'\u003EAdapter ISO auf FAKRA\u003C/a\u003E. Bei FAKRA ist kein Adapter nötig.&quot; },<br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;dsplic&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;\u003Cb\u003EDSP:\u003C/b\u003E Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit DSP-Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;] },<br /> html: &quot;\u003Cb\u003EHarman Kardon:\u003C/b\u003E Benötigt \u003Cb\u003Ekeine\u003C/b\u003E DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E38&quot;, &quot;E53&quot;] },<br /> html: &quot;\u003Cb\u003EMontage:\u003C/b\u003E Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E39&quot;] },<br /> html: &quot;\u003Cb\u003EMontage:\u003C/b\u003E Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: \u003Ca href='https://xtrons.ibus-app.de/index.php?title=Montageanleitungen'\u003EMontageanleitungen\u003C/a\u003E.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;\u003Cb\u003EMontage E46 ohne großes Navi:\u003C/b\u003E Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden \u003Cb\u003EFunktionsträger\u003C/b\u003E (neu ca. 100 €, ggf. beim Teileverwerter günstiger):\u003Cbr\u003E&quot; +<br /> &quot;Einzelschalter (eher VFL): \u003Ca href='https://www.leebmann24.de/trager-3er-51168202186.html'\u003Eohne Raucher 51168202186\u003C/a\u003E / \u003Ca href='https://www.leebmann24.de/trager-3er-51168230902.html'\u003Emit Raucher 51168230902\u003C/a\u003E\u003Cbr\u003E&quot; +<br /> &quot;Schaltzentrum (eher FL): \u003Ca href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html'\u003Eohne Raucher 51167001408\u003C/a\u003E / \u003Ca href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html'\u003Emit Raucher 51167001410\u003C/a\u003E&quot; },<br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;\u003Cb\u003EI-BUS App:\u003C/b\u003E Siehe \u003Ca href='https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F'\u003EWas brauche ich, um die I-BUS App nutzen zu können?\u003C/a\u003E und die \u003Ca href='https://wiki.ibus-app.de/index.php?title=Einbauanleitung_f%C3%BCr_Resler_Modul_und_Resler_Interface'\u003EEinbauanleitung für Resler Modul und Interface\u003C/a\u003E.&quot; },<br /> { type: &quot;hint&quot;, when: {}, opts: [],<br /> html: &quot;\u003Cb\u003EWichtig:\u003C/b\u003E Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? → \u003Ca href='https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F'\u003EEntscheidungshilfe AVIN oder XTRONS\u003C/a\u003E, Kosten → \u003Ca href='https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht'\u003EGrobe Kostenübersicht\u003C/a\u003E.&quot; }<br /> ];<br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {};<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) === -1) return false;<br /> }<br /> return true;<br /> }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> /* Felder aufbauen */<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s); fieldsEl.appendChild(wrap);<br /> });<br /> function renderFields() {<br /> var s = derive();<br /> FIELDS.forEach(function (f) {<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = match(f.show, s, false) || !f.show;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id] ? !allowed.some(function (v) { return v.v === sel[f.id]; }) : false) sel[f.id] = &quot;&quot;;<br /> if (!sel[f.id]) { if (f.def) sel[f.id] = f.def; }<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> });<br /> }<br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> /* Gruppen-Ausschluss und nicht mehr sichtbare Optionen bereinigen */<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked) { if (o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl) { if (x.id !== o.id) picked[x.id] = false; } }); }<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> var txt = &quot; &quot; + o.t;<br /> lab.appendChild(document.createTextNode(txt));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; – &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.u) {<br /> var a = document.createElement(&quot;a&quot;); a.className = &quot;nvk-shop&quot;; a.href = item.u; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> a.textContent = &quot;Im Shop ansehen →&quot;; d.appendChild(a);<br /> }<br /> return d;<br /> }<br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var required = [&quot;vehicle&quot;, &quot;factory&quot;, &quot;sound&quot;, &quot;current&quot;, &quot;body&quot;];<br /> var names = { vehicle: &quot;Fahrzeug&quot;, factory: &quot;Verbaut ab Werk&quot;, sound: &quot;Soundsystem&quot;, current: &quot;Aktuell verbaut&quot;, body: &quot;Karosserie&quot; };<br /> var missing = required.filter(function (k) { return !sel[k]; });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (k) { return names[k]; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); return;<br /> }<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts) { if (!r.opts.every(function (o) { return st.on[o]; })) return; }<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> var h = document.createElement(&quot;h3&quot;); h.textContent = &quot;Das brauchst Du&quot;; outEl.appendChild(h);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> var opt = [];<br /> OPTS.forEach(function (o) { if (st.on[o.id]) { if (optVisible(o, s, st.on)) { if (!seen[o.item]) opt.push(ITEMS[o.item]); } } });<br /> if (opt.length) {<br /> var h2 = document.createElement(&quot;h3&quot;); h2.textContent = &quot;Deine Zusatzoptionen&quot;; outEl.appendChild(h2);<br /> opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); });<br /> }<br /> if (hints.length) {<br /> var h3 = document.createElement(&quot;h3&quot;); h3.textContent = &quot;Hinweise&quot;; outEl.appendChild(h3);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = t; outEl.appendChild(d); });<br /> }<br /> }<br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4070 Android Radio Konfigurator 2026-10-21T07:55:28Z <p>Andre: </p> <hr /> <div>&lt;html&gt;&lt;script&gt;document.write(&quot;JS läuft&quot;);&lt;/script&gt;&lt;/html&gt;<br /> <br /> &lt;html&gt;&lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label,#nvk .nvk-h{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-card a.nvk-shop{display:inline-block;margin-top:4px;font-weight:600}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> &lt;/style&gt;<br /> <br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> <br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> <br /> /* =====================================================================<br /> KONFIGURATION – hier wird gepflegt. Kein weiterer Code nötig.<br /> ===================================================================== */<br /> <br /> /* ---- 1) Auswahlfelder -------------------------------------------------<br /> v = interner Wert, t = Anzeigetext,<br /> only = Wert nur anbieten, wenn Bedingung passt (z. B. nur bestimmte Fahrzeuge)<br /> show = ganzes Feld nur zeigen, wenn Bedingung passt */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: [<br /> { v: &quot;E38&quot;, t: &quot;BMW E38&quot; }, { v: &quot;E39&quot;, t: &quot;BMW E39&quot; }, { v: &quot;E46&quot;, t: &quot;BMW E46&quot; },<br /> { v: &quot;E53&quot;, t: &quot;BMW E53&quot; }, { v: &quot;E83&quot;, t: &quot;BMW E83&quot; } ] },<br /> <br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;] } },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;E46&quot;] } } ] },<br /> <br /> { id: &quot;trunk&quot;, label: &quot;Befindet sich im Kofferraum ein Radiomodul?&quot;,<br /> show: { factory: [&quot;pfeil&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja, Radio-/Navimodul im Kofferraum&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Nein, Anschlüsse nur hinter dem Radio&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> <br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E53&quot;] } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;E46&quot;, &quot;E83&quot;] } } ] },<br /> <br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> <br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, values: [<br /> { v: &quot;limo&quot;, t: &quot;Limousine&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;touring&quot;, t: &quot;Touring&quot;, only: { vehicle: [&quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;coupe&quot;, t: &quot;Coupé&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;cabrio&quot;, t: &quot;Cabrio&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;suv&quot;, t: &quot;SUV&quot;, only: { vehicle: [&quot;E53&quot;, &quot;E83&quot;] } } ] },<br /> <br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;, values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (rund, „BM24“)&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (eckig, „BM54“)&quot; } ] }<br /> ];<br /> <br /> /* ---- 2) Zusatzoptionen (Mehrfachauswahl) -----------------------------<br /> show = Option nur sichtbar, wenn Bedingung passt<br /> requires = Option nur sichtbar, wenn diese anderen Optionen gewählt sind<br /> excl = Optionen mit gleicher excl-Gruppe schließen sich gegenseitig aus<br /> item = Eintrag in ITEMS, der in der Liste erscheint */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;E39&quot;] }, item: &quot;halter&quot; },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, item: &quot;ibus&quot; },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, item: &quot;deepobd&quot; },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon – nur mit I-BUS App&quot;, requires: [&quot;ibus&quot;], item: &quot;can&quot; },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, item: &quot;tpms&quot; },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab1&quot; },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab2&quot; },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, item: &quot;rcam&quot; },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, item: &quot;fcam&quot; },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, item: &quot;tool&quot; }<br /> ];<br /> <br /> /* Wird eine Option durch eine Auswahl erzwungen, wird sie automatisch gesetzt. */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> <br /> /* ---- 3) Artikel/Produkte ---------------------------------------------<br /> u = Link in den Shop (leer lassen = Eintrag ohne Link) */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum (Bus-/Stromanschluss nach vorn).&quot;,<br /> u: &quot;https://shop.ibus-app.de/detail/index/sArticle/212/&quot; },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig, wenn das Fahrzeug einen ISO-Antennenstecker hat.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> dsplic: { t: &quot;DSP-Lizenz für die I-BUS App&quot;, d: &quot;Ohne diese Lizenz arbeitet das Werks-DSP nicht.&quot;, u: &quot;&quot; },<br /> halter: { t: &quot;Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/182/halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: &quot;http://www.ibus-app.de&quot; },<br /> deepobd: { t: &quot;DeepOBD (Diagnose)&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, u: &quot;&quot; },<br /> can: { t: &quot;CAN Interface (Addon zur I-BUS App)&quot;, d: &quot;Funktioniert nur zusammen mit der I-BUS App.&quot;, u: &quot;&quot; },<br /> tpms: { t: &quot;TPMS – Reifendruckanzeige&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/tyre-pressure-monitoring-system-tpms01&quot; },<br /> dab1: { t: &quot;DAB+ Single Receiver&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/dab-tuner-usbdab01&quot; },<br /> dab2: { t: &quot;DAB+ Dual Receiver&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: &quot;&quot; }<br /> };<br /> <br /> /* ---- 4) Regeln --------------------------------------------------------<br /> type = &quot;need&quot; (Das brauchst Du) | &quot;hint&quot; (Hinweise)<br /> when = Bedingung auf die Auswahlfelder (alle Schlüssel müssen passen)<br /> opts = (optional) diese Zusatzoptionen müssen gewählt sein<br /> items = Artikel aus ITEMS html = Hinweistext (HTML erlaubt)<br /> Abgeleiteter Wert &quot;module&quot;: ja = Radiomodul im Kofferraum, nein = nicht, unk = unklar */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> <br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;&lt;b&gt;Verlängerungen prüfen:&lt;/b&gt; Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. &lt;b&gt;Ungeeignet&lt;/b&gt; sind die Standard-„Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung“ und die „EXL006“ (kein BUS-Signal).&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;&lt;b&gt;Kabelwege:&lt;/b&gt; Die Technik sitzt im Kofferraum. Es müssen mindestens Kabel für Radioanschluss und FM-Antenne nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;&lt;b&gt;Kabelwege:&lt;/b&gt; Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen &lt;b&gt;keine&lt;/b&gt; Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;&lt;b&gt;Bitte prüfen:&lt;/b&gt; Schau nach, ob im Kofferraum ein Radiomodul sitzt. Manche E46 mit Pfeilnavi (vermutlich Vorfacelift) haben das Radio hinten und benötigen dann EXL005 + FAKRA-Verlängerung.&quot; },<br /> <br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;&lt;b&gt;Antennenstecker:&lt;/b&gt; Hat Dein Fahrzeug einen ISO-Antennenstecker, brauchst Du zusätzlich den &lt;a href='https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm'&gt;Adapter ISO auf FAKRA&lt;/a&gt;. Bei FAKRA ist kein Adapter nötig.&quot; },<br /> <br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;dsplic&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;&lt;b&gt;DSP:&lt;/b&gt; Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit DSP-Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;] },<br /> html: &quot;&lt;b&gt;Harman Kardon:&lt;/b&gt; Benötigt &lt;b&gt;keine&lt;/b&gt; DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> <br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E38&quot;, &quot;E53&quot;] },<br /> html: &quot;&lt;b&gt;Montage:&lt;/b&gt; Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E39&quot;] },<br /> html: &quot;&lt;b&gt;Montage:&lt;/b&gt; Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: &lt;a href='https://xtrons.ibus-app.de/index.php?title=Montageanleitungen'&gt;Montageanleitungen&lt;/a&gt;.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;&lt;b&gt;Montage E46 ohne großes Navi:&lt;/b&gt; Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden &lt;b&gt;Funktionsträger&lt;/b&gt; (neu ca. 100 €, ggf. beim Teileverwerter günstiger):&lt;br&gt;&quot; +<br /> &quot;Einzelschalter (eher VFL): &lt;a href='https://www.leebmann24.de/trager-3er-51168202186.html'&gt;ohne Raucher 51168202186&lt;/a&gt; / &lt;a href='https://www.leebmann24.de/trager-3er-51168230902.html'&gt;mit Raucher 51168230902&lt;/a&gt;&lt;br&gt;&quot; +<br /> &quot;Schaltzentrum (eher FL): &lt;a href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html'&gt;ohne Raucher 51167001408&lt;/a&gt; / &lt;a href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html'&gt;mit Raucher 51167001410&lt;/a&gt;&quot; },<br /> <br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;&lt;b&gt;I-BUS App:&lt;/b&gt; Siehe &lt;a href='https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F'&gt;Was brauche ich, um die I-BUS App nutzen zu können?&lt;/a&gt; und die &lt;a href='https://wiki.ibus-app.de/index.php?title=Einbauanleitung_f%C3%BCr_Resler_Modul_und_Resler_Interface'&gt;Einbauanleitung für Resler Modul und Interface&lt;/a&gt;.&quot; },<br /> { type: &quot;hint&quot;, when: {}, opts: [],<br /> html: &quot;&lt;b&gt;Wichtig:&lt;/b&gt; Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? → &lt;a href='https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F'&gt;Entscheidungshilfe AVIN oder XTRONS&lt;/a&gt;, Kosten → &lt;a href='https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht'&gt;Grobe Kostenübersicht&lt;/a&gt;.&quot; }<br /> ];<br /> <br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {};<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> <br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) &lt; 0) return false;<br /> }<br /> return true;<br /> }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> <br /> /* Felder aufbauen */<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s); fieldsEl.appendChild(wrap);<br /> });<br /> <br /> function renderFields() {<br /> var s = derive();<br /> FIELDS.forEach(function (f) {<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = match(f.show, s, false) || !f.show;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id] &amp;&amp; !allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;;<br /> if (!sel[f.id] &amp;&amp; f.def) sel[f.id] = f.def;<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> });<br /> }<br /> <br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> /* Gruppen-Ausschluss &amp; nicht mehr sichtbare Optionen bereinigen */<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked &amp;&amp; o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl &amp;&amp; x.id !== o.id) picked[x.id] = false; });<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> var txt = &quot; &quot; + o.t;<br /> lab.appendChild(document.createTextNode(txt));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; – &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> <br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.u) {<br /> var a = document.createElement(&quot;a&quot;); a.className = &quot;nvk-shop&quot;; a.href = item.u; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> a.textContent = &quot;Im Shop ansehen →&quot;; d.appendChild(a);<br /> }<br /> return d;<br /> }<br /> <br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var required = [&quot;vehicle&quot;, &quot;factory&quot;, &quot;sound&quot;, &quot;current&quot;, &quot;body&quot;];<br /> var names = { vehicle: &quot;Fahrzeug&quot;, factory: &quot;Verbaut ab Werk&quot;, sound: &quot;Soundsystem&quot;, current: &quot;Aktuell verbaut&quot;, body: &quot;Karosserie&quot; };<br /> var missing = required.filter(function (k) { return !sel[k]; });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (k) { return names[k]; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); return;<br /> }<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts &amp;&amp; !r.opts.every(function (o) { return st.on[o]; })) return;<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> var h = document.createElement(&quot;h3&quot;); h.textContent = &quot;Das brauchst Du&quot;; outEl.appendChild(h);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> <br /> var opt = [];<br /> OPTS.forEach(function (o) { if (st.on[o.id] &amp;&amp; optVisible(o, s, st.on) &amp;&amp; !seen[o.item]) opt.push(ITEMS[o.item]); });<br /> if (opt.length) {<br /> var h2 = document.createElement(&quot;h3&quot;); h2.textContent = &quot;Deine Zusatzoptionen&quot;; outEl.appendChild(h2);<br /> opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); });<br /> }<br /> if (hints.length) {<br /> var h3 = document.createElement(&quot;h3&quot;); h3.textContent = &quot;Hinweise&quot;; outEl.appendChild(h3);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = t; outEl.appendChild(d); });<br /> }<br /> }<br /> <br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4069 Android Radio Konfigurator 2026-10-21T07:54:29Z <p>Andre: </p> <hr /> <div>&lt;html&gt;&lt;script&gt;document.write(&quot;JS läuft&quot;);&lt;/script&gt;&lt;/html&gt;<br /> <br /> &lt;html&gt;&lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label,#nvk .nvk-h{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-card a.nvk-shop{display:inline-block;margin-top:4px;font-weight:600}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> &lt;/style&gt;<br /> <br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> <br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> <br /> /* =====================================================================<br /> KONFIGURATION – hier wird gepflegt. Kein weiterer Code nötig.<br /> ===================================================================== */<br /> <br /> /* ---- 1) Auswahlfelder -------------------------------------------------<br /> v = interner Wert, t = Anzeigetext,<br /> only = Wert nur anbieten, wenn Bedingung passt (z. B. nur bestimmte Fahrzeuge)<br /> show = ganzes Feld nur zeigen, wenn Bedingung passt */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: [<br /> { v: &quot;E38&quot;, t: &quot;BMW E38&quot; }, { v: &quot;E39&quot;, t: &quot;BMW E39&quot; }, { v: &quot;E46&quot;, t: &quot;BMW E46&quot; },<br /> { v: &quot;E53&quot;, t: &quot;BMW E53&quot; }, { v: &quot;E83&quot;, t: &quot;BMW E83&quot; } ] },<br /> <br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;] } },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;E46&quot;] } } ] },<br /> <br /> { id: &quot;trunk&quot;, label: &quot;Befindet sich im Kofferraum ein Radiomodul?&quot;,<br /> show: { factory: [&quot;pfeil&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja, Radio-/Navimodul im Kofferraum&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Nein, Anschlüsse nur hinter dem Radio&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> <br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E53&quot;] } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;E46&quot;, &quot;E83&quot;] } } ] },<br /> <br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> <br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, values: [<br /> { v: &quot;limo&quot;, t: &quot;Limousine&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;touring&quot;, t: &quot;Touring&quot;, only: { vehicle: [&quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;coupe&quot;, t: &quot;Coupé&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;cabrio&quot;, t: &quot;Cabrio&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;suv&quot;, t: &quot;SUV&quot;, only: { vehicle: [&quot;E53&quot;, &quot;E83&quot;] } } ] },<br /> <br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;, values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (rund, „BM24“)&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (eckig, „BM54“)&quot; } ] }<br /> ];<br /> <br /> /* ---- 2) Zusatzoptionen (Mehrfachauswahl) -----------------------------<br /> show = Option nur sichtbar, wenn Bedingung passt<br /> requires = Option nur sichtbar, wenn diese anderen Optionen gewählt sind<br /> excl = Optionen mit gleicher excl-Gruppe schließen sich gegenseitig aus<br /> item = Eintrag in ITEMS, der in der Liste erscheint */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;E39&quot;] }, item: &quot;halter&quot; },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, item: &quot;ibus&quot; },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, item: &quot;deepobd&quot; },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon – nur mit I-BUS App&quot;, requires: [&quot;ibus&quot;], item: &quot;can&quot; },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, item: &quot;tpms&quot; },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab1&quot; },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab2&quot; },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, item: &quot;rcam&quot; },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, item: &quot;fcam&quot; },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, item: &quot;tool&quot; }<br /> ];<br /> <br /> /* Wird eine Option durch eine Auswahl erzwungen, wird sie automatisch gesetzt. */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> <br /> /* ---- 3) Artikel/Produkte ---------------------------------------------<br /> u = Link in den Shop (leer lassen = Eintrag ohne Link) */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum (Bus-/Stromanschluss nach vorn).&quot;,<br /> u: &quot;https://shop.ibus-app.de/detail/index/sArticle/212/&quot; },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig, wenn das Fahrzeug einen ISO-Antennenstecker hat.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> dsplic: { t: &quot;DSP-Lizenz für die I-BUS App&quot;, d: &quot;Ohne diese Lizenz arbeitet das Werks-DSP nicht.&quot;, u: &quot;&quot; },<br /> halter: { t: &quot;Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/182/halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: &quot;http://www.ibus-app.de&quot; },<br /> deepobd: { t: &quot;DeepOBD (Diagnose)&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, u: &quot;&quot; },<br /> can: { t: &quot;CAN Interface (Addon zur I-BUS App)&quot;, d: &quot;Funktioniert nur zusammen mit der I-BUS App.&quot;, u: &quot;&quot; },<br /> tpms: { t: &quot;TPMS – Reifendruckanzeige&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/tyre-pressure-monitoring-system-tpms01&quot; },<br /> dab1: { t: &quot;DAB+ Single Receiver&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/dab-tuner-usbdab01&quot; },<br /> dab2: { t: &quot;DAB+ Dual Receiver&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: &quot;&quot; }<br /> };<br /> <br /> /* ---- 4) Regeln --------------------------------------------------------<br /> type = &quot;need&quot; (Das brauchst Du) | &quot;hint&quot; (Hinweise)<br /> when = Bedingung auf die Auswahlfelder (alle Schlüssel müssen passen)<br /> opts = (optional) diese Zusatzoptionen müssen gewählt sein<br /> items = Artikel aus ITEMS html = Hinweistext (HTML erlaubt)<br /> Abgeleiteter Wert &quot;module&quot;: ja = Radiomodul im Kofferraum, nein = nicht, unk = unklar */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> <br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;&lt;b&gt;Verlängerungen prüfen:&lt;/b&gt; Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. &lt;b&gt;Ungeeignet&lt;/b&gt; sind die Standard-„Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung“ und die „EXL006“ (kein BUS-Signal).&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;&lt;b&gt;Kabelwege:&lt;/b&gt; Die Technik sitzt im Kofferraum. Es müssen mindestens Kabel für Radioanschluss und FM-Antenne nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;&lt;b&gt;Kabelwege:&lt;/b&gt; Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen &lt;b&gt;keine&lt;/b&gt; Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;&lt;b&gt;Bitte prüfen:&lt;/b&gt; Schau nach, ob im Kofferraum ein Radiomodul sitzt. Manche E46 mit Pfeilnavi (vermutlich Vorfacelift) haben das Radio hinten und benötigen dann EXL005 + FAKRA-Verlängerung.&quot; },<br /> <br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;&lt;b&gt;Antennenstecker:&lt;/b&gt; Hat Dein Fahrzeug einen ISO-Antennenstecker, brauchst Du zusätzlich den &lt;a href='https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm'&gt;Adapter ISO auf FAKRA&lt;/a&gt;. Bei FAKRA ist kein Adapter nötig.&quot; },<br /> <br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;dsplic&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;&lt;b&gt;DSP:&lt;/b&gt; Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit DSP-Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;] },<br /> html: &quot;&lt;b&gt;Harman Kardon:&lt;/b&gt; Benötigt &lt;b&gt;keine&lt;/b&gt; DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> <br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E38&quot;, &quot;E53&quot;] },<br /> html: &quot;&lt;b&gt;Montage:&lt;/b&gt; Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E39&quot;] },<br /> html: &quot;&lt;b&gt;Montage:&lt;/b&gt; Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: &lt;a href='https://xtrons.ibus-app.de/index.php?title=Montageanleitungen'&gt;Montageanleitungen&lt;/a&gt;.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;&lt;b&gt;Montage E46 ohne großes Navi:&lt;/b&gt; Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden &lt;b&gt;Funktionsträger&lt;/b&gt; (neu ca. 100 €, ggf. beim Teileverwerter günstiger):&lt;br&gt;&quot; +<br /> &quot;Einzelschalter (eher VFL): &lt;a href='https://www.leebmann24.de/trager-3er-51168202186.html'&gt;ohne Raucher 51168202186&lt;/a&gt; / &lt;a href='https://www.leebmann24.de/trager-3er-51168230902.html'&gt;mit Raucher 51168230902&lt;/a&gt;&lt;br&gt;&quot; +<br /> &quot;Schaltzentrum (eher FL): &lt;a href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html'&gt;ohne Raucher 51167001408&lt;/a&gt; / &lt;a href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html'&gt;mit Raucher 51167001410&lt;/a&gt;&quot; },<br /> <br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;&lt;b&gt;I-BUS App:&lt;/b&gt; Siehe &lt;a href='https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F'&gt;Was brauche ich, um die I-BUS App nutzen zu können?&lt;/a&gt; und die &lt;a href='https://wiki.ibus-app.de/index.php?title=Einbauanleitung_f%C3%BCr_Resler_Modul_und_Resler_Interface'&gt;Einbauanleitung für Resler Modul und Interface&lt;/a&gt;.&quot; },<br /> { type: &quot;hint&quot;, when: {}, opts: [],<br /> html: &quot;&lt;b&gt;Wichtig:&lt;/b&gt; Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? → &lt;a href='https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F'&gt;Entscheidungshilfe AVIN oder XTRONS&lt;/a&gt;, Kosten → &lt;a href='https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht'&gt;Grobe Kostenübersicht&lt;/a&gt;.&quot; }<br /> ];<br /> <br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {};<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> <br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) &lt; 0) return false;<br /> }<br /> return true;<br /> }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> <br /> /* Felder aufbauen */<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s); fieldsEl.appendChild(wrap);<br /> });<br /> <br /> function renderFields() {<br /> var s = derive();<br /> FIELDS.forEach(function (f) {<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = match(f.show, s, false) || !f.show;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id] &amp;&amp; !allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;;<br /> if (!sel[f.id] &amp;&amp; f.def) sel[f.id] = f.def;<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> });<br /> }<br /> <br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> /* Gruppen-Ausschluss &amp; nicht mehr sichtbare Optionen bereinigen */<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked &amp;&amp; o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl &amp;&amp; x.id !== o.id) picked[x.id] = false; });<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> var txt = &quot; &quot; + o.t;<br /> lab.appendChild(document.createTextNode(txt));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; – &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> <br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.u) {<br /> var a = document.createElement(&quot;a&quot;); a.className = &quot;nvk-shop&quot;; a.href = item.u; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> a.textContent = &quot;Im Shop ansehen →&quot;; d.appendChild(a);<br /> }<br /> return d;<br /> }<br /> <br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var required = [&quot;vehicle&quot;, &quot;factory&quot;, &quot;sound&quot;, &quot;current&quot;, &quot;body&quot;];<br /> var names = { vehicle: &quot;Fahrzeug&quot;, factory: &quot;Verbaut ab Werk&quot;, sound: &quot;Soundsystem&quot;, current: &quot;Aktuell verbaut&quot;, body: &quot;Karosserie&quot; };<br /> var missing = required.filter(function (k) { return !sel[k]; });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (k) { return names[k]; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); return;<br /> }<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts &amp;&amp; !r.opts.every(function (o) { return st.on[o]; })) return;<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> var h = document.createElement(&quot;h3&quot;); h.textContent = &quot;Das brauchst Du&quot;; outEl.appendChild(h);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> <br /> var opt = [];<br /> OPTS.forEach(function (o) { if (st.on[o.id] &amp;&amp; optVisible(o, s, st.on) &amp;&amp; !seen[o.item]) opt.push(ITEMS[o.item]); });<br /> if (opt.length) {<br /> var h2 = document.createElement(&quot;h3&quot;); h2.textContent = &quot;Deine Zusatzoptionen&quot;; outEl.appendChild(h2);<br /> opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); });<br /> }<br /> if (hints.length) {<br /> var h3 = document.createElement(&quot;h3&quot;); h3.textContent = &quot;Hinweise&quot;; outEl.appendChild(h3);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = t; outEl.appendChild(d); });<br /> }<br /> }<br /> <br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4068 Android Radio Konfigurator 2026-10-21T07:51:59Z <p>Andre: </p> <hr /> <div>&lt;html&gt;&lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label,#nvk .nvk-h{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-card a.nvk-shop{display:inline-block;margin-top:4px;font-weight:600}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> &lt;/style&gt;<br /> <br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> <br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> <br /> /* =====================================================================<br /> KONFIGURATION – hier wird gepflegt. Kein weiterer Code nötig.<br /> ===================================================================== */<br /> <br /> /* ---- 1) Auswahlfelder -------------------------------------------------<br /> v = interner Wert, t = Anzeigetext,<br /> only = Wert nur anbieten, wenn Bedingung passt (z. B. nur bestimmte Fahrzeuge)<br /> show = ganzes Feld nur zeigen, wenn Bedingung passt */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: [<br /> { v: &quot;E38&quot;, t: &quot;BMW E38&quot; }, { v: &quot;E39&quot;, t: &quot;BMW E39&quot; }, { v: &quot;E46&quot;, t: &quot;BMW E46&quot; },<br /> { v: &quot;E53&quot;, t: &quot;BMW E53&quot; }, { v: &quot;E83&quot;, t: &quot;BMW E83&quot; } ] },<br /> <br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;] } },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;E46&quot;] } } ] },<br /> <br /> { id: &quot;trunk&quot;, label: &quot;Befindet sich im Kofferraum ein Radiomodul?&quot;,<br /> show: { factory: [&quot;pfeil&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja, Radio-/Navimodul im Kofferraum&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Nein, Anschlüsse nur hinter dem Radio&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> <br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E53&quot;] } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;E46&quot;, &quot;E83&quot;] } } ] },<br /> <br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> <br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, values: [<br /> { v: &quot;limo&quot;, t: &quot;Limousine&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;touring&quot;, t: &quot;Touring&quot;, only: { vehicle: [&quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;coupe&quot;, t: &quot;Coupé&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;cabrio&quot;, t: &quot;Cabrio&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;suv&quot;, t: &quot;SUV&quot;, only: { vehicle: [&quot;E53&quot;, &quot;E83&quot;] } } ] },<br /> <br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;, values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (rund, „BM24“)&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (eckig, „BM54“)&quot; } ] }<br /> ];<br /> <br /> /* ---- 2) Zusatzoptionen (Mehrfachauswahl) -----------------------------<br /> show = Option nur sichtbar, wenn Bedingung passt<br /> requires = Option nur sichtbar, wenn diese anderen Optionen gewählt sind<br /> excl = Optionen mit gleicher excl-Gruppe schließen sich gegenseitig aus<br /> item = Eintrag in ITEMS, der in der Liste erscheint */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;E39&quot;] }, item: &quot;halter&quot; },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, item: &quot;ibus&quot; },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, item: &quot;deepobd&quot; },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon – nur mit I-BUS App&quot;, requires: [&quot;ibus&quot;], item: &quot;can&quot; },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, item: &quot;tpms&quot; },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab1&quot; },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab2&quot; },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, item: &quot;rcam&quot; },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, item: &quot;fcam&quot; },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, item: &quot;tool&quot; }<br /> ];<br /> <br /> /* Wird eine Option durch eine Auswahl erzwungen, wird sie automatisch gesetzt. */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> <br /> /* ---- 3) Artikel/Produkte ---------------------------------------------<br /> u = Link in den Shop (leer lassen = Eintrag ohne Link) */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum (Bus-/Stromanschluss nach vorn).&quot;,<br /> u: &quot;https://shop.ibus-app.de/detail/index/sArticle/212/&quot; },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig, wenn das Fahrzeug einen ISO-Antennenstecker hat.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> dsplic: { t: &quot;DSP-Lizenz für die I-BUS App&quot;, d: &quot;Ohne diese Lizenz arbeitet das Werks-DSP nicht.&quot;, u: &quot;&quot; },<br /> halter: { t: &quot;Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/182/halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: &quot;http://www.ibus-app.de&quot; },<br /> deepobd: { t: &quot;DeepOBD (Diagnose)&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, u: &quot;&quot; },<br /> can: { t: &quot;CAN Interface (Addon zur I-BUS App)&quot;, d: &quot;Funktioniert nur zusammen mit der I-BUS App.&quot;, u: &quot;&quot; },<br /> tpms: { t: &quot;TPMS – Reifendruckanzeige&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/tyre-pressure-monitoring-system-tpms01&quot; },<br /> dab1: { t: &quot;DAB+ Single Receiver&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/dab-tuner-usbdab01&quot; },<br /> dab2: { t: &quot;DAB+ Dual Receiver&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: &quot;&quot; }<br /> };<br /> <br /> /* ---- 4) Regeln --------------------------------------------------------<br /> type = &quot;need&quot; (Das brauchst Du) | &quot;hint&quot; (Hinweise)<br /> when = Bedingung auf die Auswahlfelder (alle Schlüssel müssen passen)<br /> opts = (optional) diese Zusatzoptionen müssen gewählt sein<br /> items = Artikel aus ITEMS html = Hinweistext (HTML erlaubt)<br /> Abgeleiteter Wert &quot;module&quot;: ja = Radiomodul im Kofferraum, nein = nicht, unk = unklar */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> <br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;&lt;b&gt;Verlängerungen prüfen:&lt;/b&gt; Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. &lt;b&gt;Ungeeignet&lt;/b&gt; sind die Standard-„Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung“ und die „EXL006“ (kein BUS-Signal).&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;&lt;b&gt;Kabelwege:&lt;/b&gt; Die Technik sitzt im Kofferraum. Es müssen mindestens Kabel für Radioanschluss und FM-Antenne nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;&lt;b&gt;Kabelwege:&lt;/b&gt; Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen &lt;b&gt;keine&lt;/b&gt; Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;&lt;b&gt;Bitte prüfen:&lt;/b&gt; Schau nach, ob im Kofferraum ein Radiomodul sitzt. Manche E46 mit Pfeilnavi (vermutlich Vorfacelift) haben das Radio hinten und benötigen dann EXL005 + FAKRA-Verlängerung.&quot; },<br /> <br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;&lt;b&gt;Antennenstecker:&lt;/b&gt; Hat Dein Fahrzeug einen ISO-Antennenstecker, brauchst Du zusätzlich den &lt;a href='https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm'&gt;Adapter ISO auf FAKRA&lt;/a&gt;. Bei FAKRA ist kein Adapter nötig.&quot; },<br /> <br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;dsplic&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;&lt;b&gt;DSP:&lt;/b&gt; Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit DSP-Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;] },<br /> html: &quot;&lt;b&gt;Harman Kardon:&lt;/b&gt; Benötigt &lt;b&gt;keine&lt;/b&gt; DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> <br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E38&quot;, &quot;E53&quot;] },<br /> html: &quot;&lt;b&gt;Montage:&lt;/b&gt; Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E39&quot;] },<br /> html: &quot;&lt;b&gt;Montage:&lt;/b&gt; Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: &lt;a href='https://xtrons.ibus-app.de/index.php?title=Montageanleitungen'&gt;Montageanleitungen&lt;/a&gt;.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;&lt;b&gt;Montage E46 ohne großes Navi:&lt;/b&gt; Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden &lt;b&gt;Funktionsträger&lt;/b&gt; (neu ca. 100 €, ggf. beim Teileverwerter günstiger):&lt;br&gt;&quot; +<br /> &quot;Einzelschalter (eher VFL): &lt;a href='https://www.leebmann24.de/trager-3er-51168202186.html'&gt;ohne Raucher 51168202186&lt;/a&gt; / &lt;a href='https://www.leebmann24.de/trager-3er-51168230902.html'&gt;mit Raucher 51168230902&lt;/a&gt;&lt;br&gt;&quot; +<br /> &quot;Schaltzentrum (eher FL): &lt;a href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html'&gt;ohne Raucher 51167001408&lt;/a&gt; / &lt;a href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html'&gt;mit Raucher 51167001410&lt;/a&gt;&quot; },<br /> <br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;&lt;b&gt;I-BUS App:&lt;/b&gt; Siehe &lt;a href='https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F'&gt;Was brauche ich, um die I-BUS App nutzen zu können?&lt;/a&gt; und die &lt;a href='https://wiki.ibus-app.de/index.php?title=Einbauanleitung_f%C3%BCr_Resler_Modul_und_Resler_Interface'&gt;Einbauanleitung für Resler Modul und Interface&lt;/a&gt;.&quot; },<br /> { type: &quot;hint&quot;, when: {}, opts: [],<br /> html: &quot;&lt;b&gt;Wichtig:&lt;/b&gt; Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? → &lt;a href='https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F'&gt;Entscheidungshilfe AVIN oder XTRONS&lt;/a&gt;, Kosten → &lt;a href='https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht'&gt;Grobe Kostenübersicht&lt;/a&gt;.&quot; }<br /> ];<br /> <br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {};<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> <br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) &lt; 0) return false;<br /> }<br /> return true;<br /> }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> <br /> /* Felder aufbauen */<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s); fieldsEl.appendChild(wrap);<br /> });<br /> <br /> function renderFields() {<br /> var s = derive();<br /> FIELDS.forEach(function (f) {<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = match(f.show, s, false) || !f.show;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id] &amp;&amp; !allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;;<br /> if (!sel[f.id] &amp;&amp; f.def) sel[f.id] = f.def;<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> });<br /> }<br /> <br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> /* Gruppen-Ausschluss &amp; nicht mehr sichtbare Optionen bereinigen */<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked &amp;&amp; o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl &amp;&amp; x.id !== o.id) picked[x.id] = false; });<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> var txt = &quot; &quot; + o.t;<br /> lab.appendChild(document.createTextNode(txt));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; – &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> <br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.u) {<br /> var a = document.createElement(&quot;a&quot;); a.className = &quot;nvk-shop&quot;; a.href = item.u; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> a.textContent = &quot;Im Shop ansehen →&quot;; d.appendChild(a);<br /> }<br /> return d;<br /> }<br /> <br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var required = [&quot;vehicle&quot;, &quot;factory&quot;, &quot;sound&quot;, &quot;current&quot;, &quot;body&quot;];<br /> var names = { vehicle: &quot;Fahrzeug&quot;, factory: &quot;Verbaut ab Werk&quot;, sound: &quot;Soundsystem&quot;, current: &quot;Aktuell verbaut&quot;, body: &quot;Karosserie&quot; };<br /> var missing = required.filter(function (k) { return !sel[k]; });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (k) { return names[k]; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); return;<br /> }<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts &amp;&amp; !r.opts.every(function (o) { return st.on[o]; })) return;<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> var h = document.createElement(&quot;h3&quot;); h.textContent = &quot;Das brauchst Du&quot;; outEl.appendChild(h);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> <br /> var opt = [];<br /> OPTS.forEach(function (o) { if (st.on[o.id] &amp;&amp; optVisible(o, s, st.on) &amp;&amp; !seen[o.item]) opt.push(ITEMS[o.item]); });<br /> if (opt.length) {<br /> var h2 = document.createElement(&quot;h3&quot;); h2.textContent = &quot;Deine Zusatzoptionen&quot;; outEl.appendChild(h2);<br /> opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); });<br /> }<br /> if (hints.length) {<br /> var h3 = document.createElement(&quot;h3&quot;); h3.textContent = &quot;Hinweise&quot;; outEl.appendChild(h3);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = t; outEl.appendChild(d); });<br /> }<br /> }<br /> <br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Android_Radio_Konfigurator&diff=4067 Android Radio Konfigurator 2026-10-21T07:51:10Z <p>Andre: Die Seite wurde neu angelegt: „&lt;html&gt; &lt;div id=&quot;nvk&quot;&gt; &lt;style&gt; #nvk{max-width:900px;line-height:1.45} #nvk *{box-sizing:border-box} #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0} #nvk .nvk-f label,#nvk .nvk-h{display:block;font-weight:700;margin-bottom:4px} #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px} #nvk fieldset{border:1px solid rgba(128,128,12…“</p> <hr /> <div>&lt;html&gt;<br /> &lt;div id=&quot;nvk&quot;&gt;<br /> &lt;style&gt;<br /> #nvk{max-width:900px;line-height:1.45}<br /> #nvk *{box-sizing:border-box}<br /> #nvk .nvk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:12px 0}<br /> #nvk .nvk-f label,#nvk .nvk-h{display:block;font-weight:700;margin-bottom:4px}<br /> #nvk select{width:100%;padding:9px 8px;font:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:4px}<br /> #nvk fieldset{border:1px solid rgba(128,128,128,.45);border-radius:6px;padding:10px 14px;margin:14px 0}<br /> #nvk legend{font-weight:700;padding:0 6px}<br /> #nvk .nvk-o{display:block;padding:4px 0;cursor:pointer}<br /> #nvk .nvk-o small{opacity:.7}<br /> #nvk .nvk-o.dis{opacity:.75;cursor:default}<br /> #nvk .nvk-btn{padding:7px 14px;font:inherit;border:1px solid #a2a9b1;border-radius:4px;background:#f8f9fa;color:#202122;cursor:pointer}<br /> #nvk #nvk-out{margin-top:18px}<br /> #nvk h3{margin:18px 0 8px}<br /> #nvk .nvk-card{border:1px solid rgba(128,128,128,.45);border-left:5px solid #36c;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-card.opt{border-left-color:#14866d}<br /> #nvk .nvk-card b{display:block}<br /> #nvk .nvk-card a.nvk-shop{display:inline-block;margin-top:4px;font-weight:600}<br /> #nvk .nvk-note{border:1px solid rgba(128,128,128,.45);border-left:5px solid #fc3;border-radius:4px;padding:9px 12px;margin:8px 0}<br /> #nvk .nvk-miss{opacity:.8;font-style:italic}<br /> &lt;/style&gt;<br /> <br /> &lt;div class=&quot;nvk-grid&quot; id=&quot;nvk-fields&quot;&gt;&lt;/div&gt;<br /> &lt;fieldset id=&quot;nvk-optset&quot;&gt;&lt;legend&gt;Zusatzoptionen&lt;/legend&gt;&lt;div id=&quot;nvk-opts&quot;&gt;&lt;/div&gt;&lt;/fieldset&gt;<br /> &lt;button type=&quot;button&quot; class=&quot;nvk-btn&quot; id=&quot;nvk-reset&quot;&gt;Auswahl zurücksetzen&lt;/button&gt;<br /> &lt;div id=&quot;nvk-out&quot; aria-live=&quot;polite&quot;&gt;&lt;/div&gt;<br /> &lt;noscript&gt;Für den Konfigurator wird JavaScript benötigt.&lt;/noscript&gt;<br /> <br /> &lt;script&gt;<br /> (function () {<br /> &quot;use strict&quot;;<br /> <br /> /* =====================================================================<br /> KONFIGURATION – hier wird gepflegt. Kein weiterer Code nötig.<br /> ===================================================================== */<br /> <br /> /* ---- 1) Auswahlfelder -------------------------------------------------<br /> v = interner Wert, t = Anzeigetext,<br /> only = Wert nur anbieten, wenn Bedingung passt (z. B. nur bestimmte Fahrzeuge)<br /> show = ganzes Feld nur zeigen, wenn Bedingung passt */<br /> var FIELDS = [<br /> { id: &quot;vehicle&quot;, label: &quot;Fahrzeug&quot;, values: [<br /> { v: &quot;E38&quot;, t: &quot;BMW E38&quot; }, { v: &quot;E39&quot;, t: &quot;BMW E39&quot; }, { v: &quot;E46&quot;, t: &quot;BMW E46&quot; },<br /> { v: &quot;E53&quot;, t: &quot;BMW E53&quot; }, { v: &quot;E83&quot;, t: &quot;BMW E83&quot; } ] },<br /> <br /> { id: &quot;factory&quot;, label: &quot;Verbaut ab Werk&quot;, values: [<br /> { v: &quot;iris&quot;, t: &quot;Radio mit IRIS&quot; },<br /> { v: &quot;mid&quot;, t: &quot;Radio mit MID&quot; },<br /> { v: &quot;n43&quot;, t: &quot;4:3 Navi&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;] } },<br /> { v: &quot;n169&quot;, t: &quot;16:9 Navi&quot; },<br /> { v: &quot;pfeil&quot;, t: &quot;Pfeilnavi&quot;, only: { vehicle: [&quot;E46&quot;] } } ] },<br /> <br /> { id: &quot;trunk&quot;, label: &quot;Befindet sich im Kofferraum ein Radiomodul?&quot;,<br /> show: { factory: [&quot;pfeil&quot;] }, values: [<br /> { v: &quot;ja&quot;, t: &quot;Ja, Radio-/Navimodul im Kofferraum&quot; },<br /> { v: &quot;nein&quot;, t: &quot;Nein, Anschlüsse nur hinter dem Radio&quot; },<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; } ] },<br /> <br /> { id: &quot;sound&quot;, label: &quot;Soundsystem&quot;, values: [<br /> { v: &quot;stereo&quot;, t: &quot;Stereo&quot; },<br /> { v: &quot;hifi&quot;, t: &quot;Hifi&quot; },<br /> { v: &quot;dsp&quot;, t: &quot;DSP&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E53&quot;] } },<br /> { v: &quot;hk&quot;, t: &quot;Harman Kardon&quot;, only: { vehicle: [&quot;E46&quot;, &quot;E83&quot;] } } ] },<br /> <br /> { id: &quot;current&quot;, label: &quot;Aktuell verbaut&quot;, values: [<br /> { v: &quot;werk&quot;, t: &quot;Werksradio / Werksnavi&quot; },<br /> { v: &quot;nach&quot;, t: &quot;Nachrüst-Radio / -Navi&quot; } ] },<br /> <br /> { id: &quot;body&quot;, label: &quot;Karosserie&quot;, values: [<br /> { v: &quot;limo&quot;, t: &quot;Limousine&quot;, only: { vehicle: [&quot;E38&quot;, &quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;touring&quot;, t: &quot;Touring&quot;, only: { vehicle: [&quot;E39&quot;, &quot;E46&quot;] } },<br /> { v: &quot;coupe&quot;, t: &quot;Coupé&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;cabrio&quot;, t: &quot;Cabrio&quot;, only: { vehicle: [&quot;E46&quot;] } },<br /> { v: &quot;suv&quot;, t: &quot;SUV&quot;, only: { vehicle: [&quot;E53&quot;, &quot;E83&quot;] } } ] },<br /> <br /> { id: &quot;ant&quot;, label: &quot;Antennenstecker am Radio (optional)&quot;, optional: true, def: &quot;unk&quot;, values: [<br /> { v: &quot;unk&quot;, t: &quot;Weiß ich nicht&quot; },<br /> { v: &quot;iso&quot;, t: &quot;ISO (rund, „BM24“)&quot; },<br /> { v: &quot;fakra&quot;, t: &quot;FAKRA (eckig, „BM54“)&quot; } ] }<br /> ];<br /> <br /> /* ---- 2) Zusatzoptionen (Mehrfachauswahl) -----------------------------<br /> show = Option nur sichtbar, wenn Bedingung passt<br /> requires = Option nur sichtbar, wenn diese anderen Optionen gewählt sind<br /> excl = Optionen mit gleicher excl-Gruppe schließen sich gegenseitig aus<br /> item = Eintrag in ITEMS, der in der Liste erscheint */<br /> var OPTS = [<br /> { id: &quot;halter&quot;, t: &quot;Radio-Halter&quot;, sub: &quot;nur BMW E39&quot;, show: { vehicle: [&quot;E39&quot;] }, item: &quot;halter&quot; },<br /> { id: &quot;ibus&quot;, t: &quot;I-BUS App&quot;, item: &quot;ibus&quot; },<br /> { id: &quot;deepobd&quot;, t: &quot;DeepOBD (Diagnose)&quot;, item: &quot;deepobd&quot; },<br /> { id: &quot;can&quot;, t: &quot;CAN Interface&quot;, sub: &quot;Addon – nur mit I-BUS App&quot;, requires: [&quot;ibus&quot;], item: &quot;can&quot; },<br /> { id: &quot;tpms&quot;, t: &quot;TPMS (Reifendruck)&quot;, item: &quot;tpms&quot; },<br /> { id: &quot;dab1&quot;, t: &quot;DAB+ (Single Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab1&quot; },<br /> { id: &quot;dab2&quot;, t: &quot;DAB+ (Dual Receiver)&quot;, excl: &quot;dab&quot;, item: &quot;dab2&quot; },<br /> { id: &quot;rcam&quot;, t: &quot;Rückfahrkamera&quot;, item: &quot;rcam&quot; },<br /> { id: &quot;fcam&quot;, t: &quot;Front-Kamera&quot;, item: &quot;fcam&quot; },<br /> { id: &quot;tool&quot;, t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, item: &quot;tool&quot; }<br /> ];<br /> <br /> /* Wird eine Option durch eine Auswahl erzwungen, wird sie automatisch gesetzt. */<br /> var FORCED = [<br /> { when: { sound: [&quot;dsp&quot;] }, opts: [&quot;ibus&quot;], why: &quot;wegen DSP erforderlich&quot; }<br /> ];<br /> <br /> /* ---- 3) Artikel/Produkte ---------------------------------------------<br /> u = Link in den Shop (leer lassen = Eintrag ohne Link) */<br /> var ITEMS = {<br /> exl005: { t: &quot;Verlängerung EXL005&quot;, d: &quot;Ersetzt das Radiomodul im Kofferraum (Bus-/Stromanschluss nach vorn).&quot;,<br /> u: &quot;https://shop.ibus-app.de/detail/index/sArticle/212/&quot; },<br /> fakra6m: { t: &quot;Verlängerung 6 m FAKRA(m) auf FAKRA(f), gewinkelt&quot;, d: &quot;Antennenverlängerung vom Kofferraum nach vorn.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/192/verlaengerung-6m-fakra-m-auf-fakra-f-kurz-gewinkelt&quot; },<br /> isoada: { t: &quot;Adapter ISO-Stecker auf FAKRA, gewinkelt (15 cm)&quot;, d: &quot;Nötig, wenn das Fahrzeug einen ISO-Antennenstecker hat.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm&quot; },<br /> dsplic: { t: &quot;DSP-Lizenz für die I-BUS App&quot;, d: &quot;Ohne diese Lizenz arbeitet das Werks-DSP nicht.&quot;, u: &quot;&quot; },<br /> halter: { t: &quot;Halter zur Radio-Montage im BMW E39&quot;, d: &quot;Empfohlen bei Radios, die nicht von AVIN stammen.&quot;,<br /> u: &quot;https://shop.ibus-app.de/shop/zubehoer/182/halter-zur-radio-montage-im-bmw-e39&quot; },<br /> ibus: { t: &quot;I-BUS App&quot;, d: &quot;Erhält Bordcomputer-Funktionen und steuert z. B. den Original-CD-Wechsler.&quot;,<br /> u: &quot;http://www.ibus-app.de&quot; },<br /> deepobd: { t: &quot;DeepOBD (Diagnose)&quot;, d: &quot;Live-Werte auslesen, Fehler lesen und löschen.&quot;, u: &quot;&quot; },<br /> can: { t: &quot;CAN Interface (Addon zur I-BUS App)&quot;, d: &quot;Funktioniert nur zusammen mit der I-BUS App.&quot;, u: &quot;&quot; },<br /> tpms: { t: &quot;TPMS – Reifendruckanzeige&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/tyre-pressure-monitoring-system-tpms01&quot; },<br /> dab1: { t: &quot;DAB+ Single Receiver&quot;, d: &quot;&quot;, u: &quot;https://xtrons.co.uk/dab-tuner-usbdab01&quot; },<br /> dab2: { t: &quot;DAB+ Dual Receiver&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> rcam: { t: &quot;Rückfahrkamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> fcam: { t: &quot;Front-Kamera&quot;, d: &quot;&quot;, u: &quot;&quot; },<br /> tool: { t: &quot;Einbau-Werkzeug (Kunststoffheber)&quot;, d: &quot;Zum schonenden Lösen der Verkleidungen.&quot;, u: &quot;&quot; }<br /> };<br /> <br /> /* ---- 4) Regeln --------------------------------------------------------<br /> type = &quot;need&quot; (Das brauchst Du) | &quot;hint&quot; (Hinweise)<br /> when = Bedingung auf die Auswahlfelder (alle Schlüssel müssen passen)<br /> opts = (optional) diese Zusatzoptionen müssen gewählt sein<br /> items = Artikel aus ITEMS html = Hinweistext (HTML erlaubt)<br /> Abgeleiteter Wert &quot;module&quot;: ja = Radiomodul im Kofferraum, nein = nicht, unk = unklar */<br /> var RULES = [<br /> { type: &quot;need&quot;, when: { current: [&quot;werk&quot;], module: [&quot;ja&quot;] }, items: [&quot;exl005&quot;, &quot;fakra6m&quot;] },<br /> <br /> { type: &quot;hint&quot;, when: { current: [&quot;nach&quot;], module: [&quot;ja&quot;] },<br /> html: &quot;&lt;b&gt;Verlängerungen prüfen:&lt;/b&gt; Bei einem bereits verbauten Nachrüst-Radio sollten EXL005 und FAKRA-Verlängerung schon vorhanden sein. &lt;b&gt;Ungeeignet&lt;/b&gt; sind die Standard-„Quad-Lock-Verlängerung kombiniert mit Antennenverlängerung“ und die „EXL006“ (kein BUS-Signal).&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;ja&quot;] },<br /> html: &quot;&lt;b&gt;Kabelwege:&lt;/b&gt; Die Technik sitzt im Kofferraum. Es müssen mindestens Kabel für Radioanschluss und FM-Antenne nach vorn verlegt werden. Optional zusätzlich: GPS (OEM-Antenne), Verlängerung für DAB+, Anschluss OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;nein&quot;] },<br /> html: &quot;&lt;b&gt;Kabelwege:&lt;/b&gt; Alle Anschlüsse befinden sich direkt hinter dem Radio, es müssen &lt;b&gt;keine&lt;/b&gt; Kabel verlegt werden. Optional ggf. für: GPS (OEM-Antenne), DAB+, OEM-CD-Wechsler, Cinch für Subwoofer.&quot; },<br /> { type: &quot;hint&quot;, when: { module: [&quot;unk&quot;] },<br /> html: &quot;&lt;b&gt;Bitte prüfen:&lt;/b&gt; Schau nach, ob im Kofferraum ein Radiomodul sitzt. Manche E46 mit Pfeilnavi (vermutlich Vorfacelift) haben das Radio hinten und benötigen dann EXL005 + FAKRA-Verlängerung.&quot; },<br /> <br /> { type: &quot;need&quot;, when: { ant: [&quot;iso&quot;] }, items: [&quot;isoada&quot;] },<br /> { type: &quot;hint&quot;, when: { ant: [&quot;unk&quot;] },<br /> html: &quot;&lt;b&gt;Antennenstecker:&lt;/b&gt; Hat Dein Fahrzeug einen ISO-Antennenstecker, brauchst Du zusätzlich den &lt;a href='https://shop.ibus-app.de/shop/zubehoer/adapterkabel/193/adapter-kabel-iso-f-auf-fakra-f-kurz-gewinkelt-15cm'&gt;Adapter ISO auf FAKRA&lt;/a&gt;. Bei FAKRA ist kein Adapter nötig.&quot; },<br /> <br /> { type: &quot;need&quot;, when: { sound: [&quot;dsp&quot;] }, items: [&quot;dsplic&quot;] },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;dsp&quot;] },<br /> html: &quot;&lt;b&gt;DSP:&lt;/b&gt; Damit das Werks-DSP überhaupt arbeitet, wird die I-BUS App mit DSP-Lizenz benötigt.&quot; },<br /> { type: &quot;hint&quot;, when: { sound: [&quot;hk&quot;] },<br /> html: &quot;&lt;b&gt;Harman Kardon:&lt;/b&gt; Benötigt &lt;b&gt;keine&lt;/b&gt; DSP-Lizenz. Das Remote-Signal (+12 V, wenn Radio an) genügt zum Starten.&quot; },<br /> <br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E38&quot;, &quot;E53&quot;] },<br /> html: &quot;&lt;b&gt;Montage:&lt;/b&gt; Radios für BMW E38/E53 benötigen keine extra Halterungen.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E39&quot;] },<br /> html: &quot;&lt;b&gt;Montage:&lt;/b&gt; Bei Radios, die nicht von AVIN stammen, empfehlen wir einen Halter (siehe Zusatzoptionen) oder das Bearbeiten der beiliegenden Montagewinkel. Anleitungen: &lt;a href='https://xtrons.ibus-app.de/index.php?title=Montageanleitungen'&gt;Montageanleitungen&lt;/a&gt;.&quot; },<br /> { type: &quot;hint&quot;, when: { vehicle: [&quot;E46&quot;], factory: [&quot;iris&quot;, &quot;mid&quot;, &quot;pfeil&quot;], current: [&quot;werk&quot;] },<br /> html: &quot;&lt;b&gt;Montage E46 ohne großes Navi:&lt;/b&gt; Das Klimabedienteil muss nach unten versetzt werden. Dafür brauchst Du den passenden &lt;b&gt;Funktionsträger&lt;/b&gt; (neu ca. 100 €, ggf. beim Teileverwerter günstiger):&lt;br&gt;&quot; +<br /> &quot;Einzelschalter (eher VFL): &lt;a href='https://www.leebmann24.de/trager-3er-51168202186.html'&gt;ohne Raucher 51168202186&lt;/a&gt; / &lt;a href='https://www.leebmann24.de/trager-3er-51168230902.html'&gt;mit Raucher 51168230902&lt;/a&gt;&lt;br&gt;&quot; +<br /> &quot;Schaltzentrum (eher FL): &lt;a href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001408.html'&gt;ohne Raucher 51167001408&lt;/a&gt; / &lt;a href='https://www.leebmann24.de/funktionstrager-schaltzentrum-3er-51167001410.html'&gt;mit Raucher 51167001410&lt;/a&gt;&quot; },<br /> <br /> { type: &quot;hint&quot;, opts: [&quot;ibus&quot;], when: {},<br /> html: &quot;&lt;b&gt;I-BUS App:&lt;/b&gt; Siehe &lt;a href='https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F'&gt;Was brauche ich, um die I-BUS App nutzen zu können?&lt;/a&gt; und die &lt;a href='https://wiki.ibus-app.de/index.php?title=Einbauanleitung_f%C3%BCr_Resler_Modul_und_Resler_Interface'&gt;Einbauanleitung für Resler Modul und Interface&lt;/a&gt;.&quot; },<br /> { type: &quot;hint&quot;, when: {}, opts: [],<br /> html: &quot;&lt;b&gt;Wichtig:&lt;/b&gt; Bitte immer die Anschlüsse am eigenen Radio abgleichen. Welches Radio passt? → &lt;a href='https://xtrons.ibus-app.de/index.php?title=Entscheidungshilfe%3A_AVIN_oder_XTRONS%3F'&gt;Entscheidungshilfe AVIN oder XTRONS&lt;/a&gt;, Kosten → &lt;a href='https://xtrons.ibus-app.de/index.php?title=Grobe_Kosten%C3%BCbersicht'&gt;Grobe Kostenübersicht&lt;/a&gt;.&quot; }<br /> ];<br /> <br /> /* =====================================================================<br /> PROGRAMMLOGIK<br /> ===================================================================== */<br /> var $ = function (id) { return document.getElementById(id); };<br /> var sel = {}, picked = {};<br /> var fieldsEl = $(&quot;nvk-fields&quot;), optsEl = $(&quot;nvk-opts&quot;), outEl = $(&quot;nvk-out&quot;);<br /> <br /> function match(cond, s, lenient) {<br /> if (!cond) return true;<br /> for (var k in cond) {<br /> if (!s[k]) { if (lenient) continue; return false; }<br /> if (cond[k].indexOf(s[k]) &lt; 0) return false;<br /> }<br /> return true;<br /> }<br /> function derive() {<br /> var s = {}, k;<br /> for (k in sel) s[k] = sel[k];<br /> if (s.factory === &quot;n43&quot; || s.factory === &quot;n169&quot;) s.module = &quot;ja&quot;;<br /> else if (s.factory === &quot;iris&quot; || s.factory === &quot;mid&quot;) s.module = &quot;nein&quot;;<br /> else if (s.factory === &quot;pfeil&quot;) s.module = s.trunk || &quot;unk&quot;;<br /> return s;<br /> }<br /> function forced(s) {<br /> var f = {};<br /> FORCED.forEach(function (r) { if (match(r.when, s)) r.opts.forEach(function (o) { f[o] = r.why; }); });<br /> return f;<br /> }<br /> function onSet(s) {<br /> var f = forced(s), on = {}, k;<br /> for (k in picked) if (picked[k]) on[k] = true;<br /> for (k in f) on[k] = true;<br /> return { on: on, forced: f };<br /> }<br /> function optVisible(o, s, on) {<br /> if (!match(o.show, s, true)) return false;<br /> return (o.requires || []).every(function (r) { return on[r]; });<br /> }<br /> <br /> /* Felder aufbauen */<br /> FIELDS.forEach(function (f) {<br /> var wrap = document.createElement(&quot;div&quot;); wrap.className = &quot;nvk-f&quot;; wrap.id = &quot;nvk-w-&quot; + f.id;<br /> var lab = document.createElement(&quot;label&quot;); lab.htmlFor = &quot;nvk-&quot; + f.id; lab.textContent = f.label;<br /> var s = document.createElement(&quot;select&quot;); s.id = &quot;nvk-&quot; + f.id;<br /> s.addEventListener(&quot;change&quot;, function () { sel[f.id] = s.value; update(); });<br /> wrap.appendChild(lab); wrap.appendChild(s); fieldsEl.appendChild(wrap);<br /> });<br /> <br /> function renderFields() {<br /> var s = derive();<br /> FIELDS.forEach(function (f) {<br /> var wrap = $(&quot;nvk-w-&quot; + f.id), el = $(&quot;nvk-&quot; + f.id);<br /> var vis = match(f.show, s, false) || !f.show;<br /> wrap.style.display = vis ? &quot;&quot; : &quot;none&quot;;<br /> if (!vis) { sel[f.id] = &quot;&quot;; return; }<br /> var allowed = f.values.filter(function (v) { return match(v.only, s, true); });<br /> if (sel[f.id] &amp;&amp; !allowed.some(function (v) { return v.v === sel[f.id]; })) sel[f.id] = &quot;&quot;;<br /> if (!sel[f.id] &amp;&amp; f.def) sel[f.id] = f.def;<br /> el.innerHTML = &quot;&quot;;<br /> if (!f.def) { var p = document.createElement(&quot;option&quot;); p.value = &quot;&quot;; p.textContent = &quot;– bitte wählen –&quot;; el.appendChild(p); }<br /> allowed.forEach(function (v) {<br /> var o = document.createElement(&quot;option&quot;); o.value = v.v; o.textContent = v.t; el.appendChild(o);<br /> });<br /> el.value = sel[f.id] || &quot;&quot;;<br /> });<br /> }<br /> <br /> function renderOpts() {<br /> var s = derive(), st = onSet(s);<br /> /* Gruppen-Ausschluss &amp; nicht mehr sichtbare Optionen bereinigen */<br /> OPTS.forEach(function (o) { if (!optVisible(o, s, st.on)) picked[o.id] = false; });<br /> st = onSet(s);<br /> optsEl.innerHTML = &quot;&quot;;<br /> OPTS.forEach(function (o) {<br /> if (!optVisible(o, s, st.on)) return;<br /> var lab = document.createElement(&quot;label&quot;); lab.className = &quot;nvk-o&quot;;<br /> var cb = document.createElement(&quot;input&quot;); cb.type = &quot;checkbox&quot;;<br /> cb.checked = !!st.on[o.id];<br /> var isForced = !!st.forced[o.id];<br /> if (isForced) { cb.disabled = true; lab.className += &quot; dis&quot;; }<br /> cb.addEventListener(&quot;change&quot;, function () {<br /> picked[o.id] = cb.checked;<br /> if (cb.checked &amp;&amp; o.excl) OPTS.forEach(function (x) { if (x.excl === o.excl &amp;&amp; x.id !== o.id) picked[x.id] = false; });<br /> update();<br /> });<br /> lab.appendChild(cb);<br /> var txt = &quot; &quot; + o.t;<br /> lab.appendChild(document.createTextNode(txt));<br /> var sub = [o.sub, isForced ? st.forced[o.id] : &quot;&quot;].filter(Boolean).join(&quot; – &quot;);<br /> if (sub) { var sm = document.createElement(&quot;small&quot;); sm.textContent = &quot; (&quot; + sub + &quot;)&quot;; lab.appendChild(sm); }<br /> optsEl.appendChild(lab);<br /> });<br /> }<br /> <br /> function card(item, cls) {<br /> var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-card &quot; + (cls || &quot;&quot;);<br /> var b = document.createElement(&quot;b&quot;); b.textContent = item.t; d.appendChild(b);<br /> if (item.d) { var p = document.createElement(&quot;span&quot;); p.textContent = item.d; d.appendChild(p); }<br /> if (item.u) {<br /> var a = document.createElement(&quot;a&quot;); a.className = &quot;nvk-shop&quot;; a.href = item.u; a.target = &quot;_blank&quot;; a.rel = &quot;noopener&quot;;<br /> a.textContent = &quot;Im Shop ansehen →&quot;; d.appendChild(a);<br /> }<br /> return d;<br /> }<br /> <br /> function renderResult() {<br /> var s = derive(), st = onSet(s);<br /> var required = [&quot;vehicle&quot;, &quot;factory&quot;, &quot;sound&quot;, &quot;current&quot;, &quot;body&quot;];<br /> var names = { vehicle: &quot;Fahrzeug&quot;, factory: &quot;Verbaut ab Werk&quot;, sound: &quot;Soundsystem&quot;, current: &quot;Aktuell verbaut&quot;, body: &quot;Karosserie&quot; };<br /> var missing = required.filter(function (k) { return !sel[k]; });<br /> outEl.innerHTML = &quot;&quot;;<br /> if (missing.length) {<br /> var m = document.createElement(&quot;p&quot;); m.className = &quot;nvk-miss&quot;;<br /> m.textContent = &quot;Bitte noch auswählen: &quot; + missing.map(function (k) { return names[k]; }).join(&quot;, &quot;);<br /> outEl.appendChild(m); return;<br /> }<br /> var needs = [], hints = [], seen = {};<br /> RULES.forEach(function (r) {<br /> if (!match(r.when, s)) return;<br /> if (r.opts &amp;&amp; !r.opts.every(function (o) { return st.on[o]; })) return;<br /> if (r.type === &quot;need&quot;) (r.items || []).forEach(function (id) { if (!seen[id]) { seen[id] = 1; needs.push(ITEMS[id]); } });<br /> else hints.push(r.html);<br /> });<br /> var h = document.createElement(&quot;h3&quot;); h.textContent = &quot;Das brauchst Du&quot;; outEl.appendChild(h);<br /> if (needs.length) needs.forEach(function (i) { outEl.appendChild(card(i)); });<br /> else { var n = document.createElement(&quot;p&quot;); n.textContent = &quot;Für die Grundinstallation sind keine zusätzlichen Verlängerungen oder Adapter nötig.&quot;; outEl.appendChild(n); }<br /> <br /> var opt = [];<br /> OPTS.forEach(function (o) { if (st.on[o.id] &amp;&amp; optVisible(o, s, st.on) &amp;&amp; !seen[o.item]) opt.push(ITEMS[o.item]); });<br /> if (opt.length) {<br /> var h2 = document.createElement(&quot;h3&quot;); h2.textContent = &quot;Deine Zusatzoptionen&quot;; outEl.appendChild(h2);<br /> opt.forEach(function (i) { outEl.appendChild(card(i, &quot;opt&quot;)); });<br /> }<br /> if (hints.length) {<br /> var h3 = document.createElement(&quot;h3&quot;); h3.textContent = &quot;Hinweise&quot;; outEl.appendChild(h3);<br /> hints.forEach(function (t) { var d = document.createElement(&quot;div&quot;); d.className = &quot;nvk-note&quot;; d.innerHTML = t; outEl.appendChild(d); });<br /> }<br /> }<br /> <br /> function update() { renderFields(); renderOpts(); renderResult(); }<br /> $(&quot;nvk-reset&quot;).addEventListener(&quot;click&quot;, function () { sel = {}; picked = {}; update(); });<br /> update();<br /> })();<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Hauptseite&diff=4066 Hauptseite 2026-10-21T07:45:03Z <p>Andre: /* Neu hier? Das musst Du wissen */</p> <hr /> <div>&lt;big&gt;&lt;big&gt;&lt;big&gt;'''Willkommen im Wiki rund um Android-Navis, insbesondere für BMW E38/E39/E46/E53'''&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;<br /> &lt;big&gt;Hier findet ihr eine Übersicht an empfohlenen Radios, Einbauanleitungen, Adapter, Firmware (Updates), Apps, Modifikationen sowie Tipps und Tricks &lt;/big&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> === &lt;big&gt;Alle Informationen zur I-Bus App&lt;/big&gt; ===<br /> &lt;br /&gt;<br /> * '''&lt;big&gt;&lt;big&gt;&lt;big&gt;[http://www.ibus-app.de/ BMW I-BUS App Homepage]&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;'''&lt;br /&gt;&lt;br /&gt;<br /> * '''&lt;big&gt;&lt;big&gt;&lt;big&gt;[http://wiki.ibus-app.de/ Wiki zur BMW I-BUS App]&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;'''&lt;br /&gt;&lt;br /&gt;<br /> * '''&lt;big&gt;&lt;big&gt;&lt;big&gt;[https://www.facebook.com/groups/1954844871468973/ BMW Xtrons, AVIN und I-BUS Android App - Facebook Gruppe]&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;'''&lt;br /&gt;&lt;br /&gt;<br /> * '''&lt;big&gt;&lt;big&gt;&lt;big&gt;[https://forum.ibus-app.de/ I-BUS App Forum]&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;'''<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Neu hier? Das musst Du wissen&lt;/big&gt; ===<br /> &lt;br /&gt;<br /> &lt;big&gt;&lt;big&gt;&lt;big&gt;'''[[Was brauche ich um meinen BMW E38/E39/E46/E53 auf ein Android-Navi umzurüsten?]]'''&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;&lt;big&gt;&lt;big&gt;'''[[Android Radio Konfigurator]]'''&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Empfohlene Radiomodelle&lt;/big&gt; ===<br /> * &lt;big&gt;&lt;big&gt;[[aktuelle Xtrons-Radiomodelle|'''aktuelle Xtrons-Radiomodelle + Zubehör''']]&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> *&lt;big&gt;&lt;big&gt;[[aktuelle AVIN-Radiomodelle|aktuelle '''AVIN'''-Radiomodelle + Zubehör]]&lt;/big&gt;&lt;/big&gt;<br /> ** [https://help.avinusa.com/en/article/ibus-bmw-app-install-update-guide-dl24h0/ Anschlüsse, Hilfe und FAQ von AVIN (Englisch)]&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''!ACHTUNG! [[Anschlussfehler CAN-BUS Box und Zündungssignal]]''' (AVIN Avant 4, Xtrons MA-, IA-, PQS-, IQ-, IX- und PX-Serie - '''außer IQ..IBUS''')&lt;/big&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[Xtrons IX-Serie|Einstellungen und Tipps für Xtrons IX- und PX-Serie]]'''&lt;/big&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[Xtrons IQ-IBUS-Serie|Einstellungen und Tipps für Xtrons IQ-Serie für IBUS]]'''&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;&lt;big&gt;&lt;big&gt;'''[[Entscheidungshilfe: AVIN oder XTRONS?|Entscheidungshilfe: XTRONS oder AVIN?]]'''&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;<br /> * [[Warum ein Xtrons-Radio? Geht nicht auch Eonon, Erisin, Pumpkin,.. ?|Warum ein AVIN oder Xtrons Radio? Geht nicht auch Eonon, Erisin, Pumpkin, MyRadical, HIZPO, XOMAX, .. ?]]<br /> * [[Warum nur empfohlene Android-Radios kaufen?]]<br /> * &lt;big&gt;&lt;big&gt;'''[[grobe Kostenübersicht|grobe Kostenübersicht / Einkaufsliste]]'''&lt;/big&gt;&lt;/big&gt;<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Zubehör&lt;/big&gt; ===<br /> * [https://wiki.ibus-app.de/index.php?title=Was_brauche_ich_um_die_I-BUS_App_nutzen_zu_k%C3%B6nnen%3F &lt;big&gt;'''Was brauche ich um die I-BUS App nutzen zu können? =&gt; BC erhalten, Uhr stellen, Standheizung weiter nutzen,..'''&lt;/big&gt;]<br /> * [[Warum empfehlen wir nur das &quot;Resler-USB-Interface&quot;/&quot;Resler Modul&quot; und kein anderes Interface?]]&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[Apple Carplay &amp; Android Auto]]'''&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[OBD2 Diagnose]]'''&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[DAB+]]'''&lt;/big&gt;<br /> * [[Installation der DAB+ Antenne]]<br /> * [[Splitter für DAB+ zur Nutzung der OEM-Scheibenantennen]]<br /> * [[DAB Antenne Empfang verbessern|DAB Antenne Empfang verbessern/Kalte Lötstelle im DAB+ Stick reparieren]]&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[TPMS - Reifendruckkontrolle]]'''&lt;/big&gt;<br /> * [[Installations TPMS App (Reifenluftdruck)]]<br /> * [[TPMS Sensoren anlernen]]&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[https://shop.ibus-app.de/detail/index/sArticle/249 Quadlock-Adapter mit Rauschunterdrückung]'''&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> * [[Übersicht 3G/4G Internetsticks]]&lt;br /&gt;&lt;br /&gt;<br /> * [[Aktiver USB-HUB, USB-Ladedose im Handschuhfach nachrüsten (z.B. für 3G/4G-Stick)]]&lt;br /&gt;&lt;br /&gt;<br /> * &lt;big&gt;'''[[Anschluss Rückfahrkamera]]'''&lt;/big&gt;<br /> * [[Rückfahrkamera mit Taster für E39/E46 touring|Rückfahrkamera mit Taster für E39/E46 touring und E38]] (Fa. Höfig)&lt;br /&gt;&lt;br /&gt;<br /> * [[NBT iDrive mit Xtrons]] (Yam Droid)<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Firmware und Bedienanleitung&lt;/big&gt; ===<br /> * '''&lt;big&gt;[[aktuelle Firmware]]&lt;/big&gt;''' (AAS, AVIN, Xtrons: PX3/PX30/PX5/PX6/Qualcomm - Hal9k und Malaysk ROM, MCU Updates,..)<br /> * '''&lt;big&gt;[[Firmware]]&lt;/big&gt;''' (für E6x/E7x/E9x/..)<br /> * Wie funktioniert ein [[Firmwareupdate]]<br /> * [https://xtrons.ibus-app.de/index.php?title=Aktuelle_Firmware#Welche_MCU_und_Firmware-Version_habe_ich_installiert.3F Welche MCU und Firmware-Version habe ich installiert?]<br /> * '''[[Bedienanleitung]]'''<br /> * [[Wie kommt man ins Recovery Menü?]]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Montageanleitungen / Adapter&amp;Verlängerungen / PIN Belegungen ..&lt;/big&gt; ===<br /> * '''[[Montageanleitungen]]'''<br /> * &lt;big&gt;&lt;big&gt;'''[[Adapter und Verlängerungen]]'''&lt;/big&gt;&lt;/big&gt;<br /> * [[Anpassung der Montagewinkel]]<br /> * [[Alternative zu den beigelegten Montagewinkeln|Alternative zu den beigelegten Montagewinkeln/Haltern]] (Nur BMW E39)<br /> * [https://www.google.com/maps/d/viewer?mid=1TMCVoZn225Aqsg4H_aoXpDr7aJ0&amp;ll=42.757111958542374%2C-35.38434504999998&amp;z=4 Übersichtskarte: Einbauhelfer]<br /> * [[Was bleibt beim Umbau im Wagen und was fliegt raus?]]<br /> * [[Installation der DAB+ Antenne]] <br /> * [[PIN-Belegung Xtrons - Radiostecker - CAN-BUS-Box|PIN-Belegung Xtrons - Radiostecker - CAN-BUS-Box // Anschlussplan Radio / Steckerübersicht]]<br /> * [https://wiki.ibus-app.de/index.php?title=Einbauanleitung_f%C3%BCr_Resler_Modul_und_Resler_Interface Einbauanleitung für Resler Modul und Resler Interface]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Modifikationen / Anpassungen / Einstellungen&lt;/big&gt; ===<br /> * [[Radiosender dauerhaft speichern/Verlust der Radiostationen bei Neustart oder spannungsfreiem Radio vermeiden]]<br /> <br /> * [[Änderung der Tasten-Beleuchtungsfarbe]]<br /> <br /> * [[Tastenbeleuchtung abdimmbar machen]] (nur für ältere Xtrons)<br /> <br /> * [http://download.speedy-pics.de/uploads/safe/dritte_usb-buchse_xtrons-pb7639bap.pdf Dritte USB-Buchse nachrüsten]<br /> <br /> * [[Bootlogo ändern]]<br /> <br /> * [[Einstellungen: Uhrzeit / Video während der Fahrt / Reverse Reduktion / ..]]<br /> <br /> * [http://download.speedy-pics.de/uploads/weblink/Tastenbelegung_aendern_mtctools.pdf Tastenbelegung mit MTCD-Tools ändern] '''(Bedarf eines Roots, oder Malaysk-ROM!!!)'''<br /> <br /> * [[Tastenbelegung OHNE Root ändern - MTC-Tools]]<br /> <br /> * [[Tastenbelegung OHNE Root ändern|Tastenbelegung OHNE Root ändern - Xtrons PB-, PQ-, PQS-, IQ-Serie u.ä.]]<br /> <br /> * [http://download.speedy-pics.de/uploads/weblink/XTRONS_Tastenbelegung-aendern.pdf Radio-Tastenbelegung ändern] '''Root/[[Aktuelle Firmware|Malaysk]] erforderlich!'''<br /> <br /> * [[Root für Android 8 (MTCD oder MTCE Geräte mit PX5 2gb oder 4gb Ram)]]<br /> <br /> * [[Equalizer-Modifikation für PX3/PX5 Radios - Sound-Mod]]<br /> <br /> * [[DSP-Equalizer-Modifikation für Radios mit internem DSP]] (z.b. AAS, AVIN,..)<br /> <br /> * [[DSP-Chip im Radio nachrüsten]]<br /> <br /> * [[Was ist DSP? Digitaler Soundprozessor|Was ist DSP? Digitaler Soundprozessor // DSP Nachrüstlösungen]]<br /> <br /> * [[Kein WLAN/USB/Bluetooth wenn es kalt ist|Kein WLAN / USB / Bluetooth wenn es kalt ist]]''' (Diese Lösung benötigt ein gerootetes Android!''')<br /> <br /> * [[DAB Antenne Empfang verbessern|DAB Antenne Empfang verbessern/Kalte Lötstelle im DAB+ Stick reparieren]]<br /> <br /> * [[Lüfter/Kühlkörper nachrüsten|CPU/Prozessor wird zu heiß: Lüfter/Kühlkörper nachrüsten]]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Tipps/Reparaturen&lt;/big&gt; ===<br /> * [[Abschalten des schwarzen Bildschirms (Rückfahrkamera) beim Einlegen des Rückwärtsganges]][[Datei:Back.jpg|100px|miniatur|ohne]]<br /> * '''[[Kein Ton nach Radio-Einbau]] (DSP und Remote für Hifi-Endstufe/schlechter Radioempfang )'''<br /> * '''[[Das Radio/Navi geht nicht (mehr) an. Kein Bild. Kein Ton|Das Radio / Navi geht nicht (mehr) an. Kein Bild. Kein Ton]]'''<br /> * [https://youtu.be/EUKq-B06gg0?t=467 Xtrons PQS-/IQ-Serie und AVIN: Zündungssignal von CAN BUS Box auf Radiostecker umstecken]<br /> * [http://download.speedy-pics.de/uploads/weblink/OBD02-Connection-Guide.pdf OBD-Interface einrichten für Torque] [english]&lt;br&gt;&lt;br&gt;<br /> * &lt;big&gt;&lt;big&gt;'''[[DeepOBD - Adapter und App einrichten|DeepOBD - Adapter und App einrichten und mit der I-BUS App verbinden]]'''&lt;/big&gt;&lt;/big&gt;&lt;br&gt;&lt;br&gt;<br /> * [http://download.speedy-pics.de/uploads/weblink/obd1-obd2.pdf Nachrüstung oder Vervollständigung der OBD2 Diagnose Buchse &lt;small&gt;(V1.3 2021-02-27)&lt;/small&gt;] [BMW E38/E39/E46]<br /> * [https://www.youtube.com/watch?v=kWKcWBMESDQ Install wire bridge on OBD1 cap board to fully access OBD2 diagnostics in the cabin] [BMW E38/E39/E46 - with both: OBD1 + OBD2]<br /> * [[Reparatur bei Ausfall Tastenbeleuchtung am Radio oder Funktionsstörung der Knöpfe/Drehregler]]<br /> * [[Entstörkondensator einbauen - E39 525d und 530d]] (LiMa Pfeiffen beheben)<br /> * [http://download.speedy-pics.de/uploads/safe/eba_oem-mikro%20mit%20xtrons.pdf?fbclid=IwAR3GnAlWntSKKQ0132B2H0u7R8MoPnJVYNcXgRhZ9JLUeR8H8MLGakVoIHU EBA OEM Mikro BMW E39 als externes Mikro] Danke Mirko<br /> * Ersatzmikrofon in originale Halterung im Himmel: [https://kufatec.com/de/kufatec-fiscon-mikrofon-fuer-die-bmw-mini-deckenleuchte/36338-5 Kufatec 36338-5]<br /> * [[iPhone / iOS ab Version 13: Kontakte frei geben / Hotspot sichtbar schalten|iPhone / iOS ab Version 13: Kontakte frei geben / Hotspot sichtbar schalten / Umschalten zw. 5GHz und 2,4GHz]]<br /> * [[Persönlicher Hotspot funktioniert nicht auf dem iPhone]]<br /> * [[Kontakte synchronisieren mit iPhone (via Bluetooth)]]<br /> * [[Wie kommt man ins Recovery Menü?]]<br /> * [[Passwort für Werkseinstellungen|Passwort / Code für Werkseinstellungen]]<br /> * [https://bbs.xtrons.com/viewtopic.php?f=41&amp;t=582983 BMW E6x/E9x/E70 etc - kein Ton nach Installation eines Android Radios (AUX-in)]<br /> * [[Verbesserung Radioempfang für Audi/VW/Seat/Skoda mit Phantomspeisung]]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;Apps&lt;/big&gt; ===<br /> <br /> &lt;br /&gt;[[App-Link Sammlung]]&lt;br /&gt;<br /> * &lt;big&gt;'''[https://idrive.ibus-app.de/ iDrive Launcher]'''&lt;/big&gt;<br /> * [https://www.media-broadcast.com/hoerfunk/dabplus-logo-service/ Download DAB+ Logos], alternativ: [https://www.seat.de/content/dam/countries/de/seat-website/download/senderlogos/senderlogos.zip Download DAB+ Logos]<br /> &lt;br /&gt;<br /> ----<br /> <br /> ===&lt;big&gt; Bugs &amp; Fehler &lt;/big&gt;===<br /> &lt;br /&gt;<br /> <br /> * [[Liste über Bugs &amp; Fehler]]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === &lt;big&gt;ToDo-Liste&lt;/big&gt; ===<br /> * [[ToDo-Liste]]<br /> &lt;br /&gt;<br /> ----<br /> <br /> === Spenden ===<br /> <br /> Wenn Ihnen unser Wiki/unsere App gefallen und Sie uns unterstützen möchten, würden wir uns über eine [https://ibus-app.de/spenden Spende] freuen.&lt;br /&gt;<br /> [[Datei:Paypal-logo.png|rahmenlos|link=https://ibus-app.de/spenden]]</div> Andre https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&diff=4065 DeepOBD - Adapter und App einrichten 2026-10-20T13:08:57Z <p>Andre: /* DeepOBD Config Generator */</p> <hr /> <div>== DeepOBD - Diagnose und Live-Werte ==<br /> &lt;small&gt;Stand: 04.02.2026&lt;/small&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Was kann die App? ===<br /> * Fehlerspeicher auslesen - für '''BMW AG''' und auch '''VAG''' [VW, Audi, Skoda, Seat,..] (ca.2004-2017)<br /> * Auslesen und Anzeigen von Live-Werten aus alles Steuergeräten (z.b. Motor: Öltemperatur beim M52TU/M54/S54, Ladedruck beim M57,..)<br /> * ähnliche Funktionen wie BMW Diagnose Software<br /> * alle Funktion müssen selbst(!) konfiguriert werden, oder aber es werden von uns vorbereitete Konfigurationen genutzt. (Siehe [[DeepOBD_-_Adapter_und_App_einrichten#Zusammenfassung_und_Download|Download]])&lt;br /&gt;<br /> &lt;br /&gt;<br /> {|<br /> |&lt;youtube&gt;https://youtu.be/-uNTGxTXcPw&lt;/youtube&gt;&lt;br&gt;<br /> '''Beispiel:''' ''BMW E39 M57 530d''<br /> |&lt;youtube&gt;https://www.youtube.com/watch?v=XYUfAFopVtg&lt;/youtube&gt;&lt;br&gt;<br /> '''Beispiel:''' ''BMW E39 M54 525i''<br /> |}<br /> <br /> &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> === Was brauche ich? ===<br /> * Ein Android-Gerät mit voll nutzbarer USB-Schnittstelle („OTG“) oder Bluetooth.<br /> * Die App „[https://play.google.com/store/apps/details?id=de.holeschak.bmw_deep_obd DeepOBD]“<br /> * Die zugehörigen ECU Daten (~120MB, können nur in der App herunter geladen werden)<br /> * Ein OBD2-USB Diagnose-Interface (wie für BMW Diagnose Software) oder das [https://shop.ibus-app.de/detail/index/sArticle/258 '''speziell für „DeepOBD“ erstellte Bluetooth Interface'''] '''[alle anderen, ggf. ähnlich aussehenden BT-Interface funktionieren NICHT!]'''<br /> * Eine voll-belegte OBD2 Diagnose-Schnittstelle (optional temporär eine OBD1 Diagnose-Schnittstelle PLUS einen Adapter auf OBD2). Sofern OBD1 und OBD2 verbaut sind (einige E38/E39/E46), so muss OBD2 vervollständigt werden (Stichwort &quot;PIN 7+8&quot;) ==&gt; [http://download.speedy-pics.de/uploads/weblink/obd1-obd2.pdf Nachrüstung oder Vervollständigung der OBD2 Diagnose Buchse (V1.3 2021-02-27) [BMW E38/E39/E46&lt;nowiki&gt;]&lt;/nowiki&gt;]<br /> * Geduld und etwas Muse :o)&lt;br /&gt;<br /> <br /> Alle weiteren Infos findet ihr (in English!) auf der [https://ediabaslib.codeplex.com/wikipage?title=Deep%20OBD%20for%20BMW Homepage des Entwicklers].&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Bluetooth Interface ===<br /> Es existiert auf dem Markt nur zwei für die App nutzbare OBDII-Bluetooth Interfaces.<br /> # &lt;big&gt;'''&lt;font color=&quot;red&quot;&gt;NEU&lt;/font&gt; Das von Herr Holeschak angepasste und geprüfte [https://shop.ibus-app.de/detail/index/sArticle/258 Deep OBD Interface gibt es endlich auch im I-BUS App-Shop]'''&lt;/big&gt;.&lt;sup&gt;1&lt;/sup&gt;<br /> # Das eine kommt direkt vom Entwickler, der es bei ebay als [https://www.ebay.de/usr/uh-xy Verkäufer uh-xy] anbietet.&lt;sup&gt;2&lt;/sup&gt;<br /> <br /> '''Andere, optisch identische Interface funktionieren nicht, das sowohl Hard- als auch Software modifiziert werden.'''&lt;br /&gt;&lt;br /&gt;<br /> <br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> DeepOBD Interface 1.png|DeepOBD Interface im I-BUS App Shop<br /> DeepOBD Interface 2.png|DeepOBD Interface im I-BUS App Shop<br /> DeepOBD Interface 3.png|DeepOBD Interface im I-BUS App Shop<br /> DeepOBD Interface.jpg|DeepOBD Interface bei ebay<br /> &lt;/gallery&gt;<br /> &lt;sup&gt;1&lt;/sup&gt;Das Interface basiert auf einem Xtrons OBD02 - wurde aber von Herrn Holeschak selbst modifiziert (Hardware und Firmware) und getestet. Damit es als solches erkannt werden kann haben wir ihm einem entsprechenden Sticker spendiert.&lt;br /&gt;<br /> &lt;sup&gt;1&lt;/sup&gt;Nutzbar sind '''nur''' die Interface mit dem '''Chip BC417''' und einer '''Brücke zw. Pin 7+8''' ( für BMW E38/E39/E46/E53). Entsprechend ist das Interface zu bestellen.&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Koppelung des Bluetooth Interfaces ===<br /> Wir empfehlen das Interface zuerst im Telefon-Menü des Android-Radios (bei Handy und Tablet egal!) und '''nicht''' im Bluetooth-Menü zu koppeln.&lt;br /&gt;<br /> Das Interface rückt damit nur in die Liste der verbundenen Geräte, wird aber keine Farbänderung (wie bei Xtrons, hier wird z.b. der Smartphone-Name grün bei aktiver Verbindung) vollziehen.&lt;br /&gt;<br /> Allerdings wird in der Statusleiste das blaue OBD-Icon erscheinen. '''Nur''' wenn dieses erscheint, wird eine Verbindung zur App DeepOBD erfolgreich sein.&lt;br /&gt;<br /> Erscheint das Icon, können wir zur App über gehen.&lt;br /&gt;&lt;br /&gt;<br /> '''&lt;big&gt;&lt;font color=&quot;red&quot;&gt;WICHTIG für alle neuen Xtrons (MA-, PQS- und IQ-Serie) sowie AVIN (PX6 und Qualcomm): Bluetooth-PIN vom Radio(!!!!) auf &quot;1234&quot; (entsprechend dem vom DeepOBD Interface) ändern, damit das Pairen funktioniert!&lt;/font&gt;&lt;/big&gt;'''<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> MCU2.png|Beispielbild OBDII Icon<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> ==== Fehlerbehandlung Interface Kopplung ====<br /> Erscheint das blaue OBD Icon nach Kopplung nicht oder das Interface wird nicht gefunden, kann es helfen:<br /> * das Interface aus- und an zu schalten und erneut zu suchen und pairen<br /> * das Interface aus der Liste zu löschen und erneut zu suchen und pairen<br /> * das Interface aus der Liste zu löschen, alle Verbindungen (DeepOBD) zu beenden, Namen und PIN vom Radio zu änder und anschließend Interface neu suchen und pairen<br /> * '''&lt;big&gt;&lt;font color=&quot;red&quot;&gt;WICHTIG für alle neuen Xtrons (MA-, PQS- und IQ-Serie) sowie AVIN (PX6 und Qualcomm): Bluetooth-PIN vom Radio(!!!!) auf &quot;1234&quot; (entsprechend dem vom DeepOBD Interface) ändern, damit das Pairen funktioniert!&lt;/font&gt;&lt;/big&gt;'''&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> === USB Interface ===<br /> Neben dem speziellen Bluetooth Interface funktioniert jedes USB-Interface, mit dem man auch die bekannten BMW Programme nutzen kann.&lt;br /&gt;<br /> Wichtig ist aber auch hier, dass die Brücke zw. PIN 7+8 gesetzt wird.&lt;br /&gt;<br /> Es genügt daher jedes beliebige &quot;KKL USB OBD2&quot; Interface (auch wenn es als &quot;nur für VAG geeignet&quot; deklariert ist). man bekommt diese ab ~10..15€ bei amazon oder ebay etc.&lt;br /&gt;<br /> Natürlich geht auch jedes BMW spezifisches Interface mit der Beschreibung &quot;K+D CAN&quot;, aber auch hier muss sichergestellt werden, dass die Brücke gesetzt ist!&lt;br /&gt;<br /> Eingerichtet wird es stets als &quot;FTDI USB Interface&quot;&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> K+D CAN.jpg|K+D CAN OBD2 USB Interface<br /> Interface Brücke7+8.jpg|Brücke PIN 7+8 im OBD2 USB Interface<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Einrichtung von DeepOBD ===<br /> Bitte aktuell die pdf im [https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten#Zusammenfassung_und_Download Download (pdf-File im Archiv)] lesen oder das [https://www.youtube.com/watch?v=sHoUxJQ8Gb8 Video zur Einrichtung] ansehen.<br /> &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> ====Basis ist die App &quot;Deep OBD&quot; sowie ein passendes Interface====<br /> # DeepOBD-App installieren<br /> # Einrichtungs-Anfrage der App abbrechen, oben rechts auf den &quot;Pfeil nach unten&quot; tippen und in die &quot;Globalen Einstellungen&quot; der App gehen. '''Speichermedium &quot;Standard&quot; auf &quot;..emulated/0&quot; ändern'''. Menü schließen.<br /> # Erneut auf den &quot;Pfeil nach unten&quot; tippen und &quot;ECU Daten entpacken&quot; erst jetzt auswählen. (auf dem internen Speicher dauert das ca. 2..15 Minuten, auf externen Laufwerken wesentlich länger!)<br /> # Kopiere aus dem Dowload-Archiv den Ordner &quot;Configurations&quot; auf einen USB-Stick/SD Karte und geht damit an das Android-Radio/-Tablett/-Handy auf dem die App eingerichtet ist.<br /> #'''bis Android 10:''' Sucht mit dem Dateimanager (o.ä.) den Ordner: ''...Android/data/de.holeschak.bmw_deep_obd/files/'' [entweder interner Ordner oder SD-Karte, im Zweifel beide!]<br /> ## Den kompletten Ordner &quot;Configurations&quot; in das Verzeichnis hinein kopieren<br /> ## Dateimanager schließen<br /> #'''ab Android 11''': das Verzeichnis &quot;Configurations&quot; mit dem Dateimanager in den Ordner &quot;Downloads&quot; im internen Speicher kopieren<br /> ## DeepOBD <br /> ##Öffnen Einstellungen <br /> ##globale Einstellungen <br /> ##&quot;Verzeichnis zur App kopieren&quot; <br /> ##Ordner &quot;Download&quot; öffnen und den Ordner &quot;Configurations&quot; antippen <br /> ##Ansicht wechsel in den DeepOBD Ordner <br /> ##wechseln auf die Ebene so dass &quot;de.holeschak.bmw_deep_obd&quot; zu sehen ist, lange auf diese Zeile tippen <br /> ##Meldung, ob die Daten dahin kopiert werden sollen bestätigen <br /> ##geduldig warten, '''das kann einige Minuten dauern - allein schon bis zum Beginn des Kopiervorganges!'''<br /> # Deep OBD öffnen und Zündung anschalten<br /> # In DeepOBD auf den &quot;Pfeil nach unten&quot; klicken und die Funktion &quot;Konfiguration&quot; klicken. Es öffnet sich der Dialog zur Auswahl einer Konfiguration. Nun den Ordner oben suchen und öffnen und den passenden Unterordner zur Modellreihe (E38/E39/E46/E53/E83) öffnen, dort dann die passende Konfig für Motor/Getriebe &quot;M57&quot;, &quot;M54&quot;,.. öffnen und die Datei &quot;I-BUS_App_Bt.cccfg&quot; (für BT Adapter) oder &quot;I-BUS_App_USB.cccfg&quot; (für USB Adapter) auswählen.<br /> # Sofern das passt, kehrt die App zurück zur Startseite und es werden einige Reiter angezeigt. (IBUS-App, DDE/DME, ..)<br /> # klicken auf den Button &quot;Getrennt&quot; um die Verbindung zum OBD Interface zu aktivieren<br /> # Wenn noch nicht eingerichtet fragt die App nun ob ein Interface/Adapter eingerichtet werden soll. Dies Bestätigen.<br /> # OBD Interface aus der Liste wählen und als &quot;OBD Interface&quot; setzen.<br /> # Es folgt der Hinweis, dass das Interface ggf. konfiguriert werden muss, dies bestätigen.<br /> # Es öffnet sich die Konfiguration. Diese lassen wie sie ist, speichern und mit dem Pfeil oben links verlassen.<br /> # Verbindung wird hergestellt.<br /> # Nach erfolgreicher Verbindung werden die entsprechenden Live-Daten angezeigt.&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> ===='''Vorbereitend für die Datenübertragung an die I-BUS App sollten folgende Einstellungen in den &quot;Globalen Einstellungen&quot; gesetzt werden'''==== <br /> # Bluetooth einschalten: keine automatische BT-Behandlung<br /> # BT ausschalten: aus<br /> # Sperre während Kommunikation: CPU bleibt aktiv<br /> # Sperre während Datenaufzeichnung: CPU bleibt aktiv<br /> # Datenaufzeichnung: optional (Logfile..)<br /> # App starten: Autom. Verbindungsaufbau<br /> # Broascast: aktiv<br /> # Ecu Daten überprüfen: nicht aktiv<br /> # BMW Datenbank: nicht aktiv [Laden dauert sehr lang - nur zum Fehler lesen nötig für mehr Informationen]<br /> # Debug: optional<br /> Siehe auch folgendes Bild: &quot;Sollwerte Globale Einstellungen&quot;.&lt;br /&gt;&lt;br /&gt;<br /> <br /> ====Globale Einstellungen====<br /> '''Globale Einstellungen sind nur verfügbar, wenn die App NICHT mit dem Fahrzeug verbunden ist!'''<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> DeepOBD_GlobalSettings.jpg|Soll-Werte &quot;Globale Einstellungen&quot;<br /> DeepOBD_Konfig.jpg|Dialog Konfig auswählen/Konfigurationsgenerator<br /> DeepOBD_Settings.jpg|Settings<br /> DeepOBD_Start.jpg|Startseite DeepOBD<br /> &lt;/gallery&gt;&lt;br /&gt;<br /> <br /> ===='''Hinweis zur spezifischen Fehler-Auslese-Konfiguration''' (Erstellung der eigenen errors.ccpage) ====<br /> Da die Auswahl an auszulesenden Steuergeräten an Baujahr und Ausstattung geknüpft ist, empfehle ich zusätzlich eine Konfiguration passend zum Wagen anzulegen. Dazu:<br /> # DeepOBD öffnen, ggf. bestehende Verbindung zum Interface trennen.<br /> # In DeepOBD auf den &quot;Werkzeugschlüssel&quot; klicken und die Funktion &quot;Konfigurationsgenerator&quot; klicken.<br /> # Im Folgefenster auf &quot;Lesen&quot; klicken, das Auslesen der Ecus beginnt. ggf. Frage zum vollständigen auslesen bestätigen.<br /> # nach erfolgreichem Auslesen auf den &quot;zurück-Pfeil&quot; klicken und die Frage zum Speichern Konfiguration bestätigen.<br /> # DeepOBD beenden und einen Dateimanager öffnen. Den Ordner wie oben öffnen. Hier sollte nun ein weiterer Ordner mit eurer Fahrgestellnummer präsent sein.<br /> # in diesen Ordner gehen und die Datei &quot;Errors.ccpage&quot; suchen, markieren und kopieren<br /> # zurück in den Ordner &quot;M54&quot; oder &quot;M57&quot; (o.ä.) wechseln und die dort vorhandene Datei &quot;Errors.ccpage&quot; durch die zuvor kopierte ersetzen(!)&lt;br /&gt;<br /> Weitere Hinweise, wie man eine eigene Konfig manuell erstellt entnehmt ihr bitte der DeepOBD.pdf im Archiv.<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Einrichtung der I-BUS App für DeepOBD Live-Werte im OBD-Screen ===<br /> * Öffnen des I-BUS App Setups, Unterpunkt &quot;Weiteres&quot; und Anzeige des &quot;OBD Bildschirms&quot; aktivieren.<br /> * Nach App Neustart erscheint oben neben PDC nun der Reiter &quot;OBD&quot;<br /> * '''bis Android 10''' <br /> ** Rechts auf den Balken &quot;Load&quot; tippen und nun die gleiche Konfigurationsdatei wie auch in DeepOBD wählen, die angezeigt werden soll. z.b. &quot;IBUS_App_BT.cccfg&quot;.<br /> ** Die Datei befindet sich in folgendem Ordner: Speichermedium/'''Android/data/de.holeschak.bmw_de/files/'''configurations/ oder im Unterordner vom Fahrzeugtyp/Motor-Getriebe .. siehe oben.<br /> * '''ab Android 11''' <br /> ** Rechts auf den Balken &quot;Load&quot; tippen und nun die gleiche Konfigurationsdatei wie auch in DeepOBD wählen, die angezeigt werden soll. z.b. &quot;IBUS_App_BT.cccfg&quot;. <br /> ** Die Datei befindet sich in folgendem Ordner: Speichermedium/'''Download/[..]/'''configurations/ oder im Unterordner vom Fahrzeugtyp/Motor-Getriebe .. siehe oben.<br /> <br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> I-BUS App DeepOBD 00.jpg|OBD Menü aktivieren<br /> I-BUS App DeepOBD 01.jpg|OBD Menü anzeigen<br /> I-BUS App DeepOBD 02.jpg|DeepOBD Konfig-Ordner öffnen<br /> I-BUS App DeepOBD 03.jpg|DeepOBD Konfiguration laden<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Einrichtung der I-BUS App für DeepOBD Live-Werte auf dem BC-Screen ===<br /> Sofern DeepOBD im Hintergrund aktiv läuft und via Broadcast Werte sendet, können diese auf dem BC-Screen der I-BUS App dargestellt werden.&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> PB7839BP_DeepOBD_I-BUS.jpg|DeepOBD Live-Werte M57 auf BC-Screen<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> Möglich sind hier momentan folgende Werte:&lt;br /&gt;<br /> * Drehzahl<br /> * Geschwindigkeit<br /> * Spannung<br /> * Ladedruck&lt;sup&gt;2/3&lt;/sup&gt;<br /> * Leistung&lt;sup&gt;2/4&lt;/sup&gt;<br /> * Lambda&lt;sup&gt;2/5&lt;/sup&gt;<br /> * Innenraumtemperatur&lt;sup&gt;6&lt;/sup&gt;<br /> * Tankinhalt&lt;sup&gt;7&lt;/sup&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> &lt;sup&gt;2&lt;/sup&gt; Nur bei M57 (330d / 525d / 530d / 730d / X5 30d).&lt;br /&gt;<br /> &lt;sup&gt;3&lt;/sup&gt; Anzeige Soll-Ladedruck (blau) und IST-Ladedruck (Orange mit Zahlenwert). Anzeige anstatt der Motortemperatur. Umschaltung mittels langem Drücken auf Schriftzug &quot;Motortemperatur&quot;/&quot;Ladedruck&quot;&lt;br /&gt;<br /> &lt;sup&gt;4&lt;/sup&gt; Anzeige der Leistung aus dem Soll-Moment (Einspritzmenge) der DDE&lt;br /&gt;<br /> &lt;sup&gt;5&lt;/sup&gt; Anzeige des rechn. Lamdba-Wertes aus Luftmasse und Einspritzmenge (Diesel rußen i.d.R. bei Lamdba &lt;1,3 ). Umschaltung mittels langem Drücken auf Schriftzug &quot;Leistung&quot;/&quot;Lambda&quot;&lt;br /&gt;<br /> &lt;sup&gt;6&lt;/sup&gt; Nur nötig für die Anzeige der Innenraumtemperatur bei E38/E39/E53/.. bei E46 und E83 kommt der Wert auch ohne DeepOBD&lt;br /&gt;<br /> &lt;sup&gt;7&lt;/sup&gt; Nur nötige für E38/E39 mit altem Tacho, dass den Wert vom Tankinhalt nicht auf dem I-BUS bereit stellen kann. Entsprechende Config mit diesem Wert ist vorausgesetzt.&lt;br /&gt;&lt;br /&gt;<br /> Für M47N, M52, M54, M57, M62, M73, S54 und S62 sind entsprechende Konfigurationen in den Beispieldaten (siehe [[DeepOBD_-_Adapter_und_App_einrichten#Zusammenfassung_und_Download|Download]]) enthalten [IBUS_App.ccpage]. Weitere Konfigurationen sind möglich, hierzu bitte [https://ibus-app.de/contact.html#kontakt Kontakt mit dem Team der I-BUS App] aufnehmen.<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Anleitung als Video ===<br /> &lt;big&gt;'''DeepOBD Einrichten ab Android 11:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=IL-z3PYvxFc&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''DeepOBD Einrichten:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=sHoUxJQ8Gb8&lt;/youtube&gt;&lt;br&gt;<br /> Vielen Dank an [https://www.facebook.com/ricky.tricky.37 Ricky] für das Video.<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''DeepOBD - eigene Konfig beginnen / Errors.ccpage erstellen:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://youtu.be/ktLMdEab5UQ&lt;/youtube&gt;&lt;br&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''DeepOBD - eigene Konfig erstellen / Errors.ccpage erstellen:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://youtu.be/mHbuQGDIWLg&lt;/youtube&gt;&lt;br&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''DeepOBD - USB Interface einrichten:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;<br /> https://youtu.be/5fjCcAZq6Lw&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> <br /> === Hintergrundbild ändern ===<br /> Es ist möglich das Hintergrundbild der App zu ändern.&lt;br /&gt;<br /> Dazu einfach ein eigenen Bild als '''Background.jpg''' Datei (ideal in Auflösung vom Bildschirm in den Ordner: '''de.holeschak.bmw_deep_obd\files\Images''' kopieren.&lt;br /&gt;<br /> (Der &quot;Images&quot; Order muss dafür erstellt werden!)&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Background.jpg|Beispiel-Hintergrundbild<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> == DeepOBD Config Generator ==<br /> &lt;br&gt;<br /> Ich habe einen web-basierten Config-Generator erstellt.&lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''[https://download.speedy-pics.de/uploads/android/DeepOBD/DeepOBD_Konfigurator.html DeepOBD Config Generator]'''&lt;/big&gt;&lt;br&gt;&lt;br&gt;<br /> Und so funktioniert der Generator:<br /> * eine zum Fahrzeug passende errors.ccpage erstellen, siehe Video<br /> &lt;youtube&gt;https://youtu.be/mHbuQGDIWLg&lt;/youtube&gt;<br /> * ggf. errors.ccpage aus dem DeepOBD Order z.B. unter &quot;downloads&quot; kopieren<br /> * '''[https://download.speedy-pics.de/uploads/android/DeepOBD/DeepOBD_Konfigurator.html DeepOBD Config Generator]''' öffnen<br /> * errors.ccpage mit dem '''[https://download.speedy-pics.de/uploads/android/DeepOBD/DeepOBD_Konfigurator.html DeepOBD Config Generator]''' auslesen<br /> * es werden passende Configs vorgeschlagen, optional kann man eine eigene Liste erstellen<br /> ** dazu können via Checkbox Seiten die auf der errors.ccpage basieren ausgewählt und weitere aus einer Suche ergänzt werden<br /> * final der Config einen Namen geben und als zip herunterladen.<br /> * ZIP z.B. mit &quot;RAR&quot; oder &quot;7-zip&quot; entpacken und den Inhalt aufs Android Gerät - auf dem die DeepOBD App läuft - kopieren.<br /> * den Ordner in das Zielverzeichnis von DeepOBD '''''[...Android/data/de.holeschak.bmw_deep_obd/files/]''''' kopieren<br /> Ab Android 11:&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=IL-z3PYvxFc&lt;/youtube&gt;<br /> * Config in DeepOBD laden&lt;br&gt;<br /> &lt;br&gt;<br /> <br /> == Zusammenfassung und Download ==<br /> &lt;small&gt;Stand: 12.05.2023&lt;/small&gt;&lt;br /&gt;&lt;br /&gt;<br /> '''&lt;big&gt;&lt;big&gt;[http://download.speedy-pics.de/uploads/android/DeepOBD.rar Hier findet ihr zum Download Beispielkonfigurationen für M47, M47N, M51, M52, M54, M57, M57N, M62, M73, S54 und S62 Motoren + EA189]&lt;/big&gt;&lt;/big&gt;''' &lt;br /&gt;<br /> &lt;font color=&quot;white&quot;&gt;'''&lt;big&gt;&lt;big&gt;** NEU ** eine Konfiguration für VW/Audi/Seat/Skoda (2.0 TDI EA189 177PS + DSG)&lt;/big&gt;&lt;/big&gt;&lt;/font&gt;''' &lt;br /&gt;<br /> (weitere in Planung), inkl. der Konfig für die Verbindung mit der I-BUS App. Aktuell inkl. &quot;Log-Seite&quot; für M57 Diesel.&lt;br /&gt;<br /> &lt;font color=&quot;red&quot;&gt;&lt;big&gt;'''Die meisten aktuelle Browser verhindern den direkten Download von Archiv-Dateien (*.rar, etc.). Rechtsklick auf den Link und &quot;Link speichern unter&quot; wird funktionieren.'''&lt;/big&gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;<br /> '''&lt;big&gt;*NEU*&lt;/big&gt;''' Bei fast allen Konfigs ist nun eine Seite &quot;SIA&quot; Zum zurücksetzen des Service-Intervalls enthalten. Bei ausgewählten Dieseln ebenso das anpassen der Frischluftrate und der Leerlauf-Drehzahl. Dazu sind in einigen Konfigs die Anzeigen farbig in Anhängigkeit vom angzeigten Wert. Danke [https://www.facebook.com/flokra85 Florian]! &lt;br /&gt;<br /> &lt;font color=&quot;red&quot;&gt;&lt;big&gt;'''Nutzung erfolgt auf eigene Gefahr! Wir lehnen jede Haftung für (Folge-)Schäden ab!!!!'''&lt;/big&gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;<br /> Eine pdf-Anleitung ist enthalten.&lt;br /&gt;&lt;br /&gt;<br /> '''Download am PC wird empfohlen, da der Download gepackt ist.'''&lt;br /&gt;<br /> Entpacken des Download Archives am PC z.B. mit [https://www.winrar.de/downld.php '''WinRAR'''] oder auf dem Android Radio mit dem [https://es-file-explorer.de.uptodown.com/android '''ES File Explorer'''].&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> == DeepOBD-Mods ==<br /> '''[https://git.flokra.at/Flo/DeepOBDConf/src/master Hier findet Ihr einige Mods von Florian für DeepOBD Configs.]'''&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> == Weitere Links zu anderen Motoren etc. ==<br /> '''[https://www.e90-forum.de/forum/thread/58407-app-deep-obd-f%C3%BCr-bmw-logging-jobs-fehler-lesen-und-l%C3%B6schen-sg-reset-registrierun/ App Deep OBD für BMW - Logging | Jobs | Fehler lesen und löschen | SG Reset | Registrierung Batterietausch | Start DPF Regeneration - im E90-forum.de]'''&lt;br /&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&diff=4064 DeepOBD - Adapter und App einrichten 2026-10-20T13:08:18Z <p>Andre: /* DeepOBD Config Generator */</p> <hr /> <div>== DeepOBD - Diagnose und Live-Werte ==<br /> &lt;small&gt;Stand: 04.02.2026&lt;/small&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Was kann die App? ===<br /> * Fehlerspeicher auslesen - für '''BMW AG''' und auch '''VAG''' [VW, Audi, Skoda, Seat,..] (ca.2004-2017)<br /> * Auslesen und Anzeigen von Live-Werten aus alles Steuergeräten (z.b. Motor: Öltemperatur beim M52TU/M54/S54, Ladedruck beim M57,..)<br /> * ähnliche Funktionen wie BMW Diagnose Software<br /> * alle Funktion müssen selbst(!) konfiguriert werden, oder aber es werden von uns vorbereitete Konfigurationen genutzt. (Siehe [[DeepOBD_-_Adapter_und_App_einrichten#Zusammenfassung_und_Download|Download]])&lt;br /&gt;<br /> &lt;br /&gt;<br /> {|<br /> |&lt;youtube&gt;https://youtu.be/-uNTGxTXcPw&lt;/youtube&gt;&lt;br&gt;<br /> '''Beispiel:''' ''BMW E39 M57 530d''<br /> |&lt;youtube&gt;https://www.youtube.com/watch?v=XYUfAFopVtg&lt;/youtube&gt;&lt;br&gt;<br /> '''Beispiel:''' ''BMW E39 M54 525i''<br /> |}<br /> <br /> &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> === Was brauche ich? ===<br /> * Ein Android-Gerät mit voll nutzbarer USB-Schnittstelle („OTG“) oder Bluetooth.<br /> * Die App „[https://play.google.com/store/apps/details?id=de.holeschak.bmw_deep_obd DeepOBD]“<br /> * Die zugehörigen ECU Daten (~120MB, können nur in der App herunter geladen werden)<br /> * Ein OBD2-USB Diagnose-Interface (wie für BMW Diagnose Software) oder das [https://shop.ibus-app.de/detail/index/sArticle/258 '''speziell für „DeepOBD“ erstellte Bluetooth Interface'''] '''[alle anderen, ggf. ähnlich aussehenden BT-Interface funktionieren NICHT!]'''<br /> * Eine voll-belegte OBD2 Diagnose-Schnittstelle (optional temporär eine OBD1 Diagnose-Schnittstelle PLUS einen Adapter auf OBD2). Sofern OBD1 und OBD2 verbaut sind (einige E38/E39/E46), so muss OBD2 vervollständigt werden (Stichwort &quot;PIN 7+8&quot;) ==&gt; [http://download.speedy-pics.de/uploads/weblink/obd1-obd2.pdf Nachrüstung oder Vervollständigung der OBD2 Diagnose Buchse (V1.3 2021-02-27) [BMW E38/E39/E46&lt;nowiki&gt;]&lt;/nowiki&gt;]<br /> * Geduld und etwas Muse :o)&lt;br /&gt;<br /> <br /> Alle weiteren Infos findet ihr (in English!) auf der [https://ediabaslib.codeplex.com/wikipage?title=Deep%20OBD%20for%20BMW Homepage des Entwicklers].&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Bluetooth Interface ===<br /> Es existiert auf dem Markt nur zwei für die App nutzbare OBDII-Bluetooth Interfaces.<br /> # &lt;big&gt;'''&lt;font color=&quot;red&quot;&gt;NEU&lt;/font&gt; Das von Herr Holeschak angepasste und geprüfte [https://shop.ibus-app.de/detail/index/sArticle/258 Deep OBD Interface gibt es endlich auch im I-BUS App-Shop]'''&lt;/big&gt;.&lt;sup&gt;1&lt;/sup&gt;<br /> # Das eine kommt direkt vom Entwickler, der es bei ebay als [https://www.ebay.de/usr/uh-xy Verkäufer uh-xy] anbietet.&lt;sup&gt;2&lt;/sup&gt;<br /> <br /> '''Andere, optisch identische Interface funktionieren nicht, das sowohl Hard- als auch Software modifiziert werden.'''&lt;br /&gt;&lt;br /&gt;<br /> <br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> DeepOBD Interface 1.png|DeepOBD Interface im I-BUS App Shop<br /> DeepOBD Interface 2.png|DeepOBD Interface im I-BUS App Shop<br /> DeepOBD Interface 3.png|DeepOBD Interface im I-BUS App Shop<br /> DeepOBD Interface.jpg|DeepOBD Interface bei ebay<br /> &lt;/gallery&gt;<br /> &lt;sup&gt;1&lt;/sup&gt;Das Interface basiert auf einem Xtrons OBD02 - wurde aber von Herrn Holeschak selbst modifiziert (Hardware und Firmware) und getestet. Damit es als solches erkannt werden kann haben wir ihm einem entsprechenden Sticker spendiert.&lt;br /&gt;<br /> &lt;sup&gt;1&lt;/sup&gt;Nutzbar sind '''nur''' die Interface mit dem '''Chip BC417''' und einer '''Brücke zw. Pin 7+8''' ( für BMW E38/E39/E46/E53). Entsprechend ist das Interface zu bestellen.&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Koppelung des Bluetooth Interfaces ===<br /> Wir empfehlen das Interface zuerst im Telefon-Menü des Android-Radios (bei Handy und Tablet egal!) und '''nicht''' im Bluetooth-Menü zu koppeln.&lt;br /&gt;<br /> Das Interface rückt damit nur in die Liste der verbundenen Geräte, wird aber keine Farbänderung (wie bei Xtrons, hier wird z.b. der Smartphone-Name grün bei aktiver Verbindung) vollziehen.&lt;br /&gt;<br /> Allerdings wird in der Statusleiste das blaue OBD-Icon erscheinen. '''Nur''' wenn dieses erscheint, wird eine Verbindung zur App DeepOBD erfolgreich sein.&lt;br /&gt;<br /> Erscheint das Icon, können wir zur App über gehen.&lt;br /&gt;&lt;br /&gt;<br /> '''&lt;big&gt;&lt;font color=&quot;red&quot;&gt;WICHTIG für alle neuen Xtrons (MA-, PQS- und IQ-Serie) sowie AVIN (PX6 und Qualcomm): Bluetooth-PIN vom Radio(!!!!) auf &quot;1234&quot; (entsprechend dem vom DeepOBD Interface) ändern, damit das Pairen funktioniert!&lt;/font&gt;&lt;/big&gt;'''<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> MCU2.png|Beispielbild OBDII Icon<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> ==== Fehlerbehandlung Interface Kopplung ====<br /> Erscheint das blaue OBD Icon nach Kopplung nicht oder das Interface wird nicht gefunden, kann es helfen:<br /> * das Interface aus- und an zu schalten und erneut zu suchen und pairen<br /> * das Interface aus der Liste zu löschen und erneut zu suchen und pairen<br /> * das Interface aus der Liste zu löschen, alle Verbindungen (DeepOBD) zu beenden, Namen und PIN vom Radio zu änder und anschließend Interface neu suchen und pairen<br /> * '''&lt;big&gt;&lt;font color=&quot;red&quot;&gt;WICHTIG für alle neuen Xtrons (MA-, PQS- und IQ-Serie) sowie AVIN (PX6 und Qualcomm): Bluetooth-PIN vom Radio(!!!!) auf &quot;1234&quot; (entsprechend dem vom DeepOBD Interface) ändern, damit das Pairen funktioniert!&lt;/font&gt;&lt;/big&gt;'''&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> === USB Interface ===<br /> Neben dem speziellen Bluetooth Interface funktioniert jedes USB-Interface, mit dem man auch die bekannten BMW Programme nutzen kann.&lt;br /&gt;<br /> Wichtig ist aber auch hier, dass die Brücke zw. PIN 7+8 gesetzt wird.&lt;br /&gt;<br /> Es genügt daher jedes beliebige &quot;KKL USB OBD2&quot; Interface (auch wenn es als &quot;nur für VAG geeignet&quot; deklariert ist). man bekommt diese ab ~10..15€ bei amazon oder ebay etc.&lt;br /&gt;<br /> Natürlich geht auch jedes BMW spezifisches Interface mit der Beschreibung &quot;K+D CAN&quot;, aber auch hier muss sichergestellt werden, dass die Brücke gesetzt ist!&lt;br /&gt;<br /> Eingerichtet wird es stets als &quot;FTDI USB Interface&quot;&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> K+D CAN.jpg|K+D CAN OBD2 USB Interface<br /> Interface Brücke7+8.jpg|Brücke PIN 7+8 im OBD2 USB Interface<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Einrichtung von DeepOBD ===<br /> Bitte aktuell die pdf im [https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten#Zusammenfassung_und_Download Download (pdf-File im Archiv)] lesen oder das [https://www.youtube.com/watch?v=sHoUxJQ8Gb8 Video zur Einrichtung] ansehen.<br /> &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> ====Basis ist die App &quot;Deep OBD&quot; sowie ein passendes Interface====<br /> # DeepOBD-App installieren<br /> # Einrichtungs-Anfrage der App abbrechen, oben rechts auf den &quot;Pfeil nach unten&quot; tippen und in die &quot;Globalen Einstellungen&quot; der App gehen. '''Speichermedium &quot;Standard&quot; auf &quot;..emulated/0&quot; ändern'''. Menü schließen.<br /> # Erneut auf den &quot;Pfeil nach unten&quot; tippen und &quot;ECU Daten entpacken&quot; erst jetzt auswählen. (auf dem internen Speicher dauert das ca. 2..15 Minuten, auf externen Laufwerken wesentlich länger!)<br /> # Kopiere aus dem Dowload-Archiv den Ordner &quot;Configurations&quot; auf einen USB-Stick/SD Karte und geht damit an das Android-Radio/-Tablett/-Handy auf dem die App eingerichtet ist.<br /> #'''bis Android 10:''' Sucht mit dem Dateimanager (o.ä.) den Ordner: ''...Android/data/de.holeschak.bmw_deep_obd/files/'' [entweder interner Ordner oder SD-Karte, im Zweifel beide!]<br /> ## Den kompletten Ordner &quot;Configurations&quot; in das Verzeichnis hinein kopieren<br /> ## Dateimanager schließen<br /> #'''ab Android 11''': das Verzeichnis &quot;Configurations&quot; mit dem Dateimanager in den Ordner &quot;Downloads&quot; im internen Speicher kopieren<br /> ## DeepOBD <br /> ##Öffnen Einstellungen <br /> ##globale Einstellungen <br /> ##&quot;Verzeichnis zur App kopieren&quot; <br /> ##Ordner &quot;Download&quot; öffnen und den Ordner &quot;Configurations&quot; antippen <br /> ##Ansicht wechsel in den DeepOBD Ordner <br /> ##wechseln auf die Ebene so dass &quot;de.holeschak.bmw_deep_obd&quot; zu sehen ist, lange auf diese Zeile tippen <br /> ##Meldung, ob die Daten dahin kopiert werden sollen bestätigen <br /> ##geduldig warten, '''das kann einige Minuten dauern - allein schon bis zum Beginn des Kopiervorganges!'''<br /> # Deep OBD öffnen und Zündung anschalten<br /> # In DeepOBD auf den &quot;Pfeil nach unten&quot; klicken und die Funktion &quot;Konfiguration&quot; klicken. Es öffnet sich der Dialog zur Auswahl einer Konfiguration. Nun den Ordner oben suchen und öffnen und den passenden Unterordner zur Modellreihe (E38/E39/E46/E53/E83) öffnen, dort dann die passende Konfig für Motor/Getriebe &quot;M57&quot;, &quot;M54&quot;,.. öffnen und die Datei &quot;I-BUS_App_Bt.cccfg&quot; (für BT Adapter) oder &quot;I-BUS_App_USB.cccfg&quot; (für USB Adapter) auswählen.<br /> # Sofern das passt, kehrt die App zurück zur Startseite und es werden einige Reiter angezeigt. (IBUS-App, DDE/DME, ..)<br /> # klicken auf den Button &quot;Getrennt&quot; um die Verbindung zum OBD Interface zu aktivieren<br /> # Wenn noch nicht eingerichtet fragt die App nun ob ein Interface/Adapter eingerichtet werden soll. Dies Bestätigen.<br /> # OBD Interface aus der Liste wählen und als &quot;OBD Interface&quot; setzen.<br /> # Es folgt der Hinweis, dass das Interface ggf. konfiguriert werden muss, dies bestätigen.<br /> # Es öffnet sich die Konfiguration. Diese lassen wie sie ist, speichern und mit dem Pfeil oben links verlassen.<br /> # Verbindung wird hergestellt.<br /> # Nach erfolgreicher Verbindung werden die entsprechenden Live-Daten angezeigt.&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> ===='''Vorbereitend für die Datenübertragung an die I-BUS App sollten folgende Einstellungen in den &quot;Globalen Einstellungen&quot; gesetzt werden'''==== <br /> # Bluetooth einschalten: keine automatische BT-Behandlung<br /> # BT ausschalten: aus<br /> # Sperre während Kommunikation: CPU bleibt aktiv<br /> # Sperre während Datenaufzeichnung: CPU bleibt aktiv<br /> # Datenaufzeichnung: optional (Logfile..)<br /> # App starten: Autom. Verbindungsaufbau<br /> # Broascast: aktiv<br /> # Ecu Daten überprüfen: nicht aktiv<br /> # BMW Datenbank: nicht aktiv [Laden dauert sehr lang - nur zum Fehler lesen nötig für mehr Informationen]<br /> # Debug: optional<br /> Siehe auch folgendes Bild: &quot;Sollwerte Globale Einstellungen&quot;.&lt;br /&gt;&lt;br /&gt;<br /> <br /> ====Globale Einstellungen====<br /> '''Globale Einstellungen sind nur verfügbar, wenn die App NICHT mit dem Fahrzeug verbunden ist!'''<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> DeepOBD_GlobalSettings.jpg|Soll-Werte &quot;Globale Einstellungen&quot;<br /> DeepOBD_Konfig.jpg|Dialog Konfig auswählen/Konfigurationsgenerator<br /> DeepOBD_Settings.jpg|Settings<br /> DeepOBD_Start.jpg|Startseite DeepOBD<br /> &lt;/gallery&gt;&lt;br /&gt;<br /> <br /> ===='''Hinweis zur spezifischen Fehler-Auslese-Konfiguration''' (Erstellung der eigenen errors.ccpage) ====<br /> Da die Auswahl an auszulesenden Steuergeräten an Baujahr und Ausstattung geknüpft ist, empfehle ich zusätzlich eine Konfiguration passend zum Wagen anzulegen. Dazu:<br /> # DeepOBD öffnen, ggf. bestehende Verbindung zum Interface trennen.<br /> # In DeepOBD auf den &quot;Werkzeugschlüssel&quot; klicken und die Funktion &quot;Konfigurationsgenerator&quot; klicken.<br /> # Im Folgefenster auf &quot;Lesen&quot; klicken, das Auslesen der Ecus beginnt. ggf. Frage zum vollständigen auslesen bestätigen.<br /> # nach erfolgreichem Auslesen auf den &quot;zurück-Pfeil&quot; klicken und die Frage zum Speichern Konfiguration bestätigen.<br /> # DeepOBD beenden und einen Dateimanager öffnen. Den Ordner wie oben öffnen. Hier sollte nun ein weiterer Ordner mit eurer Fahrgestellnummer präsent sein.<br /> # in diesen Ordner gehen und die Datei &quot;Errors.ccpage&quot; suchen, markieren und kopieren<br /> # zurück in den Ordner &quot;M54&quot; oder &quot;M57&quot; (o.ä.) wechseln und die dort vorhandene Datei &quot;Errors.ccpage&quot; durch die zuvor kopierte ersetzen(!)&lt;br /&gt;<br /> Weitere Hinweise, wie man eine eigene Konfig manuell erstellt entnehmt ihr bitte der DeepOBD.pdf im Archiv.<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Einrichtung der I-BUS App für DeepOBD Live-Werte im OBD-Screen ===<br /> * Öffnen des I-BUS App Setups, Unterpunkt &quot;Weiteres&quot; und Anzeige des &quot;OBD Bildschirms&quot; aktivieren.<br /> * Nach App Neustart erscheint oben neben PDC nun der Reiter &quot;OBD&quot;<br /> * '''bis Android 10''' <br /> ** Rechts auf den Balken &quot;Load&quot; tippen und nun die gleiche Konfigurationsdatei wie auch in DeepOBD wählen, die angezeigt werden soll. z.b. &quot;IBUS_App_BT.cccfg&quot;.<br /> ** Die Datei befindet sich in folgendem Ordner: Speichermedium/'''Android/data/de.holeschak.bmw_de/files/'''configurations/ oder im Unterordner vom Fahrzeugtyp/Motor-Getriebe .. siehe oben.<br /> * '''ab Android 11''' <br /> ** Rechts auf den Balken &quot;Load&quot; tippen und nun die gleiche Konfigurationsdatei wie auch in DeepOBD wählen, die angezeigt werden soll. z.b. &quot;IBUS_App_BT.cccfg&quot;. <br /> ** Die Datei befindet sich in folgendem Ordner: Speichermedium/'''Download/[..]/'''configurations/ oder im Unterordner vom Fahrzeugtyp/Motor-Getriebe .. siehe oben.<br /> <br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> I-BUS App DeepOBD 00.jpg|OBD Menü aktivieren<br /> I-BUS App DeepOBD 01.jpg|OBD Menü anzeigen<br /> I-BUS App DeepOBD 02.jpg|DeepOBD Konfig-Ordner öffnen<br /> I-BUS App DeepOBD 03.jpg|DeepOBD Konfiguration laden<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Einrichtung der I-BUS App für DeepOBD Live-Werte auf dem BC-Screen ===<br /> Sofern DeepOBD im Hintergrund aktiv läuft und via Broadcast Werte sendet, können diese auf dem BC-Screen der I-BUS App dargestellt werden.&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> PB7839BP_DeepOBD_I-BUS.jpg|DeepOBD Live-Werte M57 auf BC-Screen<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> Möglich sind hier momentan folgende Werte:&lt;br /&gt;<br /> * Drehzahl<br /> * Geschwindigkeit<br /> * Spannung<br /> * Ladedruck&lt;sup&gt;2/3&lt;/sup&gt;<br /> * Leistung&lt;sup&gt;2/4&lt;/sup&gt;<br /> * Lambda&lt;sup&gt;2/5&lt;/sup&gt;<br /> * Innenraumtemperatur&lt;sup&gt;6&lt;/sup&gt;<br /> * Tankinhalt&lt;sup&gt;7&lt;/sup&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> &lt;sup&gt;2&lt;/sup&gt; Nur bei M57 (330d / 525d / 530d / 730d / X5 30d).&lt;br /&gt;<br /> &lt;sup&gt;3&lt;/sup&gt; Anzeige Soll-Ladedruck (blau) und IST-Ladedruck (Orange mit Zahlenwert). Anzeige anstatt der Motortemperatur. Umschaltung mittels langem Drücken auf Schriftzug &quot;Motortemperatur&quot;/&quot;Ladedruck&quot;&lt;br /&gt;<br /> &lt;sup&gt;4&lt;/sup&gt; Anzeige der Leistung aus dem Soll-Moment (Einspritzmenge) der DDE&lt;br /&gt;<br /> &lt;sup&gt;5&lt;/sup&gt; Anzeige des rechn. Lamdba-Wertes aus Luftmasse und Einspritzmenge (Diesel rußen i.d.R. bei Lamdba &lt;1,3 ). Umschaltung mittels langem Drücken auf Schriftzug &quot;Leistung&quot;/&quot;Lambda&quot;&lt;br /&gt;<br /> &lt;sup&gt;6&lt;/sup&gt; Nur nötig für die Anzeige der Innenraumtemperatur bei E38/E39/E53/.. bei E46 und E83 kommt der Wert auch ohne DeepOBD&lt;br /&gt;<br /> &lt;sup&gt;7&lt;/sup&gt; Nur nötige für E38/E39 mit altem Tacho, dass den Wert vom Tankinhalt nicht auf dem I-BUS bereit stellen kann. Entsprechende Config mit diesem Wert ist vorausgesetzt.&lt;br /&gt;&lt;br /&gt;<br /> Für M47N, M52, M54, M57, M62, M73, S54 und S62 sind entsprechende Konfigurationen in den Beispieldaten (siehe [[DeepOBD_-_Adapter_und_App_einrichten#Zusammenfassung_und_Download|Download]]) enthalten [IBUS_App.ccpage]. Weitere Konfigurationen sind möglich, hierzu bitte [https://ibus-app.de/contact.html#kontakt Kontakt mit dem Team der I-BUS App] aufnehmen.<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Anleitung als Video ===<br /> &lt;big&gt;'''DeepOBD Einrichten ab Android 11:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=IL-z3PYvxFc&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''DeepOBD Einrichten:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=sHoUxJQ8Gb8&lt;/youtube&gt;&lt;br&gt;<br /> Vielen Dank an [https://www.facebook.com/ricky.tricky.37 Ricky] für das Video.<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''DeepOBD - eigene Konfig beginnen / Errors.ccpage erstellen:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://youtu.be/ktLMdEab5UQ&lt;/youtube&gt;&lt;br&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''DeepOBD - eigene Konfig erstellen / Errors.ccpage erstellen:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://youtu.be/mHbuQGDIWLg&lt;/youtube&gt;&lt;br&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''DeepOBD - USB Interface einrichten:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;<br /> https://youtu.be/5fjCcAZq6Lw&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> <br /> === Hintergrundbild ändern ===<br /> Es ist möglich das Hintergrundbild der App zu ändern.&lt;br /&gt;<br /> Dazu einfach ein eigenen Bild als '''Background.jpg''' Datei (ideal in Auflösung vom Bildschirm in den Ordner: '''de.holeschak.bmw_deep_obd\files\Images''' kopieren.&lt;br /&gt;<br /> (Der &quot;Images&quot; Order muss dafür erstellt werden!)&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Background.jpg|Beispiel-Hintergrundbild<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> == DeepOBD Config Generator ==<br /> &lt;br&gt;<br /> Ich habe einen web-basierten Config-Generator erstellt.&lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''[https://download.speedy-pics.de/uploads/android/DeepOBD/DeepOBD_Konfigurator.html DeepOBD Config Generator]'''&lt;/big&gt;&lt;br&gt;&lt;br&gt;<br /> Und so funktioniert der Generator:<br /> # eine zum Fahrzeug passende errors.ccpage erstellen, siehe Video<br /> &lt;youtube&gt;https://youtu.be/mHbuQGDIWLg&lt;/youtube&gt;<br /> # ggf. errors.ccpage aus dem DeepOBD Order z.B. unter &quot;downloads&quot; kopieren<br /> # '''[https://download.speedy-pics.de/uploads/android/DeepOBD/DeepOBD_Konfigurator.html DeepOBD Config Generator]''' öffnen<br /> # errors.ccpage mit dem '''[https://download.speedy-pics.de/uploads/android/DeepOBD/DeepOBD_Konfigurator.html DeepOBD Config Generator]''' auslesen<br /> # es werden passende Configs vorgeschlagen, optional kann man eine eigene Liste erstellen<br /> ## dazu können via Checkbox Seiten die auf der errors.ccpage basieren ausgewählt und weitere aus einer Suche ergänzt werden<br /> # final der Config einen Namen geben und als zip herunterladen.<br /> # ZIP z.B. mit &quot;RAR&quot; oder &quot;7-zip&quot; entpacken und den Inhalt aufs Android Gerät - auf dem die DeepOBD App läuft - kopieren.<br /> # den Ordner in das Zielverzeichnis von DeepOBD '''''[...Android/data/de.holeschak.bmw_deep_obd/files/]''''' kopieren<br /> Ab Android 11:&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=IL-z3PYvxFc&lt;/youtube&gt;<br /> # Config in DeepOBD laden&lt;br&gt;<br /> &lt;br&gt;<br /> <br /> == Zusammenfassung und Download ==<br /> &lt;small&gt;Stand: 12.05.2023&lt;/small&gt;&lt;br /&gt;&lt;br /&gt;<br /> '''&lt;big&gt;&lt;big&gt;[http://download.speedy-pics.de/uploads/android/DeepOBD.rar Hier findet ihr zum Download Beispielkonfigurationen für M47, M47N, M51, M52, M54, M57, M57N, M62, M73, S54 und S62 Motoren + EA189]&lt;/big&gt;&lt;/big&gt;''' &lt;br /&gt;<br /> &lt;font color=&quot;white&quot;&gt;'''&lt;big&gt;&lt;big&gt;** NEU ** eine Konfiguration für VW/Audi/Seat/Skoda (2.0 TDI EA189 177PS + DSG)&lt;/big&gt;&lt;/big&gt;&lt;/font&gt;''' &lt;br /&gt;<br /> (weitere in Planung), inkl. der Konfig für die Verbindung mit der I-BUS App. Aktuell inkl. &quot;Log-Seite&quot; für M57 Diesel.&lt;br /&gt;<br /> &lt;font color=&quot;red&quot;&gt;&lt;big&gt;'''Die meisten aktuelle Browser verhindern den direkten Download von Archiv-Dateien (*.rar, etc.). Rechtsklick auf den Link und &quot;Link speichern unter&quot; wird funktionieren.'''&lt;/big&gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;<br /> '''&lt;big&gt;*NEU*&lt;/big&gt;''' Bei fast allen Konfigs ist nun eine Seite &quot;SIA&quot; Zum zurücksetzen des Service-Intervalls enthalten. Bei ausgewählten Dieseln ebenso das anpassen der Frischluftrate und der Leerlauf-Drehzahl. Dazu sind in einigen Konfigs die Anzeigen farbig in Anhängigkeit vom angzeigten Wert. Danke [https://www.facebook.com/flokra85 Florian]! &lt;br /&gt;<br /> &lt;font color=&quot;red&quot;&gt;&lt;big&gt;'''Nutzung erfolgt auf eigene Gefahr! Wir lehnen jede Haftung für (Folge-)Schäden ab!!!!'''&lt;/big&gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;<br /> Eine pdf-Anleitung ist enthalten.&lt;br /&gt;&lt;br /&gt;<br /> '''Download am PC wird empfohlen, da der Download gepackt ist.'''&lt;br /&gt;<br /> Entpacken des Download Archives am PC z.B. mit [https://www.winrar.de/downld.php '''WinRAR'''] oder auf dem Android Radio mit dem [https://es-file-explorer.de.uptodown.com/android '''ES File Explorer'''].&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> == DeepOBD-Mods ==<br /> '''[https://git.flokra.at/Flo/DeepOBDConf/src/master Hier findet Ihr einige Mods von Florian für DeepOBD Configs.]'''&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> == Weitere Links zu anderen Motoren etc. ==<br /> '''[https://www.e90-forum.de/forum/thread/58407-app-deep-obd-f%C3%BCr-bmw-logging-jobs-fehler-lesen-und-l%C3%B6schen-sg-reset-registrierun/ App Deep OBD für BMW - Logging | Jobs | Fehler lesen und löschen | SG Reset | Registrierung Batterietausch | Start DPF Regeneration - im E90-forum.de]'''&lt;br /&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten&diff=4063 DeepOBD - Adapter und App einrichten 2026-10-20T13:04:07Z <p>Andre: /* Zusammenfassung und Download */</p> <hr /> <div>== DeepOBD - Diagnose und Live-Werte ==<br /> &lt;small&gt;Stand: 04.02.2026&lt;/small&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Was kann die App? ===<br /> * Fehlerspeicher auslesen - für '''BMW AG''' und auch '''VAG''' [VW, Audi, Skoda, Seat,..] (ca.2004-2017)<br /> * Auslesen und Anzeigen von Live-Werten aus alles Steuergeräten (z.b. Motor: Öltemperatur beim M52TU/M54/S54, Ladedruck beim M57,..)<br /> * ähnliche Funktionen wie BMW Diagnose Software<br /> * alle Funktion müssen selbst(!) konfiguriert werden, oder aber es werden von uns vorbereitete Konfigurationen genutzt. (Siehe [[DeepOBD_-_Adapter_und_App_einrichten#Zusammenfassung_und_Download|Download]])&lt;br /&gt;<br /> &lt;br /&gt;<br /> {|<br /> |&lt;youtube&gt;https://youtu.be/-uNTGxTXcPw&lt;/youtube&gt;&lt;br&gt;<br /> '''Beispiel:''' ''BMW E39 M57 530d''<br /> |&lt;youtube&gt;https://www.youtube.com/watch?v=XYUfAFopVtg&lt;/youtube&gt;&lt;br&gt;<br /> '''Beispiel:''' ''BMW E39 M54 525i''<br /> |}<br /> <br /> &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> === Was brauche ich? ===<br /> * Ein Android-Gerät mit voll nutzbarer USB-Schnittstelle („OTG“) oder Bluetooth.<br /> * Die App „[https://play.google.com/store/apps/details?id=de.holeschak.bmw_deep_obd DeepOBD]“<br /> * Die zugehörigen ECU Daten (~120MB, können nur in der App herunter geladen werden)<br /> * Ein OBD2-USB Diagnose-Interface (wie für BMW Diagnose Software) oder das [https://shop.ibus-app.de/detail/index/sArticle/258 '''speziell für „DeepOBD“ erstellte Bluetooth Interface'''] '''[alle anderen, ggf. ähnlich aussehenden BT-Interface funktionieren NICHT!]'''<br /> * Eine voll-belegte OBD2 Diagnose-Schnittstelle (optional temporär eine OBD1 Diagnose-Schnittstelle PLUS einen Adapter auf OBD2). Sofern OBD1 und OBD2 verbaut sind (einige E38/E39/E46), so muss OBD2 vervollständigt werden (Stichwort &quot;PIN 7+8&quot;) ==&gt; [http://download.speedy-pics.de/uploads/weblink/obd1-obd2.pdf Nachrüstung oder Vervollständigung der OBD2 Diagnose Buchse (V1.3 2021-02-27) [BMW E38/E39/E46&lt;nowiki&gt;]&lt;/nowiki&gt;]<br /> * Geduld und etwas Muse :o)&lt;br /&gt;<br /> <br /> Alle weiteren Infos findet ihr (in English!) auf der [https://ediabaslib.codeplex.com/wikipage?title=Deep%20OBD%20for%20BMW Homepage des Entwicklers].&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Bluetooth Interface ===<br /> Es existiert auf dem Markt nur zwei für die App nutzbare OBDII-Bluetooth Interfaces.<br /> # &lt;big&gt;'''&lt;font color=&quot;red&quot;&gt;NEU&lt;/font&gt; Das von Herr Holeschak angepasste und geprüfte [https://shop.ibus-app.de/detail/index/sArticle/258 Deep OBD Interface gibt es endlich auch im I-BUS App-Shop]'''&lt;/big&gt;.&lt;sup&gt;1&lt;/sup&gt;<br /> # Das eine kommt direkt vom Entwickler, der es bei ebay als [https://www.ebay.de/usr/uh-xy Verkäufer uh-xy] anbietet.&lt;sup&gt;2&lt;/sup&gt;<br /> <br /> '''Andere, optisch identische Interface funktionieren nicht, das sowohl Hard- als auch Software modifiziert werden.'''&lt;br /&gt;&lt;br /&gt;<br /> <br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> DeepOBD Interface 1.png|DeepOBD Interface im I-BUS App Shop<br /> DeepOBD Interface 2.png|DeepOBD Interface im I-BUS App Shop<br /> DeepOBD Interface 3.png|DeepOBD Interface im I-BUS App Shop<br /> DeepOBD Interface.jpg|DeepOBD Interface bei ebay<br /> &lt;/gallery&gt;<br /> &lt;sup&gt;1&lt;/sup&gt;Das Interface basiert auf einem Xtrons OBD02 - wurde aber von Herrn Holeschak selbst modifiziert (Hardware und Firmware) und getestet. Damit es als solches erkannt werden kann haben wir ihm einem entsprechenden Sticker spendiert.&lt;br /&gt;<br /> &lt;sup&gt;1&lt;/sup&gt;Nutzbar sind '''nur''' die Interface mit dem '''Chip BC417''' und einer '''Brücke zw. Pin 7+8''' ( für BMW E38/E39/E46/E53). Entsprechend ist das Interface zu bestellen.&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Koppelung des Bluetooth Interfaces ===<br /> Wir empfehlen das Interface zuerst im Telefon-Menü des Android-Radios (bei Handy und Tablet egal!) und '''nicht''' im Bluetooth-Menü zu koppeln.&lt;br /&gt;<br /> Das Interface rückt damit nur in die Liste der verbundenen Geräte, wird aber keine Farbänderung (wie bei Xtrons, hier wird z.b. der Smartphone-Name grün bei aktiver Verbindung) vollziehen.&lt;br /&gt;<br /> Allerdings wird in der Statusleiste das blaue OBD-Icon erscheinen. '''Nur''' wenn dieses erscheint, wird eine Verbindung zur App DeepOBD erfolgreich sein.&lt;br /&gt;<br /> Erscheint das Icon, können wir zur App über gehen.&lt;br /&gt;&lt;br /&gt;<br /> '''&lt;big&gt;&lt;font color=&quot;red&quot;&gt;WICHTIG für alle neuen Xtrons (MA-, PQS- und IQ-Serie) sowie AVIN (PX6 und Qualcomm): Bluetooth-PIN vom Radio(!!!!) auf &quot;1234&quot; (entsprechend dem vom DeepOBD Interface) ändern, damit das Pairen funktioniert!&lt;/font&gt;&lt;/big&gt;'''<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> MCU2.png|Beispielbild OBDII Icon<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> ==== Fehlerbehandlung Interface Kopplung ====<br /> Erscheint das blaue OBD Icon nach Kopplung nicht oder das Interface wird nicht gefunden, kann es helfen:<br /> * das Interface aus- und an zu schalten und erneut zu suchen und pairen<br /> * das Interface aus der Liste zu löschen und erneut zu suchen und pairen<br /> * das Interface aus der Liste zu löschen, alle Verbindungen (DeepOBD) zu beenden, Namen und PIN vom Radio zu änder und anschließend Interface neu suchen und pairen<br /> * '''&lt;big&gt;&lt;font color=&quot;red&quot;&gt;WICHTIG für alle neuen Xtrons (MA-, PQS- und IQ-Serie) sowie AVIN (PX6 und Qualcomm): Bluetooth-PIN vom Radio(!!!!) auf &quot;1234&quot; (entsprechend dem vom DeepOBD Interface) ändern, damit das Pairen funktioniert!&lt;/font&gt;&lt;/big&gt;'''&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> === USB Interface ===<br /> Neben dem speziellen Bluetooth Interface funktioniert jedes USB-Interface, mit dem man auch die bekannten BMW Programme nutzen kann.&lt;br /&gt;<br /> Wichtig ist aber auch hier, dass die Brücke zw. PIN 7+8 gesetzt wird.&lt;br /&gt;<br /> Es genügt daher jedes beliebige &quot;KKL USB OBD2&quot; Interface (auch wenn es als &quot;nur für VAG geeignet&quot; deklariert ist). man bekommt diese ab ~10..15€ bei amazon oder ebay etc.&lt;br /&gt;<br /> Natürlich geht auch jedes BMW spezifisches Interface mit der Beschreibung &quot;K+D CAN&quot;, aber auch hier muss sichergestellt werden, dass die Brücke gesetzt ist!&lt;br /&gt;<br /> Eingerichtet wird es stets als &quot;FTDI USB Interface&quot;&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> K+D CAN.jpg|K+D CAN OBD2 USB Interface<br /> Interface Brücke7+8.jpg|Brücke PIN 7+8 im OBD2 USB Interface<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Einrichtung von DeepOBD ===<br /> Bitte aktuell die pdf im [https://xtrons.ibus-app.de/index.php?title=DeepOBD_-_Adapter_und_App_einrichten#Zusammenfassung_und_Download Download (pdf-File im Archiv)] lesen oder das [https://www.youtube.com/watch?v=sHoUxJQ8Gb8 Video zur Einrichtung] ansehen.<br /> &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> ====Basis ist die App &quot;Deep OBD&quot; sowie ein passendes Interface====<br /> # DeepOBD-App installieren<br /> # Einrichtungs-Anfrage der App abbrechen, oben rechts auf den &quot;Pfeil nach unten&quot; tippen und in die &quot;Globalen Einstellungen&quot; der App gehen. '''Speichermedium &quot;Standard&quot; auf &quot;..emulated/0&quot; ändern'''. Menü schließen.<br /> # Erneut auf den &quot;Pfeil nach unten&quot; tippen und &quot;ECU Daten entpacken&quot; erst jetzt auswählen. (auf dem internen Speicher dauert das ca. 2..15 Minuten, auf externen Laufwerken wesentlich länger!)<br /> # Kopiere aus dem Dowload-Archiv den Ordner &quot;Configurations&quot; auf einen USB-Stick/SD Karte und geht damit an das Android-Radio/-Tablett/-Handy auf dem die App eingerichtet ist.<br /> #'''bis Android 10:''' Sucht mit dem Dateimanager (o.ä.) den Ordner: ''...Android/data/de.holeschak.bmw_deep_obd/files/'' [entweder interner Ordner oder SD-Karte, im Zweifel beide!]<br /> ## Den kompletten Ordner &quot;Configurations&quot; in das Verzeichnis hinein kopieren<br /> ## Dateimanager schließen<br /> #'''ab Android 11''': das Verzeichnis &quot;Configurations&quot; mit dem Dateimanager in den Ordner &quot;Downloads&quot; im internen Speicher kopieren<br /> ## DeepOBD <br /> ##Öffnen Einstellungen <br /> ##globale Einstellungen <br /> ##&quot;Verzeichnis zur App kopieren&quot; <br /> ##Ordner &quot;Download&quot; öffnen und den Ordner &quot;Configurations&quot; antippen <br /> ##Ansicht wechsel in den DeepOBD Ordner <br /> ##wechseln auf die Ebene so dass &quot;de.holeschak.bmw_deep_obd&quot; zu sehen ist, lange auf diese Zeile tippen <br /> ##Meldung, ob die Daten dahin kopiert werden sollen bestätigen <br /> ##geduldig warten, '''das kann einige Minuten dauern - allein schon bis zum Beginn des Kopiervorganges!'''<br /> # Deep OBD öffnen und Zündung anschalten<br /> # In DeepOBD auf den &quot;Pfeil nach unten&quot; klicken und die Funktion &quot;Konfiguration&quot; klicken. Es öffnet sich der Dialog zur Auswahl einer Konfiguration. Nun den Ordner oben suchen und öffnen und den passenden Unterordner zur Modellreihe (E38/E39/E46/E53/E83) öffnen, dort dann die passende Konfig für Motor/Getriebe &quot;M57&quot;, &quot;M54&quot;,.. öffnen und die Datei &quot;I-BUS_App_Bt.cccfg&quot; (für BT Adapter) oder &quot;I-BUS_App_USB.cccfg&quot; (für USB Adapter) auswählen.<br /> # Sofern das passt, kehrt die App zurück zur Startseite und es werden einige Reiter angezeigt. (IBUS-App, DDE/DME, ..)<br /> # klicken auf den Button &quot;Getrennt&quot; um die Verbindung zum OBD Interface zu aktivieren<br /> # Wenn noch nicht eingerichtet fragt die App nun ob ein Interface/Adapter eingerichtet werden soll. Dies Bestätigen.<br /> # OBD Interface aus der Liste wählen und als &quot;OBD Interface&quot; setzen.<br /> # Es folgt der Hinweis, dass das Interface ggf. konfiguriert werden muss, dies bestätigen.<br /> # Es öffnet sich die Konfiguration. Diese lassen wie sie ist, speichern und mit dem Pfeil oben links verlassen.<br /> # Verbindung wird hergestellt.<br /> # Nach erfolgreicher Verbindung werden die entsprechenden Live-Daten angezeigt.&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> ===='''Vorbereitend für die Datenübertragung an die I-BUS App sollten folgende Einstellungen in den &quot;Globalen Einstellungen&quot; gesetzt werden'''==== <br /> # Bluetooth einschalten: keine automatische BT-Behandlung<br /> # BT ausschalten: aus<br /> # Sperre während Kommunikation: CPU bleibt aktiv<br /> # Sperre während Datenaufzeichnung: CPU bleibt aktiv<br /> # Datenaufzeichnung: optional (Logfile..)<br /> # App starten: Autom. Verbindungsaufbau<br /> # Broascast: aktiv<br /> # Ecu Daten überprüfen: nicht aktiv<br /> # BMW Datenbank: nicht aktiv [Laden dauert sehr lang - nur zum Fehler lesen nötig für mehr Informationen]<br /> # Debug: optional<br /> Siehe auch folgendes Bild: &quot;Sollwerte Globale Einstellungen&quot;.&lt;br /&gt;&lt;br /&gt;<br /> <br /> ====Globale Einstellungen====<br /> '''Globale Einstellungen sind nur verfügbar, wenn die App NICHT mit dem Fahrzeug verbunden ist!'''<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> DeepOBD_GlobalSettings.jpg|Soll-Werte &quot;Globale Einstellungen&quot;<br /> DeepOBD_Konfig.jpg|Dialog Konfig auswählen/Konfigurationsgenerator<br /> DeepOBD_Settings.jpg|Settings<br /> DeepOBD_Start.jpg|Startseite DeepOBD<br /> &lt;/gallery&gt;&lt;br /&gt;<br /> <br /> ===='''Hinweis zur spezifischen Fehler-Auslese-Konfiguration''' (Erstellung der eigenen errors.ccpage) ====<br /> Da die Auswahl an auszulesenden Steuergeräten an Baujahr und Ausstattung geknüpft ist, empfehle ich zusätzlich eine Konfiguration passend zum Wagen anzulegen. Dazu:<br /> # DeepOBD öffnen, ggf. bestehende Verbindung zum Interface trennen.<br /> # In DeepOBD auf den &quot;Werkzeugschlüssel&quot; klicken und die Funktion &quot;Konfigurationsgenerator&quot; klicken.<br /> # Im Folgefenster auf &quot;Lesen&quot; klicken, das Auslesen der Ecus beginnt. ggf. Frage zum vollständigen auslesen bestätigen.<br /> # nach erfolgreichem Auslesen auf den &quot;zurück-Pfeil&quot; klicken und die Frage zum Speichern Konfiguration bestätigen.<br /> # DeepOBD beenden und einen Dateimanager öffnen. Den Ordner wie oben öffnen. Hier sollte nun ein weiterer Ordner mit eurer Fahrgestellnummer präsent sein.<br /> # in diesen Ordner gehen und die Datei &quot;Errors.ccpage&quot; suchen, markieren und kopieren<br /> # zurück in den Ordner &quot;M54&quot; oder &quot;M57&quot; (o.ä.) wechseln und die dort vorhandene Datei &quot;Errors.ccpage&quot; durch die zuvor kopierte ersetzen(!)&lt;br /&gt;<br /> Weitere Hinweise, wie man eine eigene Konfig manuell erstellt entnehmt ihr bitte der DeepOBD.pdf im Archiv.<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Einrichtung der I-BUS App für DeepOBD Live-Werte im OBD-Screen ===<br /> * Öffnen des I-BUS App Setups, Unterpunkt &quot;Weiteres&quot; und Anzeige des &quot;OBD Bildschirms&quot; aktivieren.<br /> * Nach App Neustart erscheint oben neben PDC nun der Reiter &quot;OBD&quot;<br /> * '''bis Android 10''' <br /> ** Rechts auf den Balken &quot;Load&quot; tippen und nun die gleiche Konfigurationsdatei wie auch in DeepOBD wählen, die angezeigt werden soll. z.b. &quot;IBUS_App_BT.cccfg&quot;.<br /> ** Die Datei befindet sich in folgendem Ordner: Speichermedium/'''Android/data/de.holeschak.bmw_de/files/'''configurations/ oder im Unterordner vom Fahrzeugtyp/Motor-Getriebe .. siehe oben.<br /> * '''ab Android 11''' <br /> ** Rechts auf den Balken &quot;Load&quot; tippen und nun die gleiche Konfigurationsdatei wie auch in DeepOBD wählen, die angezeigt werden soll. z.b. &quot;IBUS_App_BT.cccfg&quot;. <br /> ** Die Datei befindet sich in folgendem Ordner: Speichermedium/'''Download/[..]/'''configurations/ oder im Unterordner vom Fahrzeugtyp/Motor-Getriebe .. siehe oben.<br /> <br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> I-BUS App DeepOBD 00.jpg|OBD Menü aktivieren<br /> I-BUS App DeepOBD 01.jpg|OBD Menü anzeigen<br /> I-BUS App DeepOBD 02.jpg|DeepOBD Konfig-Ordner öffnen<br /> I-BUS App DeepOBD 03.jpg|DeepOBD Konfiguration laden<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Einrichtung der I-BUS App für DeepOBD Live-Werte auf dem BC-Screen ===<br /> Sofern DeepOBD im Hintergrund aktiv läuft und via Broadcast Werte sendet, können diese auf dem BC-Screen der I-BUS App dargestellt werden.&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> PB7839BP_DeepOBD_I-BUS.jpg|DeepOBD Live-Werte M57 auf BC-Screen<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> Möglich sind hier momentan folgende Werte:&lt;br /&gt;<br /> * Drehzahl<br /> * Geschwindigkeit<br /> * Spannung<br /> * Ladedruck&lt;sup&gt;2/3&lt;/sup&gt;<br /> * Leistung&lt;sup&gt;2/4&lt;/sup&gt;<br /> * Lambda&lt;sup&gt;2/5&lt;/sup&gt;<br /> * Innenraumtemperatur&lt;sup&gt;6&lt;/sup&gt;<br /> * Tankinhalt&lt;sup&gt;7&lt;/sup&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> &lt;sup&gt;2&lt;/sup&gt; Nur bei M57 (330d / 525d / 530d / 730d / X5 30d).&lt;br /&gt;<br /> &lt;sup&gt;3&lt;/sup&gt; Anzeige Soll-Ladedruck (blau) und IST-Ladedruck (Orange mit Zahlenwert). Anzeige anstatt der Motortemperatur. Umschaltung mittels langem Drücken auf Schriftzug &quot;Motortemperatur&quot;/&quot;Ladedruck&quot;&lt;br /&gt;<br /> &lt;sup&gt;4&lt;/sup&gt; Anzeige der Leistung aus dem Soll-Moment (Einspritzmenge) der DDE&lt;br /&gt;<br /> &lt;sup&gt;5&lt;/sup&gt; Anzeige des rechn. Lamdba-Wertes aus Luftmasse und Einspritzmenge (Diesel rußen i.d.R. bei Lamdba &lt;1,3 ). Umschaltung mittels langem Drücken auf Schriftzug &quot;Leistung&quot;/&quot;Lambda&quot;&lt;br /&gt;<br /> &lt;sup&gt;6&lt;/sup&gt; Nur nötig für die Anzeige der Innenraumtemperatur bei E38/E39/E53/.. bei E46 und E83 kommt der Wert auch ohne DeepOBD&lt;br /&gt;<br /> &lt;sup&gt;7&lt;/sup&gt; Nur nötige für E38/E39 mit altem Tacho, dass den Wert vom Tankinhalt nicht auf dem I-BUS bereit stellen kann. Entsprechende Config mit diesem Wert ist vorausgesetzt.&lt;br /&gt;&lt;br /&gt;<br /> Für M47N, M52, M54, M57, M62, M73, S54 und S62 sind entsprechende Konfigurationen in den Beispieldaten (siehe [[DeepOBD_-_Adapter_und_App_einrichten#Zusammenfassung_und_Download|Download]]) enthalten [IBUS_App.ccpage]. Weitere Konfigurationen sind möglich, hierzu bitte [https://ibus-app.de/contact.html#kontakt Kontakt mit dem Team der I-BUS App] aufnehmen.<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Anleitung als Video ===<br /> &lt;big&gt;'''DeepOBD Einrichten ab Android 11:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=IL-z3PYvxFc&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''DeepOBD Einrichten:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=sHoUxJQ8Gb8&lt;/youtube&gt;&lt;br&gt;<br /> Vielen Dank an [https://www.facebook.com/ricky.tricky.37 Ricky] für das Video.<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''DeepOBD - eigene Konfig beginnen / Errors.ccpage erstellen:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://youtu.be/ktLMdEab5UQ&lt;/youtube&gt;&lt;br&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''DeepOBD - eigene Konfig erstellen / Errors.ccpage erstellen:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;https://youtu.be/mHbuQGDIWLg&lt;/youtube&gt;&lt;br&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''DeepOBD - USB Interface einrichten:'''&lt;/big&gt;&lt;br&gt;<br /> &lt;youtube&gt;<br /> https://youtu.be/5fjCcAZq6Lw&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> <br /> === Hintergrundbild ändern ===<br /> Es ist möglich das Hintergrundbild der App zu ändern.&lt;br /&gt;<br /> Dazu einfach ein eigenen Bild als '''Background.jpg''' Datei (ideal in Auflösung vom Bildschirm in den Ordner: '''de.holeschak.bmw_deep_obd\files\Images''' kopieren.&lt;br /&gt;<br /> (Der &quot;Images&quot; Order muss dafür erstellt werden!)&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Background.jpg|Beispiel-Hintergrundbild<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> == DeepOBD Config Generator ==<br /> &lt;br&gt;<br /> Ich habe einen web-basierten Config-Generator erstellt.&lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''[https://download.speedy-pics.de/uploads/android/DeepOBD/DeepOBD_Konfigurator.html DeepOBD Config Generator]'''&lt;/big&gt;&lt;br&gt;&lt;br&gt;<br /> Und so funktioniert der Generator:<br /> # eine zum Fahrzeug passende errors.ccpage erstellen, siehe Video oben<br /> # ggf. errors.ccpage aus dem DeepOBD Order z.B. unter &quot;downloads&quot; kopieren<br /> # '''[https://download.speedy-pics.de/uploads/android/DeepOBD/DeepOBD_Konfigurator.html DeepOBD Config Generator]''' öffnen<br /> # errors.ccpage mit dem '''[https://download.speedy-pics.de/uploads/android/DeepOBD/DeepOBD_Konfigurator.html DeepOBD Config Generator]''' auslesen<br /> # es werden passende Configs vorgeschlagen, optional kann man eine eigene Liste erstellen<br /> ## dazu können via Checkbox Seiten die auf der errors.ccpage basieren ausgewählt und weitere aus einer Suche ergänzt werden<br /> # final der Config einen Namen geben und als zip herunterladen.<br /> # ZIP z.B. mit &quot;RAR&quot; oder &quot;7-zip&quot; entpacken und den Inhalt aufs Android Gerät - auf dem die DeepOBD App läuft - kopieren.<br /> # den Ordner in das Zielverzeichnis von DeepOBD kopieren <br /> # Config in DeepOBD laden&lt;br&gt;<br /> &lt;br&gt;<br /> <br /> == Zusammenfassung und Download ==<br /> &lt;small&gt;Stand: 12.05.2023&lt;/small&gt;&lt;br /&gt;&lt;br /&gt;<br /> '''&lt;big&gt;&lt;big&gt;[http://download.speedy-pics.de/uploads/android/DeepOBD.rar Hier findet ihr zum Download Beispielkonfigurationen für M47, M47N, M51, M52, M54, M57, M57N, M62, M73, S54 und S62 Motoren + EA189]&lt;/big&gt;&lt;/big&gt;''' &lt;br /&gt;<br /> &lt;font color=&quot;white&quot;&gt;'''&lt;big&gt;&lt;big&gt;** NEU ** eine Konfiguration für VW/Audi/Seat/Skoda (2.0 TDI EA189 177PS + DSG)&lt;/big&gt;&lt;/big&gt;&lt;/font&gt;''' &lt;br /&gt;<br /> (weitere in Planung), inkl. der Konfig für die Verbindung mit der I-BUS App. Aktuell inkl. &quot;Log-Seite&quot; für M57 Diesel.&lt;br /&gt;<br /> &lt;font color=&quot;red&quot;&gt;&lt;big&gt;'''Die meisten aktuelle Browser verhindern den direkten Download von Archiv-Dateien (*.rar, etc.). Rechtsklick auf den Link und &quot;Link speichern unter&quot; wird funktionieren.'''&lt;/big&gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;<br /> '''&lt;big&gt;*NEU*&lt;/big&gt;''' Bei fast allen Konfigs ist nun eine Seite &quot;SIA&quot; Zum zurücksetzen des Service-Intervalls enthalten. Bei ausgewählten Dieseln ebenso das anpassen der Frischluftrate und der Leerlauf-Drehzahl. Dazu sind in einigen Konfigs die Anzeigen farbig in Anhängigkeit vom angzeigten Wert. Danke [https://www.facebook.com/flokra85 Florian]! &lt;br /&gt;<br /> &lt;font color=&quot;red&quot;&gt;&lt;big&gt;'''Nutzung erfolgt auf eigene Gefahr! Wir lehnen jede Haftung für (Folge-)Schäden ab!!!!'''&lt;/big&gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;<br /> Eine pdf-Anleitung ist enthalten.&lt;br /&gt;&lt;br /&gt;<br /> '''Download am PC wird empfohlen, da der Download gepackt ist.'''&lt;br /&gt;<br /> Entpacken des Download Archives am PC z.B. mit [https://www.winrar.de/downld.php '''WinRAR'''] oder auf dem Android Radio mit dem [https://es-file-explorer.de.uptodown.com/android '''ES File Explorer'''].&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> == DeepOBD-Mods ==<br /> '''[https://git.flokra.at/Flo/DeepOBDConf/src/master Hier findet Ihr einige Mods von Florian für DeepOBD Configs.]'''&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> == Weitere Links zu anderen Motoren etc. ==<br /> '''[https://www.e90-forum.de/forum/thread/58407-app-deep-obd-f%C3%BCr-bmw-logging-jobs-fehler-lesen-und-l%C3%B6schen-sg-reset-registrierun/ App Deep OBD für BMW - Logging | Jobs | Fehler lesen und löschen | SG Reset | Registrierung Batterietausch | Start DPF Regeneration - im E90-forum.de]'''&lt;br /&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Xtrons_IQ-IBUS-Serie&diff=4062 Xtrons IQ-IBUS-Serie 2026-10-14T09:11:02Z <p>Andre: /* Firmware und MCU für IQx3xx */</p> <hr /> <div>-- Seite in Arbeit --<br /> &lt;br&gt;<br /> == Technische Daten ==<br /> &lt;br&gt;<br /> Bezugsquelle für '''[https://shop.ibus-app.de/detail/index/sArticle/390 IQ7439BL]''', '''[https://shop.ibus-app.de/detail/index/sArticle/374 IQ7446IBUS ]''', '''[https://shop.ibus-app.de/detail/index/sArticle/375 IQ1439IBUS ]''' und '''[https://shop.ibus-app.de/detail/index/sArticle/379 IQ1453BH ]''' ausschließlich im I-BUS App Shop.&lt;br /&gt;<br /> * Qualcomm 665 CPU<br /> * 8GB RAM<br /> * 256GB Speicher<br /> * echtes Android 13 (API Level 33)<br /> * OEM-nahes Frontpanel<br /> ** weder DVD-Laufwerk noch SD-Slots<br /> ** verbesserte Haptik der Tasten<br /> * hochauflösendes IPS Display<br /> * extrem kurze Bauform (passt auch in der BMW E38)<br /> * integriertes wireless Carplay und Android Auto<br /> * eingebautes DSP (keine Steuerung des DSP ab Werk)<br /> * Endstufe TDA7851 (4* 45W)<br /> * unterstützung von AHD-Kameras bis 1920x1080<br /> * integrierter Lüfter<br /> * digitaler Ausgang<br /> * Anschlussstecker für Resler Modul<br /> * Dualband-WiFi (2,4 und 5 GHz)<br /> * Unterstützung der originalen Lenkradtasten<br /> * Bluetooth 5.0<br /> * 3x USB<br /> * SIM Karten-Leser für uintegriertes 4G Modem<br /> * GPS Antenne für Navigation <br /> <br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQ7339IBUS 01.jpg|Xtrons IQ7339IBUS für BMW E39 7&quot; Qualcomm 665 / 8GB / 256GB<br /> IQ7339IBUS 02.jpg|Xtrons IQ7339IBUS Rückansicht<br /> IQ7339IBUS 03.jpg|Xtrons IQ7339IBUS Zubehör<br /> IQ7339IBUS 04.jpg|Xtrons IQ7339IBUS Stecker für Resler Modul/Interface<br /> IQ7339IBUS 05.jpg|Xtrons IQ7339IBUS Draufsicht<br /> IQ7339IBUS 06.jpg|Xtrons IQ7339IBUS CPU Info: API 33<br /> IQ7339IBUS 07.jpg|Xtrons IQ7339IBUS Abmessungen<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> == Hier sollen einige Hinweise zur Xtrons IQ Serie - speziell für die Version &quot;IBUS&quot; erscheinen ==<br /> # Code Für Werkseinstellungen: 126<br /> # '''aktuelle Firmware:''' ''Link folgt''<br /> # '''externes Mikrofon:''' Android-Einstellungen =&gt; CAR =&gt; Werkseinstellungen (Code: 126) =&gt; weitere Einstellungen ==&gt; Mikrofon auf &quot;Extern&quot; ändern<br /> # '''Rückfahrkamera:''' [https://xtrons.ibus-app.de/index.php?title=Abschalten_des_schwarzen_Bildschirms_(R%C3%BCckfahrkamera)_beim_Einlegen_des_R%C3%BCckw%C3%A4rtsganges#ab_Android_8 (De-)Aktivieren der Rückfahrkamera beim IQ]<br /> # [https://xtrons.ibus-app.de/index.php?title=Bootlogo_%C3%A4ndern#Boot-Logo_%C3%A4ndern_f%C3%BCr_andere_Radios_(z.B._Xtrons_IX-Serie_etc.) Bootlogo ändern]<br /> &lt;br&gt;<br /> == Unboxing ==<br /> &lt;br&gt;<br /> Unboxing Video:&lt;br&gt;<br /> &lt;youtube&gt;https://youtu.be/NazHVVhhcqo&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> == Anschlüsse ==<br /> &lt;br&gt;<br /> '''Hier ein Anschlussplan des Xtrons IQ7339IBUS.&lt;br&gt;<br /> Ergänzt ist der '''[https://shop.ibus-app.de/detail/index/sArticle/392 Anschlussadapter für das Resler-Modul]''', der nur bei Geräten mit der Endung &quot;..IBUS&quot; in der Artikelnummer bzw. dem IQ7439BL &quot;mit I-BUS-App Paket&quot; enthalten ist.'''&lt;br&gt;<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQ7339IBUS pinout.jpg|Radioanschlüsse<br /> IQ7439IBUS 01.jpg|Anschluss mit Resler Modul und IBUS-Adapter<br /> AdapterXtrons01.jpg|Anschlussadapter für das Resler-Modul<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> == Einbau-Video ==<br /> &lt;br&gt;<br /> Einbau-Video:&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=hny-gJQQ6Tc&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> == Menü-Übersicht/Einstellungen ==<br /> &lt;br&gt;<br /> Genereller Hinweis: einige Menü-Punkte und Funktionen können je nach Version der Firmware komplett oder geringfügig anders benannt sein.&lt;br&gt;<br /> &lt;br&gt;<br /> === DSP / Equalizer (IQ7339IBUS) ===<br /> &lt;br&gt;<br /> DSP- und Equalizer Einstellungen.&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 01.png|DSP - Equalizer<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 02.png|DSP - Loundness, Bassboost etc.<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 03.png|DSP - Fader + Balance<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 04.png|DSP - Laufzeitkorrektur<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 01.png|DSP - Setup Laufzeitkorrektur<br /> &lt;/gallery&gt;<br /> Mehr Info zum Thema [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#High_Pass_Filter_und_Low_Pass_Filter_(HPF/LPF) Low/Highpass] und [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#Laufzeitkorrektur_(LZK) Laufzeitkorrektur].&lt;br&gt;<br /> '''Info zur Laufzeitkorrektur beim IQ: man setzt hier den Abstand zwischen den Lautsprechern links-recht und vorn-hinten im Wagen. Die Subwoofer-Position ist nicht separat einstellbar!'''<br /> &lt;br&gt;&lt;br&gt;<br /> === DSP / Equalizer (IQx4xxIBUS) ===<br /> &lt;br&gt;<br /> DSP- und Equalizer Einstellungen.&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 01.jpg|DSP - Equalizer<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 02.jpg|DSP - Laufzeitkorrektur<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 03.jpg|DSP - DTS<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 04.jpg|DSP - separate Lautstärken<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 05.jpg|DSP - High/LowPass Einstellungen<br /> &lt;/gallery&gt;<br /> Das IQx4xxIBUS verfügt neben dem DSP noch über &quot;DTS&quot;. Hier können u.a. ein virtueller Center Lautsprecher im Armaturenbrett und div. Klangfarben gesetzt werden.&lt;br&gt;<br /> Mehr Info zum Thema [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#High_Pass_Filter_und_Low_Pass_Filter_(HPF/LPF) Low/Highpass] und [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#Laufzeitkorrektur_(LZK) Laufzeitkorrektur].&lt;br&gt;<br /> '''Info zur Laufzeitkorrektur beim IQ: man setzt hier den Abstand zwischen den Lautsprechern links-recht und vorn-hinten im Wagen. Die Subwoofer-Position ist nicht separat einstellbar!'''<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> === Android-Setup===<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 00 IQ7339IBUS Androidsetup.png|Android-Einstellung<br /> 01 IQ7339IBUS Androidsetup Netzwerk.png|Netzwerke<br /> 02 IQ7339IBUS Androidsetup Verbundene-Geräte.png|Verbundene Geräte<br /> 03 IQ7339IBUS Androidsetup CAR.png|CAR<br /> 03 IQ7339IBUS Androidsetup CAR 01.png|CAR =&gt; LED<br /> 03 IQ7339IBUS Androidsetup CAR 02.png|CAR =&gt; Lenkradtasten anlernen. HINWEIS: Funktioniert so nicht für BMW E39/E38 !<br /> 03 IQ7339IBUS Androidsetup CAR 03.png|CAR =&gt; Navi-Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 04.png|CAR =&gt; Voice-Assistent<br /> 03 IQ7339IBUS Androidsetup CAR 05.png|CAR =&gt; Fahreinstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 06.png|CAR =&gt; Extra-Einstellungen<br /> 04 IQ7339IBUS Androidsetup Apps.png|Apps<br /> 05 IQ7339IBUS Androidsetup Benachrichtigungen.png|Benachrichtigungen<br /> 06 IQ7339IBUS Androidsetup Speicher.png|Speicher<br /> 07 IQ7339IBUS Androidsetup Ton+Vibration.png| Ton &amp; Vibration<br /> 08 IQ7339IBUS Androidsetup Display.png|Display<br /> 09 IQ7339IBUS Androidsetup Hintergrund.png|Hintergrund<br /> 10 IQ7339IBUS Androidsetup Sicherheit.png|Sicherheit<br /> 11 IQ7339IBUS Androidsetup Datenschutz.png|Datenschutz<br /> 12 IQ7339IBUS Androidsetup Standort.png|Standort<br /> 14 IQ7339IBUS Androidsetup Screenshot 01.png|Screenshot<br /> 14 IQ7339IBUS Androidsetup Screenshot 01.png|Screenshot (&quot;erweitert&quot; und &quot;teilen&quot;)<br /> 15 IQ7339IBUS Androidsetup System.png|System - Sprache und Zeit anpassen, MCU- und System-Updates<br /> 16 IQ7339IBUS Androidsetup Über.png|Über das Tablet<br /> &lt;/gallery&gt;&lt;br&gt;<br /> === Werkseinstellungen ===<br /> &lt;br&gt;<br /> Erreichbar über Android-Setup =&gt; CAR =&gt; Werkseinstellungen: Code: 126&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 01.jpg|Code für Werkseinstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 02.jpg|App Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 03.jpg|Boot Logo<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 05.jpg|Radio<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 05a.png|Lautstärken<br /> 16_Werkseinstellungen_CAN.jpeg|CAN BUS Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 04.jpg|Tasten und Touch anlernen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 06.jpg|Tasten anlernen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 07.jpg|Tasten anlernen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 08.jpg|Display Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 09.jpg|Weitere Einstellungen<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> == Wichtige Einstellungen für BMW E39 in Verbindung mit der I-BUS App ==<br /> &lt;br&gt;<br /> Einige Funktionen für den BC kann das IQ selbst, aber teils funktioniert das nicht korrekt. Daher ideal diese Funktionen deaktivieren und über die I-BUS App nutzen.&lt;br&gt;<br /> &lt;br&gt;<br /> === CAN Einstellung===<br /> &lt;br&gt;CAN-Einstellung in den Werkseinstellungen unter &quot;CAN&quot;.&lt;br&gt;<br /> Auswahl:<br /> # Canbus: &quot;135 BMW E46 (LZ)&quot;.&lt;br&gt;<br /> # Typ: VFL: &quot;0H&quot; // FL: &quot;1H&quot;<br /> # Amplifier: &quot;without Amplifier&quot; '''&lt;sup&gt;1&lt;/sup&gt;'''<br /> # Front door: &quot;Hide&quot;<br /> # Air condition: &quot;Hide&quot;<br /> # Backdoor: &quot;Hide&quot;<br /> &lt;br&gt;&lt;br&gt;<br /> '''&lt;sup&gt;1&lt;/sup&gt;''' Vor allem wichtig bei DSP ab Werk um die hohe Lautstärke nach Radiostart zu unterbinden. Ton kommt dann erst, nach dem die [http://www.ibus-app.de I-BUS App] läuft und das DSP startet.<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 16 Werkseinstellungen CAN.jpeg|CAN BUS Einstellungen<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> === Car Setup App ===<br /> Die &quot;Car Setup&quot; App ist von Werk installiert.&lt;br&gt;<br /> Hier bitte die folgenden Optionen deaktivieren:<br /> # Speed limit activation<br /> # Memo<br /> # AUD+OBD<br /> Ob und wie gut die anderen Funktionen hier arbeiten muss noch geprüft werden.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Car Setup.jpeg|Car Setup<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> === Digitaler Ausgang am Xtrons und BMW DSP ===<br /> &lt;br&gt;<br /> Das Xtrons IQ7339IBUS verfügt über einen digitalen Ausgang als S/PDIF (COAX) via Cinch und optisch via TOSLINK&lt;sup&gt;1&lt;/sup&gt;.&lt;br&gt;<br /> Der Nachfolger Xtrons IQ7439IBUS (bzw. IQ7439BL, IQ7446BL, IQ1439BL, IQ1453BL..) verfügt über einen digitalen Ausgang optisch via TOSLINK&lt;sup&gt;1&lt;/sup&gt;.&lt;br&gt;<br /> Die DSP Endstufe des BMW E39 verfügt über einen digitalen Eingang (SMB-Buchse) der das S/PDIF Signal unterstützt. Entsprechend kann man den Ton digital aus dem Xtrons direkt in die DSP Endstufe (sofern vorhanden!) verlust- und störungsfrei übertragen. Hierfür benötigt man ein Kabel mit Cinch-Stecker und SMB-Stecker mit ca. 6m Länge. Aktuell wird es über ein normales Cinchkabel, Adapter Cinch auf FAKRA und Adapter FAKRA auf SMB zum Test genutzt. &lt;br&gt;<br /> Hier das passende Kabel: [https://shop.ibus-app.de/i-bus-app/zubehoer/adapterkabel/372/anschlusskabel-xtrons-koaxial-an-dsp-endstufe-cinch-m-smb-f-6m?number=Cinch-SMB Anschlusskabel Xtrons koaxial an DSP-Endstufe, Cinch(m)-SMB(f), 6m]&lt;br&gt;<br /> '''WICHTIG:''' damit das DSP umschaltet auf den digitalen Eingang, muss man diesen in der I-BUS App umschalten auf &quot;CD-Wechsler&quot;. Eine detaillierte Anleitung folgt.&lt;br&gt;<br /> '''HINWEIS:''' Beim BMW E39 Facelift ist der CD-Wechsler über das Radio eingebunden und steckt nicht am SMB (dig. Eingang) am Wechsler. Beim VFL Steckt der CD-Wechsler ab Werk am SMB. Heißt hier muss man sich entscheiden ob man den CD Wechsler weiter via dig. Eingang nutzen mag oder das Xtrons digital anschließt.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> S PDIF+DSP.jpeg|Digitaler Anschluss des Xtrons via SMB an der DSP Endstufe<br /> IQ7339IBUS_02.jpg|&quot;COAXIAL&quot;. digitaler Cinch-Ausgang als S/PDIF Signal<br /> &lt;/gallery&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;sup&gt;1&lt;/sup&gt; Nutzbar für DSP via TOSLINK zu S/PDIF Konverter.&lt;br&gt;&lt;br&gt;<br /> <br /> == weitere Einstellungen ==<br /> &lt;br&gt;<br /> === Pausieren/Stopp von Youtube mit Licht an/aus vermeiden ===<br /> &lt;br&gt;<br /> Die neue Benutzeroberfläche der IQ Serie (ab IQx4xx.. / Android 14) bringt u.a. die Option das Theme vom Radio mit dem Licht auf Hell/Dunkel umzustellen mit Licht an/aus.&lt;br&gt;<br /> Leider hat dieses Umstellen Auswirkung auf u.a. die App Youtube, welche damit die Wiedergabe pausiert und das Bild minimiert.&lt;br&gt;<br /> Beheben lässt sich das entweder durch die Deaktivierung der Theme-Umschaltung vom Radio - oder durch die Festlegung der Oberfläche in Youtube auf Hell oder Dunkel.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQx4xxIBUS Modus.png|Oben rechts: Theme-Umschaltung mit Licht an/aus<br /> IQx4xx YT-pause DE 01 .jpg|Benutzer Seite öffnen<br /> IQx4xx YT-pause DE 02 .jpg|Einstellungen öffnen<br /> IQx4xx YT-pause DE 03 .jpg|Darstellungs-Einstellungen<br /> IQx4xx YT-pause DE 04 .jpg|Darstellungs-Einstellungen: Standard-Einstellung<br /> IQx4xx YT-pause DE 05 .jpg|Darstellungs-Einstellungen: Festlegung helles oder dunkles Design<br /> &lt;/gallery&gt;&lt;br&gt;<br /> <br /> === Lüfter-Einstellungen ===<br /> &lt;br&gt;<br /> Die neue IQ Serie (ab IQx4xx.. / Android 14) bringt u.a. die Option das An-/Abschalten des hinten verbauten Lüfters anzupassen.&lt;br&gt;<br /> Mit Tippen auf die Temperatur kann man die EInschaltschwelle für den Lüfter setzen. Ab Werk sind es 90°C - Gesetzt haben wir den Wert (nicht dargestellt) auf 60°C.&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQx4xxIBUS Fan 01.png|Lüfter-Einstellungen<br /> IQx4xxIBUS Fan 02.png|Lüfter-Einstellungen: Einschaltschwelle original<br /> IQx4xxIBUS Fan 03.png|Lüfter-Einstellungen: Einschaltschwelle gesetzt auf 60°C (nicht dargestellt)<br /> IQx4xxIBUS Fan 04.png|Lüfter-Einstellungen: Lüfter läuft<br /> &lt;/gallery&gt;&lt;br&gt;<br /> <br /> === Split-Screen ===<br /> &lt;br&gt;<br /> Hier ein Video wie man Split-Screen auf dem IQ nutzt:&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=2wI2-sqIhE4&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> <br /> &lt;br&gt;<br /> <br /> == Firmware und MCU ==<br /> &lt;br&gt;<br /> Anleitung wie ein '''[[Firmwareupdate]]''' funktioniert. (Anleitung für &quot;IQ-Serie&quot; nutzen)&lt;br&gt;&lt;br&gt;<br /> &lt;font color=&quot;red&quot;&gt;'''WICHTIG: die Firmware und MCU funktioniert nur für das jeweils spezifizierte Xtrons. Die Verwendung am falschen Gerät kann zu (irreparablen) Fehlfunktionen führen!'''&lt;/font&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> === Firmware und MCU für IQx3xx ===<br /> &lt;br&gt;<br /> Die aktuelle Version der Firmware für das IQ7339IBUS ist die '''2025-01-06 mit MCU 4.54'''.<br /> &lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/firmware/IQ-8+256_13.0_lf_sc138_13_(20250106)_MCU_4.54.rar Download Firmware für IQ7439IBUS - Stand: 2025-01-06]''' (1,5GB)<br /> &lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGQ_HCT_V4.54_IQx3xxIBUS.zip MCU 4.54 für IQx3xxIBUS]'''<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> === Firmware und MCU für IQx4xx ===<br /> &lt;br&gt;<br /> Die aktuelle Version der Firmware für das IQx4xxIBUS ist die '''2025-06-27''' letzte MCU ist Version '''4.56'''.<br /> &lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/firmware/FL-IQ_8+256_7inch_ibus_V1_13_(20250731).zip Download Firmware für IQ7439IBUS (7&quot; Radios - v1) - Stand: 2025-07-31]''' (1,5GB)&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQAKO8cRBFvoTaTymIR4TcAoAV9r-b7ccaVc8vWteL2nBok?e=9oEfYA Download Firmware für IQ7439.. und IQ7446.. (7&quot; Radios - v1) - Stand: 2026-04-30]''' (1,5GB)&lt;br&gt;&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQB4C4AKqz24Rok-uqNTIyUQASy6e0oyc7OzAuIroyLb12U?e=y6ssYU Download Firmware für IQ7439.. und IQ7446.. (7&quot; Radios - v2) - Stand: 2026-04-23]'''&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQB9vtjRKsMfTpHVGgUfXP-RAYKL0JkimE05dnPPzRWvBPc?e=5XwWdE Download Firmware für IQ7439.. und IQ7446.. (7&quot; Radios - v2) - Stand: 2026-07-17]'''&lt;br&gt;&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQBPjwQM1isVRolZFu9GiVIhAT6wFOuA57EFTtoQ9flpzNU?e=6kJT2L Download Firmware für IQ8446.. und IQ1439.. und IQ1453.. (8,8&quot; und 10,25&quot; Radios - v1) - Stand: 2025-12-18]''' (1,5GB)&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQAcSasWcOUmS5yOwjxCeW4jASbdcLHE9cO2ZYzmhVB_oSY?e=er3GxV Download Firmware für IQ8446.. und IQ1439.. und IQ1453.. (8,8&quot; und 10,25&quot; Radios - v1) - Stand: 2026-05-27]''' (1,5GB)&lt;br&gt;&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQATys0-HS03S6M0iHco-ttIAbfUatTkte-O6Ete0qL7FbE?e=oDnQoU Download Firmware für IQ8446.. und IQ1439.. und IQ1453.. (8,8&quot; und 10,25&quot; Radios - v2) - Stand: 2025-12-18]''' (1,5GB)&lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGS_HCT_V4.56d_IQx4xxIBUS.zip MCU 4.56 für IQx4xx]'''&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGS_HCT_V4.57.zip MCU 4.57d für IQx4xx]'''&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGS_HCT_V4.57t.zip MCU 4.57t für IQx4xx]''' '''verbessert schlechten FM-Radio Empfang'''<br /> &lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=TPMS_Sensoren_anlernen&diff=4061 TPMS Sensoren anlernen 2026-10-07T10:07:38Z <p>Andre: </p> <hr /> <div>Das Anlernen von neuen Sensoren an die Empfangseinheit ist ein wenig aufwändig, aber recht einfach umzusetzen.&lt;br&gt;<br /> Was braucht man?<br /> * ein Xtrons [https://shop.ibus-app.de/radiozubehoer/tpms/215/reifendruckueberwachungssystem-externe-sensoren-tpms07?number=TPMS07 TPMS07] oder [https://shop.ibus-app.de/radiozubehoer/tpms/216/reifendruckueberwachungssystem-interne-sensoren-tpms08?number=TPMS08 TPMS08]<br /> * die aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App]<br /> * etwas zum Reifen aufpumpen/Luftablassen (ggf. Tankstelle mit Reifendruckstation)<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> '''optionale Vorbereitung:''' (&lt;font color=&quot;red&quot;&gt;nur bei Verwendung von TPMS in Verbindung mit dem Resler Modul für die I-BUS App!&lt;/font&gt;)&lt;br&gt;<br /> # da sich das Resler Modul und der TPMS-Empfänger etwas behaken: temporär das Resler Modul vom USB trennen <br /> # sicherstellen, dass die I-BUS App geschlossen ist (wenn sie sich wieder öffnet und erneut schließen)<br /> # aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App] temporär installieren&lt;br&gt;<br /> '''Optional:''' TMPS Empfänger via OTG Adapter an ein Android Handy/Tablet stecken, TPMS App herunter laden/installieren und dann hiermit anlernen. Die Werte werden im TPMS-Empfänger gespeichert.<br /> &lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''Ablauf:'''&lt;br&gt;&lt;/big&gt;<br /> # '''TPMS App öffnen'''<br /> # wähle den Punkt „ID-Code Paar“ unten in der TPMS App<br /> # im neuen Fenster den Reifen antippen, den Du anlernen möchtest. Drücke nach Auswahl auf „zu paaren“.<br /> # es startet ein 120s Timer. Innerhalb dieser Zeit musst Du den &lt;font color=&quot;red&quot;&gt;'''Druck von nur diesem Reifen ändern'''&lt;/font&gt;. Dazu entweder etwas Luft ablassen oder aufpumpen. Eine kleine Änderung (0,2..0,3bar) genügt. Damit wird der Sensor aktiv und sendet häufiger als aller den üblichen 180s Werte. Bei TPMS07 genügt das Lösen der Schraubverbindung, bis der Druck gut hörbar entweicht.<br /> # War das Anlernen erfolgreich bricht der Timer ab und meldet Erfolg. Wenn man zurück auf die Startseite der TPMS App geht sollten Werte für diesen Sensor erscheinen.&lt;br&gt;<br /> &lt;br&gt;<br /> Diese Prozedur für jeden Reifen wiederholen. Es ist möglich, dass es nicht immer im ersten Anlauf funktioniert.&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> TPMS pair sensor 1.png|ID-Code Paar<br /> TPMS pair sensor 2.png|anzulernenden Sensor wählen<br /> TPMS pair sensor 3.png|Anlernen starten<br /> TPMS pair sensor 4.png|Timer läuft<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> '''Abschluss:'''&lt;br&gt;<br /> &lt;font color=&quot;red&quot;&gt;'''''Gilt nur für Verwendung von TPMS parallel mit dem orangen Resler Modul!'''''&lt;br&gt;&lt;/font&gt;<br /> '''Ihr benötigt hierfür eine Beta-Version der I-BUS App (ab Beta11, neuer als Version 2.2.1.4), kontaktiert den I-BUS App Support hierfür.'''&lt;br&gt;<br /> &lt;br&gt;<br /> Wenn alle Sensoren plausible Werte zeigen: TPMS App deinstallieren, Resler Modul wieder anstecken und es sollte alle Werte in den Bewegungsdaten der I-BUS App dargestellt werden.<br /> &lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=TPMS_Sensoren_anlernen&diff=4060 TPMS Sensoren anlernen 2026-10-07T10:06:38Z <p>Andre: </p> <hr /> <div>Das Anlernen von neuen Sensoren an die Empfangseinheit ist ein wenig aufwändig, aber recht einfach umzusetzen.&lt;br&gt;<br /> Was braucht man?<br /> * ein Xtrons [https://shop.ibus-app.de/radiozubehoer/tpms/215/reifendruckueberwachungssystem-externe-sensoren-tpms07?number=TPMS07 TPMS07] oder [https://shop.ibus-app.de/radiozubehoer/tpms/216/reifendruckueberwachungssystem-interne-sensoren-tpms08?number=TPMS08 TPMS08]<br /> * die aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App]<br /> * etwas zum Reifen aufpumpen/Luftablassen (ggf. Tankstelle mit Reifendruckstation)<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> '''optionale Vorbereitung:''' (&lt;font color=&quot;red&quot;&gt;nur bei Verwendung von TPMS in Verbindung mit dem Resler Modul für die I-BUS App!&lt;/font&gt;)&lt;br&gt;<br /> # da sich das Resler Modul und der TPMS-Empfänger etwas behaken: temporär das Resler Modul vom USB trennen <br /> # sicherstellen, dass die I-BUS App geschlossen ist (wenn sie sich wieder öffnet und erneut schließen)<br /> # aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App] temporär installieren&lt;br&gt;<br /> '''Optional:''' TMPS Empfänger via OTG Adapter an ein Android Handy/Tablet stecken, TPMS App herunter laden/installieren und dann hiermit anlernen. Die Werte werden im TPMS-Empfänger gespeichert.<br /> &lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''Ablauf:'''&lt;br&gt;&lt;/big&gt;<br /> # '''TPMS App öffnen'''<br /> # wähle den Punkt „ID-Code Paar“ unten in der TPMS App<br /> # im neuen Fenster den Reifen antippen, den Du anlernen möchtest. Drücke nach Auswahl auf „zu paaren“.<br /> # es startet ein 120s Timer. Innerhalb dieser Zeit musst Du den &lt;font color=&quot;red&quot;&gt;'''Druck von nur diesem Reifen ändern'''&lt;/font&gt;. Dazu entweder etwas Luft ablassen oder aufpumpen. Eine kleine Änderung (0,2..0,3bar) genügt. Damit wird der Sensor aktiv und sendet häufiger als aller den üblichen 180s Werte. Bei TPMS07 genügt das Lösen der Schraubverbindung, bis der Druck gut hörbar entweicht.<br /> # War das Anlernen erfolgreich bricht der Timer ab und meldet Erfolg. Wenn man zurück auf die Startseite der TPMS App geht sollten Werte für diesen Sensor erscheinen.&lt;br&gt;<br /> &lt;br&gt;<br /> Diese Prozedur für jeden Reifen wiederholen. Es ist möglich, dass es nicht immer im ersten Anlauf funktioniert.&lt;br&gt;<br /> &lt;br&gt;<br /> '''Abschluss:'''&lt;br&gt;<br /> &lt;font color=&quot;red&quot;&gt;'''''Gilt nur für Verwendung von TPMS parallel mit dem orangen Resler Modul!'''''&lt;br&gt;<br /> '''''Ihr benötigt hierfür eine Beta-Version der I-BUS App (ab Beta11, neuer als Version 2.2.1.4), kontaktiert den I-BUS App Support hierfür.'''''&lt;br&gt;&lt;/font&gt;<br /> &lt;br&gt;<br /> Wenn alle Sensoren plausible Werte zeigen: TPMS App deinstallieren, Resler Modul wieder anstecken und es sollte alle Werte in den Bewegungsdaten der I-BUS App dargestellt werden.<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> TPMS pair sensor 1.png|ID-Code Paar<br /> TPMS pair sensor 2.png|anzulernenden Sensor wählen<br /> TPMS pair sensor 3.png|Anlernen starten<br /> TPMS pair sensor 4.png|Timer läuft<br /> &lt;/gallery&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=TPMS_Sensoren_anlernen&diff=4059 TPMS Sensoren anlernen 2026-10-07T10:05:30Z <p>Andre: </p> <hr /> <div>Das Anlernen von neuen Sensoren an die Empfangseinheit ist ein wenig aufwändig, aber recht einfach umzusetzen.&lt;br&gt;<br /> Was braucht man?<br /> * ein Xtrons [https://shop.ibus-app.de/radiozubehoer/tpms/215/reifendruckueberwachungssystem-externe-sensoren-tpms07?number=TPMS07 TPMS07] oder [https://shop.ibus-app.de/radiozubehoer/tpms/216/reifendruckueberwachungssystem-interne-sensoren-tpms08?number=TPMS08 TPMS08]<br /> * die aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App]<br /> * etwas zum Reifen aufpumpen/Luftablassen (ggf. Tankstelle mit Reifendruckstation)<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> '''optionale Vorbereitung:''' (&lt;font color=&quot;red&quot;&gt;nur bei Verwendung von TPMS in Verbindung mit dem Resler Modul für die I-BUS App!&lt;/font&gt;)&lt;br&gt;<br /> # da sich das Resler Modul und der TPMS-Empfänger etwas behaken: temporär das Resler Modul vom USB trennen <br /> # sicherstellen, dass die I-BUS App geschlossen ist (wenn sie sich wieder öffnet und erneut schließen)<br /> # aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App] temporär installieren&lt;br&gt;<br /> '''Optional:''' TMPS Empfänger via OTG Adapter an ein Android Handy/Tablet stecken, TPMS App herunter laden/installieren und dann hiermit anlernen. Die Werte werden im TPMS-Empfänger gespeichert.<br /> &lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''Ablauf:'''&lt;br&gt;&lt;/big&gt;<br /> # '''TPMS App öffnen'''<br /> # wähle den Punkt „ID-Code Paar“ unten in der TPMS App<br /> # im neuen Fenster den Reifen antippen, den Du anlernen möchtest. Drücke nach Auswahl auf „zu paaren“.<br /> # es startet ein 120s Timer. Innerhalb dieser Zeit musst Du den &lt;font color=&quot;red&quot;&gt;'''Druck von nur diesem Reifen ändern'''&lt;/font&gt;. Dazu entweder etwas Luft ablassen oder aufpumpen. Eine kleine Änderung (0,2..0,3bar) genügt. Damit wird der Sensor aktiv und sendet häufiger als aller den üblichen 180s Werte. Bei TPMS07 genügt das Lösen der Schraubverbindung, bis der Druck gut hörbar entweicht.<br /> # War das Anlernen erfolgreich bricht der Timer ab und meldet Erfolg. Wenn man zurück auf die Startseite der TPMS App geht sollten Werte für diesen Sensor erscheinen.&lt;br&gt;<br /> &lt;br&gt;<br /> Diese Prozedur für jeden Reifen wiederholen. Es ist möglich, dass es nicht immer im ersten Anlauf funktioniert.&lt;br&gt;<br /> &lt;br&gt;<br /> '''Abschluss:'''&lt;br&gt;<br /> '''''Gilt nur für Verwendung von TPMS parallel mit dem orangen Resler Modul!'''''&lt;br&gt;<br /> '''''Ihr benötigt hierfür eine Beta-Version der I-BUS App (ab Beta11, neuer als Version 2.2.1.4), kontaktiert den I-BUS App Support hierfür.'''''&lt;br&gt;<br /> &lt;br&gt;<br /> Wenn alle Sensoren plausible Werte zeigen: TPMS App deinstallieren, Resler Modul wieder anstecken und es sollte alle Werte in den Bewegungsdaten der I-BUS App dargestellt werden.<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> TPMS pair sensor 1.png|ID-Code Paar<br /> TPMS pair sensor 2.png|anzulernenden Sensor wählen<br /> TPMS pair sensor 3.png|Anlernen starten<br /> TPMS pair sensor 4.png|Timer läuft<br /> &lt;/gallery&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=TPMS_Sensoren_anlernen&diff=4058 TPMS Sensoren anlernen 2026-10-07T10:05:19Z <p>Andre: </p> <hr /> <div>Das Anlernen von neuen Sensoren an die Empfangseinheit ist ein wenig aufwändig, aber recht einfach umzusetzen.&lt;br&gt;<br /> Was braucht man?<br /> * ein Xtrons [https://shop.ibus-app.de/radiozubehoer/tpms/215/reifendruckueberwachungssystem-externe-sensoren-tpms07?number=TPMS07 TPMS07] oder [https://shop.ibus-app.de/radiozubehoer/tpms/216/reifendruckueberwachungssystem-interne-sensoren-tpms08?number=TPMS08 TPMS08]<br /> * die aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App]<br /> * etwas zum Reifen aufpumpen/Luftablassen (ggf. Tankstelle mit Reifendruckstation)<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> '''optionale Vorbereitung:''' (&lt;font color=&quot;red&quot;&gt;nur bei Verwendung von TPMS in Verbindung mit dem Resler Modul für die I-BUS App!&lt;/font&gt;)&lt;br&gt;<br /> # da sich das Resler Modul und der TPMS-Empfänger etwas behaken: temporär das Resler Modul vom USB trennen <br /> # sicherstellen, dass die I-BUS App geschlossen ist (wenn sie sich wieder öffnet und erneut schließen)<br /> # aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App] temporär installieren&lt;br&gt;<br /> '''Optional:''' TMPS Empfänger via OTG Adapter an ein Android Handy/Tablet stecken, TPMS App herunter laden/installieren und dann hiermit anlernen. Die Werte werden im TPMS-Empfänger gespeichert.<br /> &lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''Ablauf:'''&lt;br&gt;&lt;/big&gt;<br /> # '''TPMS App öffnen'''<br /> # wähle den Punkt „ID-Code Paar“ unten in der TPMS App<br /> # im neuen Fenster den Reifen antippen, den Du anlernen möchtest. Drücke nach Auswahl auf „zu paaren“.<br /> # es startet ein 120s Timer. Innerhalb dieser Zeit musst Du den &lt;font color=&quot;red&quot;'''Druck von nur diesem Reifen ändern'''&lt;/font&gt;. Dazu entweder etwas Luft ablassen oder aufpumpen. Eine kleine Änderung (0,2..0,3bar) genügt. Damit wird der Sensor aktiv und sendet häufiger als aller den üblichen 180s Werte. Bei TPMS07 genügt das Lösen der Schraubverbindung, bis der Druck gut hörbar entweicht.<br /> # War das Anlernen erfolgreich bricht der Timer ab und meldet Erfolg. Wenn man zurück auf die Startseite der TPMS App geht sollten Werte für diesen Sensor erscheinen.&lt;br&gt;<br /> &lt;br&gt;<br /> Diese Prozedur für jeden Reifen wiederholen. Es ist möglich, dass es nicht immer im ersten Anlauf funktioniert.&lt;br&gt;<br /> &lt;br&gt;<br /> '''Abschluss:'''&lt;br&gt;<br /> '''''Gilt nur für Verwendung von TPMS parallel mit dem orangen Resler Modul!'''''&lt;br&gt;<br /> '''''Ihr benötigt hierfür eine Beta-Version der I-BUS App (ab Beta11, neuer als Version 2.2.1.4), kontaktiert den I-BUS App Support hierfür.'''''&lt;br&gt;<br /> &lt;br&gt;<br /> Wenn alle Sensoren plausible Werte zeigen: TPMS App deinstallieren, Resler Modul wieder anstecken und es sollte alle Werte in den Bewegungsdaten der I-BUS App dargestellt werden.<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> TPMS pair sensor 1.png|ID-Code Paar<br /> TPMS pair sensor 2.png|anzulernenden Sensor wählen<br /> TPMS pair sensor 3.png|Anlernen starten<br /> TPMS pair sensor 4.png|Timer läuft<br /> &lt;/gallery&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=TPMS_Sensoren_anlernen&diff=4057 TPMS Sensoren anlernen 2026-10-07T10:04:47Z <p>Andre: </p> <hr /> <div>Das Anlernen von neuen Sensoren an die Empfangseinheit ist ein wenig aufwändig, aber recht einfach umzusetzen.&lt;br&gt;<br /> Was braucht man?<br /> * ein Xtrons [https://shop.ibus-app.de/radiozubehoer/tpms/215/reifendruckueberwachungssystem-externe-sensoren-tpms07?number=TPMS07 TPMS07] oder [https://shop.ibus-app.de/radiozubehoer/tpms/216/reifendruckueberwachungssystem-interne-sensoren-tpms08?number=TPMS08 TPMS08]<br /> * die aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App]<br /> * etwas zum Reifen aufpumpen/Luftablassen (ggf. Tankstelle mit Reifendruckstation)<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> '''Vorbereitung:''' (&lt;font color=&quot;red&quot;&gt;nur bei Verwendung von TPMS in Verbindung mit dem Resler Modul für die I-BUS App!&lt;/font&gt;)&lt;br&gt;<br /> # da sich das Resler Modul und der TPMS-Empfänger etwas behaken: temporär das Resler Modul vom USB trennen <br /> # sicherstellen, dass die I-BUS App geschlossen ist (wenn sie sich wieder öffnet und erneut schließen)<br /> # aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App] temporär installieren&lt;br&gt;<br /> '''Optional:''' TMPS Empfänger via OTG Adapter an ein Android Handy/Tablet stecken, TPMS App herunter laden/installieren und dann hiermit anlernen. Die Werte werden im TPMS-Empfänger gespeichert.<br /> &lt;br&gt;&lt;br&gt;<br /> &lt;big&gt;'''Ablauf:'''&lt;br&gt;&lt;/big&gt;<br /> # '''TPMS App öffnen'''<br /> # wähle den Punkt „ID-Code Paar“ unten in der TPMS App<br /> # im neuen Fenster den Reifen antippen, den Du anlernen möchtest. Drücke nach Auswahl auf „zu paaren“.<br /> # es startet ein 120s Timer. Innerhalb dieser Zeit musst Du den '''Druck von nur diesem Reifen ändern'''. Dazu entweder etwas Luft ablassen oder aufpumpen. Eine kleine Änderung (0,2..0,3bar) genügt. Damit wird der Sensor aktiv und sendet häufiger als aller den üblichen 180s Werte. Bei TPMS07 genügt das Lösen der Schraubverbindung, bis der Druck gut hörbar entweicht.<br /> # War das Anlernen erfolgreich bricht der Timer ab und meldet Erfolg. Wenn man zurück auf die Startseite der TPMS App geht sollten Werte für diesen Sensor erscheinen.&lt;br&gt;<br /> &lt;br&gt;<br /> Diese Prozedur für jeden Reifen wiederholen. Es ist möglich, dass es nicht immer im ersten Anlauf funktioniert.&lt;br&gt;<br /> &lt;br&gt;<br /> '''Abschluss:'''&lt;br&gt;<br /> '''''Gilt nur für Verwendung von TPMS parallel mit dem orangen Resler Modul!'''''&lt;br&gt;<br /> '''''Ihr benötigt hierfür eine Beta-Version der I-BUS App (ab Beta11, neuer als Version 2.2.1.4), kontaktiert den I-BUS App Support hierfür.'''''&lt;br&gt;<br /> &lt;br&gt;<br /> Wenn alle Sensoren plausible Werte zeigen: TPMS App deinstallieren, Resler Modul wieder anstecken und es sollte alle Werte in den Bewegungsdaten der I-BUS App dargestellt werden.<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> TPMS pair sensor 1.png|ID-Code Paar<br /> TPMS pair sensor 2.png|anzulernenden Sensor wählen<br /> TPMS pair sensor 3.png|Anlernen starten<br /> TPMS pair sensor 4.png|Timer läuft<br /> &lt;/gallery&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=TPMS_Sensoren_anlernen&diff=4056 TPMS Sensoren anlernen 2026-10-07T10:04:00Z <p>Andre: </p> <hr /> <div>Das Anlernen von neuen Sensoren an die Empfangseinheit ist ein wenig aufwändig, aber recht einfach umzusetzen.&lt;br&gt;<br /> Was braucht man?<br /> * ein Xtrons [https://shop.ibus-app.de/radiozubehoer/tpms/215/reifendruckueberwachungssystem-externe-sensoren-tpms07?number=TPMS07 TPMS07] oder [https://shop.ibus-app.de/radiozubehoer/tpms/216/reifendruckueberwachungssystem-interne-sensoren-tpms08?number=TPMS08 TPMS08]<br /> * die aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App]<br /> * etwas zum Reifen aufpumpen/Luftablassen (ggf. Tankstelle mit Reifendruckstation)<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> '''Vorbereitung:''' (&lt;font color=&quot;red&quot;&gt;nur bei Verwendung von TPMS in Verbindung mit dem Resler Modul für die I-BUS App!&lt;/font&gt;)&lt;br&gt;<br /> # da sich das Resler Modul und der TPMS-Empfänger etwas behaken: temporär das Resler Modul vom USB trennen <br /> # sicherstellen, dass die I-BUS App geschlossen ist (wenn sie sich wieder öffnet und erneut schließen)<br /> # aktuelle [https://download.speedy-pics.de/uploads/android/TPMS-V1.1.71M-15_USB_L10_20230808.apk TPMS App] temporär installieren&lt;br&gt;<br /> '''Optional:''' TMPS Empfänger via OTG Adapter an ein Android Handy/Tablet stecken, TPMS App herunter laden/installieren und dann hiermit anlernen. Die Werte werden im TPMS-Empfänger gespeichert.<br /> &lt;br&gt;&lt;br&gt;<br /> '''Ablauf:'''&lt;br&gt;<br /> # '''TPMS App öffnen'''<br /> # wähle den Punkt „ID-Code Paar“ unten in der TPMS App<br /> # im neuen Fenster den Reifen antippen, den Du anlernen möchtest. Drücke nach Auswahl auf „zu paaren“.<br /> # es startet ein 120s Timer. Innerhalb dieser Zeit musst Du den '''Druck von nur diesem Reifen ändern'''. Dazu entweder etwas Luft ablassen oder aufpumpen. Eine kleine Änderung (0,2..0,3bar) genügt. Damit wird der Sensor aktiv und sendet häufiger als aller den üblichen 180s Werte. Bei TPMS07 genügt das Lösen der Schraubverbindung, bis der Druck gut hörbar entweicht.<br /> # War das Anlernen erfolgreich bricht der Timer ab und meldet Erfolg. Wenn man zurück auf die Startseite der TPMS App geht sollten Werte für diesen Sensor erscheinen.&lt;br&gt;<br /> &lt;br&gt;<br /> Diese Prozedur für jeden Reifen wiederholen. Es ist möglich, dass es nicht immer im ersten Anlauf funktioniert.&lt;br&gt;<br /> &lt;br&gt;<br /> '''Abschluss:'''&lt;br&gt;<br /> '''''Gilt nur für Verwendung von TPMS parallel mit dem orangen Resler Modul!'''''&lt;br&gt;<br /> '''''Ihr benötigt hierfür eine Beta-Version der I-BUS App (ab Beta11, neuer als Version 2.2.1.4), kontaktiert den I-BUS App Support hierfür.'''''&lt;br&gt;<br /> &lt;br&gt;<br /> Wenn alle Sensoren plausible Werte zeigen: TPMS App deinstallieren, Resler Modul wieder anstecken und es sollte alle Werte in den Bewegungsdaten der I-BUS App dargestellt werden.<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> TPMS pair sensor 1.png|ID-Code Paar<br /> TPMS pair sensor 2.png|anzulernenden Sensor wählen<br /> TPMS pair sensor 3.png|Anlernen starten<br /> TPMS pair sensor 4.png|Timer läuft<br /> &lt;/gallery&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor&diff=4055 Was ist DSP? Digitaler Soundprozessor 2026-10-05T12:52:15Z <p>Andre: /* DSP-Endstufe zum Nachrüsten */</p> <hr /> <div>&lt;br /&gt;&lt;br /&gt;<br /> == Kurzform ==<br /> &lt;br /&gt;<br /> '''DSP ist eine digitale Echtzeit-Modifizierung des Audiosignals vom Radio zur Klangverbesserung.'''<br /> &lt;br /&gt;&lt;br /&gt;<br /> <br /> == Für alle die es genauer wissen wollen ==<br /> &lt;br /&gt;<br /> DSP steht für &quot;Digitaler Soundprozessor&quot;.<br /> Das Signal vom Radio wird darin digitalisiert, verändert und dann wieder analog an die Lautsprecher weiter gegeben.<br /> Dabei gibt es einige Arten der Signalanpassung.<br /> === High Pass Filter und Low Pass Filter (HPF/LPF) ===<br /> &lt;br /&gt;<br /> Die Funktion von High Pass Filter und Low Pass Filter ermöglichen es bestimmte Frequenzen wegzuschneiden.&lt;br /&gt;<br /> Der Low Pass Filter lässt nur Töne tiefer der eingestellten Grenze durch.&lt;br /&gt;<br /> Der High Pass Filter lässt nur Töne höher der eingestellten Grenze durch.&lt;br /&gt;<br /> Daraus resultiert, dass man am unteren Ende des Frequenzbandes den HPF und am oberen den LPF setz.&lt;br /&gt;&lt;br /&gt;<br /> Da es aber wie &quot;gerade abgeschnitten&quot; klingen würde macht man keinen harten Schnitt, sonder trennt die Frequenz mit einer Steigung (&quot;Slope&quot;).&lt;br /&gt;<br /> Das heißt die Trennung besteht immer aus einer Frequenz und einem Anstieg.&lt;br /&gt;&lt;br /&gt;<br /> Als Beispiel würde ich bei einem 130mm Tiefmitteltöner einen HPF von z.B. 80Hz und -12dB/Oct setzen und einen LPF von 10kHz und -12dB/Oct.&lt;br /&gt;<br /> Ein Subwoofer bekommt dagegen nur einen LPF von z.b. 120 Hz und -12dB/Oct.&lt;br /&gt;<br /> Natürlich muss man das auf die jeweiligen Lautsprecher anpassen!&lt;br /&gt;&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> AxtonA580DSP Filter.jpeg|HPF/LPF<br /> AAS-MTC DSP 02.jpg|MTC DSP Equalizer und HPF/LPF<br /> &lt;/gallery&gt;&lt;br /&gt;<br /> <br /> &lt;br /&gt;<br /> Sinnvoll sind diese Filter zum Beispiel, wenn man nur einen Tiefmitteltöner hat der weder richtig Bass noch Höhen spielen kann. Indem man diese Frequenzen heraus nimmt kann der Tiefmitteltöner bis in hohe Lautsärken wesentlich sauberer spielen. Das bekannte &quot;Kratzen&quot; bei &quot;zuviel Bass&quot; umgeht man damit.<br /> &lt;br /&gt;&lt;br /&gt;<br /> === Laufzeitkorrektur (LZK) ===<br /> Bei einfachen Radio stellt man mittels der bekannten Parameter &quot;Fader&quot; und &quot;Balance&quot; ein wie das Radio klingen soll. Das basiert auf einer Anpassung der Lautstärke der einzelnen Lautsprecher und soll so das Gefühl vermitteln, ob die Musik eher von hinten oder vorn kommt.&lt;br /&gt;&lt;br /&gt;<br /> Was ist nun die Laufzeitkorrektur überhaupt, was ist da anders?&lt;br /&gt;<br /> Stellt euch den Wagen von oben vor, schaut wo ihr sitzt (und hört) und wo die Lautsprecher sind. Der Abstand jedes Lautsprechers zu euch ist unterschiedlich. Das Signal kommt aber zur gleichen Zeit zu jedem Lautsprecher (Geschwindigkeit des elektr. Signals im Kabel entspricht etwa der Lichtgeschwindigkeit [300.000.000 m/s]) und schallt dann mit etwa 345m/s (bei 20°C) zu eurem Ohr. Entsprechend kommt der Ton von jedem Lautsprecher minimal zu einem anderen Zeitpunkt am Ohr an, das &quot;klingt komisch&quot;.&lt;br /&gt;<br /> Mit der Laufzeitkorrektur bekommt nun jeder Lautsprecher den Ton zeitlich so versetzt, dass der gleiche Ton aller Lautsprecher zur gleichen Zeit am Ohr ankommen sollte. Wir rücken die Lautsprecher also von der Einbauposition auf einen &quot;gedachten Kreis&quot; um unseren Kopf.&lt;br /&gt;<br /> Beispiele für Abstände und Korrekturen im Bild:<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> AxtonA580DSP LZK.jpeg|Laufzeitkorrektur Axton A580DSP<br /> AAS-MTC DSP 06.jpg|Laufzeitkorrektur<br /> AAS-MTC DSP 01.jpg|MTC DSP Equalizer - Laufzeitkorrektur automatisch<br /> AAS-MTC DSP 04.jpg|MTC DSP Equalizer - Laufzeitkorrektur manuell<br /> LZK Abstaende.jpg|Beispiele Laufzeitkorrektur BMW E39, ohne Gewähr<br /> &lt;/gallery&gt;&lt;br /&gt;<br /> &lt;small&gt;Beispiele Laufzeitkorrektur BMW E39, ohne Gewähr&lt;/small&gt;&lt;br /&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> <br /> == OEM BMW DSP ==<br /> &lt;br /&gt;<br /> DSP gab es beim BMW E38/E39/E53 als Sonderausstattung &quot;TOP HIFI&quot; (Ausstattungsnummer SA677). Im BMW E46 war DSP nicht verfügbar.&lt;br /&gt;<br /> '''[https://wiki.ibus-app.de/index.php?title=Habe_ich_DSP%3F Habe ich DSP?]'''&lt;br /&gt;&lt;br /&gt;<br /> Bei dem Original BMW DSP findet man keine Einstellungen zu den Filtern und der Laufzeitkorrektur, da im Werk die Abstände und technischen Daten der Lautsprecher bekannt sind und entsprechend alles voreingestellt ist.&lt;br /&gt;<br /> Angesteuert und gestartet wird die Endstufe zum einen über ein konventionelles +12V Remote Signal vom Radio plus diverse Telegramme über den I-BUS. Aus diesem Grund benötigt man die [http://www.ibus-app.de '''I-BUS App'''], wenn man das DSP mit einem Android-Radio betreiben möchte. Ohne die App bekommt man keinen Ton aus der Endstufe!&lt;br /&gt;<br /> [https://wiki.ibus-app.de/index.php?title=Wie_kann_ich_mein_DSP_weiter_nutzen%3F '''Wie kann ich mein DSP weiter nutzen?''']<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 1024px-DSP Check.jpg|Habe ich DSP?<br /> DSP.JPG|BMW E39 DSP Endstufe<br /> &lt;/gallery&gt;&lt;br /&gt;<br /> <br /> &lt;br /&gt;&lt;br /&gt;<br /> <br /> == Nachrüst-DSP ==<br /> '''Generell gilt:''' wenn ab Werk KEIN DSP verbaut ist, kann man DSP auch nachrüsten. &lt;br /&gt;<br /> Es gilt aber ebenso: wer AB WERK DSP verbaut hat, der hat KEINE Vorteile, wenn er ein Radio mit INTEGRIERTEM DSP kauft! Auch kann das interne DSP die original DSP Endstufe NICHT steuern.<br /> &lt;br /&gt;&lt;br /&gt;<br /> Es folgen drei Optionen.<br /> &lt;br /&gt;&lt;br /&gt;<br /> === Radio mit bereits integriertem DSP ===<br /> &lt;br /&gt;<br /> '''&lt;big&gt;Aktuell gibt es von [https://xtrons.ibus-app.de/index.php?title=Aktuelle_AVIN-Radiomodelle_mit_Android_8.0_/_OctaCore_/_4GB_RAM_%2B_Zubeh%C3%B6r AVIN] und [https://xtrons.ibus-app.de/index.php?title=Aktuelle_Xtrons-Radiomodelle Xtrons] (PQ-/PQS-/IQ-/IX-/IA-/.. Serie) Radios mit integriertem DSP.&lt;br /&gt;&lt;/big&gt;'''<br /> Im Vergleich zu den &quot;normalen&quot; Radio befindet sich zusätzlich eine kleine Platine im Radio. Natürlich ist das &quot;nur&quot; ein kleines DSP, bringt aber wirklich eine hörbare Klangverbesserung. Audiophile Anwender wird man davon eventuell nicht überzeugen können. ;-) &lt;br /&gt;<br /> Firmware und MCU der Radios ist identisch mit der der Radios ohne DSP, beim Starten erkennt das Radio den Chip und läd enstprechend die zugehörige Equalizer App.&lt;br /&gt;<br /> In der Standard-App kann man folgende Optionen auswählen:<br /> * 15 Band Equalizer<br /> * LUD (Loudness)<br /> * PHAT (Hinzufügen eines Echos/Hall)<br /> * Cut Freq (High Pass Filter)<br /> * Bass (Low Pass Filter und Verstärkung)<br /> * Sub (Lautstärke des Subwoofer-Ausgangs [grüner Cinch])<br /> * Position &quot;gewöhnlich&quot; via Fader/Balance oder &quot;Spezialität&quot; via Laufzeitkorrektur <br /> ** dazu &quot;Verzögerung&quot; und &quot;Gewinn&quot; aktivieren<br /> ** &quot;Autolautsprecher&quot; Abstände &quot;seitlich&quot; und vertikal (vorn-hinten) eingeben.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> AAS_DSP_01.png|DSP-Setup Equalizer<br /> AAS_DSP_02.png|DSP-Setup LUD/HPF/LPF/Sub Level<br /> AAS_DSP_03.png|DSP-Setup Position<br /> AAS_DSP_04.png|DSP-Setup Laufzeitkorrektur<br /> AAS DSP Chip.jpeg|DSP Chip<br /> AAS DSP Mainboard.jpeg|DSP Mainboard<br /> &lt;/gallery&gt;&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> '''&lt;big&gt;Da das Menü leider stark eingeschränkt is, das DSP aber sehr viel mehr und besser kann, empfehlen wir die [[DSP-Equalizer-Modifikation für Radios mit internem DSP]] zu installieren. Aktuell ist diese leider nur für die PX5 und PX6 Radios verfügbar.&lt;/big&gt;''' &lt;br /&gt;<br /> Alle Infos dazu findet ihr im [[DSP-Equalizer-Modifikation für Radios mit internem DSP|Link]]. Hier nur ein paar Bilder der Einstellungen.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> AAS-MTC DSP 05.jpg|MTC DSP Equalizer<br /> AAS-MTC DSP 02.jpg|MTC DSP Equalizer und HPF/LPF<br /> AAS-MTC DSP 01.jpg|MTC DSP Equalizer - Laufzeitkorrektur automatisch<br /> AAS-MTC DSP 04.jpg|MTC DSP Equalizer - Laufzeitkorrektur manuell<br /> AAS-MTC DSP 05a.jpg|MTC DSP Equalizer - GAIN<br /> AAS-MTC DSP 03.jpg|MTC DSP Equalizer - Loudness/PHAT/BASS<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> <br /> === Integriertes DSP im Radio nachrüsten ===<br /> Siehe &lt;big&gt;'''[[DSP-Chip im Radio nachrüsten]]'''&lt;/big&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> <br /> === DSP-Endstufe zum Nachrüsten ===<br /> &lt;br /&gt;<br /> Sofern man ab Werk KEINE Endstufe verbaut hat (also in E38/E39/E53 OHNE SA676 oder SA677, im E46 SA676 oder SA 674) kann man zum Beispiel eine &quot;Plug'n'Play&quot; DSP-Endstufe verbauen.&lt;br /&gt;<br /> Das macht insbesondere Sinn, wenn man leistungsstärkere Lautsprecher verbaut hat.&lt;br /&gt;&lt;br /&gt;<br /> '''KEINEN Sinn macht diese Endstufe wenn man eine Endstufe ab Werk hat, weil die Nachrüst-Endstufe VOR der originalen Endstufe steckt und damit die Mehrleistung völlig verpufft!'''&lt;br /&gt;<br /> Im folgenden wurde eine [http://www.axton.de/verstaerker/smart-digital-verstaerker/a580dsp/ '''Axton A580DSP'''] genutzt - leider ist dieser nicht mehr lieferbar. Evtl. bekommt man die A580DSP, A590DSP oder A592DSP auch günstig gebraucht.&lt;br /&gt;<br /> '''Das Auslaufmodell wurde bereits ersetzt durch die A590DSP, A592DSP und zuletzt [https://axton.de/produkt/a594dsp-axton-6-kanal-dsp-verstaerker-4-x-76-watt-rms-und-bluetooth-audio/ Axton A594DSP]'''. Preislich liegt die A594DSP bei 305..350€. &lt;br /&gt;<br /> Mit der A592DSP liegen noch keine Erfahrungen vor, da es das neueste Gerät ist. Der Unterschied: ein optischer und Koaxial-Eingang für verlustfreie Musikübertragung, z.B. für den [https://www.axton.de/abt50-bluetooth-hi-res-audio-streaming-interface.html AXTON ABT50] zum Streamen in aptX HD Qualität.&lt;br /&gt;<br /> &lt;br /&gt;<br /> '''Da die Endstufe mit einem ISO-Anschlusskabel geliefert wird, benötigt man noch andere Adapter.'''&lt;br /&gt;<br /> Wenn Quadlock/Flach-PIN vorhanden ist, benötig man das passende Kabel von Axton: [https://www.amazon.de/N-A480DSP-ISO5-Quadlock-2-Anschlusskabel-A430DSP-A500DSP/dp/B01D5MPQ6W/ Axton A480DSP A430DSP P&amp;P Kabel ISO5]&lt;br /&gt;<br /> '''!!!!WICHTIG!!!! Achtet auf die &quot;ISO5&quot; - das Kabel gibt es noch als &quot;ISO26&quot; - das passt nicht von der PIN-Belegung!'''&lt;br /&gt;&lt;br /&gt;<br /> Wenn BMW-Oldgeneration/Rund-PIN vorhanden ist, benötig man das [https://www.amazon.de/tomzz-Audio-7304-000-Einspeisung-Freisprecheinrichtung/dp/B00N98A8C0/ref=sr_1_28?__mk_de_DE=%C3%85M%C3%85%C5%BD%C3%95%C3%91&amp;keywords=iso+bmw&amp;qid=1569570230&amp;s=gateway&amp;sr=8-28%20ISO-Rundpinn Adapter von ISO auf BMW-Rundpin]. &lt;br /&gt;<br /> &lt;br /&gt;<br /> '''Technische Daten A580DSP'''<br /> * Music Power Output: 150 W x 4 (110 W x 4&lt;sup&gt;1&lt;/sup&gt;)<br /> * RMS Power Output: 76 W x 4 (56 W x 4&lt;sup&gt;1&lt;/sup&gt;)<br /> * Wiedergabebereich: 20 Hz ~ 20 KHz<br /> * Audio Sampling Frequenz: 192 KHz<br /> * Verzerrung: 1 KHz &lt; 0.001%<br /> * Spannungsbereich: 9 V – 15 V<br /> * Störabstand: &gt; 120 dB<br /> * Dynamikumfang: &gt; 100 dB<br /> * Ruhestrom: &lt; 0.4 mA<br /> * Maximale Stromaufnahme: 20 A<br /> * Abmessungen (L x B x H): 185(206) x 114 x 40 mm<br /> &lt;sup&gt;1&lt;/sup&gt;ohne zusätzliche Stromversorgung<br /> &lt;br /&gt;&lt;br /&gt;<br /> Gesteuert wird die Endstufe via Bluetooth der App von Axton (im Link der Endstufe).&lt;br /&gt;<br /> Als Ausgang steht der Subwoofer-Kanal auf 2 Cinch-Buchsen zur Verfügung, womit auch dieser mit im DSP gesteuert wird.&lt;br /&gt;<br /> Die Einstellungen sind sehr viel umfangreicher als die der Radios mit integriertem DSP (obwohl der gleiche DSP Chip verbaut ist!).&lt;br /&gt;<br /> Der Leistung von 4x 76W RMS (im Vgl. zu ~ 4x30W RMS bei den Radios selbst) bringt den Rest und überzeugt damit voll und ganz.&lt;br /&gt;<br /> '''Kabel für die externe Spannungsversorgung liegen NICHT bei. Genutzt werden kann jedes normale Endstufen-Anschlusskabel mit 5-10mm² Kabelquerschnitt. Hier wurde die Spannung am Sicherungsträger im Handschuhfach und die Masse hinterm Handschuhfach abgegriffen.'''&lt;br /&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> AxtonA580DSP E39.jpeg|Beispiele Axtons A580DSP im BMW E39<br /> Axton A480DSP A430DSP P&amp;P Kabel.jpg|Axton A480DSP A430DSP P&amp;P Kabel<br /> ISO Rundpin.jpg|Adapter Rund-PIN auf ISO<br /> AxtonA580DSP LZK.jpeg|Laufzeitkorrektur<br /> AxtonA580DSP Channel.jpeg|Channel Control<br /> AxtonA580DSP Filter.jpeg|HPF/LPF<br /> AxtonA580DSP EQ.jpeg|Equalizer<br /> &lt;/gallery&gt;&lt;br /&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Bootlogo_%C3%A4ndern&diff=4054 Bootlogo ändern 2026-09-21T09:05:24Z <p>Andre: </p> <hr /> <div>== Bootlogo== <br /> Also Bootlogo wird das Bild bezeichnet, dass beim Hochfahren (Booten) des Radios gezeigt wird.&lt;br&gt;<br /> Die meisten Radios verbleiben allerdings im &quot;Standby&quot;, so dass man das Bootlogo nur selten zu sehen bekommt.&lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Boot-Logo ändern für MTC basierte Radios (Xtrons PB-, PQ-, PQS-, IQ-Serie etc.) ===<br /> &lt;br /&gt;Um das Bootlogo zu ändern:&lt;br /&gt;<br /> &lt;br /&gt;<br /> * Beisipiel-Bootlogo auf einen USB-Stick oder microSD-Karte runter laden, oder&lt;br /&gt;<br /> ** selbst erstelltes Logo als *.jpg order *.png in der Auflösung vom Radiodisplay erstellen&lt;br /&gt;&lt;br /&gt;<br /> * USB-Stick oder microSD-Karte mit dem Radio verbinden/einstecken&lt;br /&gt;&lt;br /&gt;<br /> * das Bild ideal auf den internen Speicher kopieren (ideal auf erste Ebene)&lt;br /&gt;&lt;br /&gt;<br /> * &quot;Setup&quot; → &quot;CAR&quot; oder &quot;Fahrzeug-Einstellungen&quot; [ab Android 7] → &quot;Werkseinstellungen&quot; → Passwort: 126 → &quot;Carlogo&quot; → Haken bei &quot;User Logo&quot; setzen und die Quelle auswählen [ggf. doppelt drauf tippen] → &quot;Bootlogo&quot; unten wählen → Menü verlassen&lt;br /&gt;&lt;br /&gt;<br /> Natürlich kann auch jedes andere beliebige Bild (*.jpg, Auflösung je nach Radio z.B. 1024x600)&lt;br /&gt;&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Bootlogo1.jpg|Auswahl Bootlogo<br /> Bootlogo2.jpg|Voransicht Bootlogo<br /> &lt;/gallery&gt;&lt;br /&gt;&lt;br /&gt;<br /> '''Bootlogo:'''&lt;br /&gt;<br /> [Rechtsklick → Speichern unter.. ]&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Bootlogo-1024-600.png|Bootlogo OEM (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW_Logo2_1024x600.jpg|Bootlogo I-BUS App (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW_Logo3_1024x600.jpg|Bootlogo I-BUS App #2 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW_Logo4_1024x600.jpg|Bootlogo I-BUS App #3 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW Logo4 1280x720.png|Bootlogo I-BUS App #4 (1280x720) [Rechtsklick =&gt; Speichern unter.. ]<br /> Boot E38 V8.jpg|Bootlogo E38 V8 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> Boot E39 V8.jpg|Bootlogo E39 V8 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW Logo4 1280x480.jpg|Bootlogo I-BUS App #3 (1280x480) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW Logo4 1920x720.png|Bootlogo I-BUS App #4 (1920x720) [Rechtsklick =&gt; Speichern unter.. ]<br /> BootLogo E46.jpeg|Bootlogo E46 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> &lt;/gallery&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> === Boot-Logo ändern für andere Radios (z.B. Xtrons IX-Serie etc.) ===<br /> &lt;br /&gt;Um das Bootlogo zu ändern:&lt;br /&gt;<br /> &lt;br /&gt;<br /> * Beisipiel-Bootlogo auf einen USB-Stick oder microSD-Karte runter laden, oder&lt;br /&gt;<br /> ** &lt;font color=&quot;red&quot;&gt;WICHTIG: das Bild MUSS eine *.png Datei sein und die Auflösung vom Radiodisplay haben!&lt;/font&gt;&lt;br /&gt;<br /> ** &lt;font color=&quot;red&quot;&gt;WICHTIG: das Bild MUSS den Namen ''android_1.png'' (Zahl darf variieren) tragen. Auf Kleinschreibung achten!!!!&lt;/font&gt;&lt;br /&gt;<br /> ** &lt;font color=&quot;red&quot;&gt;WICHTIG: beim Herunterladen und Speichern der beiden Beispieldateien unten &quot;Android_..&quot; unbedingt in &quot;android_..&quot; ändern!&lt;/font&gt;&lt;br /&gt;<br /> * Auf einem USB Stick (formatiert auf FAT32!!!) einen Ordner &quot;CAR_LOGO&quot; (Großschreibung beachten!!!) erstellen und das Bild hineinkopieren &lt;br /&gt;&lt;br /&gt;<br /> * USB-Stick mit dem Radio verbinden&lt;br /&gt;&lt;br /&gt;<br /> * Android-Setup öffnen <br /> * &quot;Auto-Einstellungen&quot; → &quot;Werkseinstellungen&quot; → Code &quot;0000&quot; → links das Menü &quot;Bootlogo&quot; wählen → im Bild rechts oben auf &quot;EXT&quot; tippen <br /> ** '''Nun erscheint das Logo - aber nur wenn Name, Ordner, Größe etc den Anforderungen oben entsprechen!'''<br /> * lange auf das gewünschte Logo tippen<br /> * fertig<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IX Bootlogo 1.jpeg|IX-Serie Beispiel Speicherort &quot;CAR_LOGO&quot;<br /> IX 0 Setup .jpg|IX-Serie Einstellungen<br /> IX 1 Autoeinstellungen.jpg|IX-Serie Auto-Einstellungen<br /> 126 Werkseinstellungen Logo.jpg|Werkseinstellungen =&gt; Bootlogo<br /> IX Bootlogo 2.jpeg|IX-Serie Bootlogo von EXT wählen<br /> android 1.png|Bootlogo I-BUS App (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> android 2.png|Bootlogo I-BUS App #2 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> &lt;/gallery&gt;&lt;br /&gt;&lt;br /&gt;<br /> === Xtrons QP und QX Serie===<br /> <br /> https://www.youtube.com/watch?v=smuytYDzOSk</div> Andre https://xtrons.ibus-app.de/index.php?title=Bootlogo_%C3%A4ndern&diff=4053 Bootlogo ändern 2026-09-21T09:04:59Z <p>Andre: </p> <hr /> <div>== Bootlogo== <br /> Also Bootlogo wird das Bild bezeichnet, dass beim Hochfahren (Booten) des Radios gezeigt wird.&lt;br&gt;<br /> Die meisten Radios verbleiben allerdings im &quot;Standby&quot;, so dass man das Bootlogo nur selten zu sehen bekommt.&lt;br&gt;<br /> &lt;br&gt;<br /> <br /> === Boot-Logo ändern für MTC basierte Radios (Xtrons PB-, PQ-, PQS-, IQ-Serie etc.) ===<br /> &lt;br /&gt;Um das Bootlogo zu ändern:&lt;br /&gt;<br /> &lt;br /&gt;<br /> * Beisipiel-Bootlogo auf einen USB-Stick oder microSD-Karte runter laden, oder&lt;br /&gt;<br /> ** selbst erstelltes Logo als *.jpg order *.png in der Auflösung vom Radiodisplay erstellen&lt;br /&gt;&lt;br /&gt;<br /> * USB-Stick oder microSD-Karte mit dem Radio verbinden/einstecken&lt;br /&gt;&lt;br /&gt;<br /> * das Bild ideal auf den internen Speicher kopieren (ideal auf erste Ebene)&lt;br /&gt;&lt;br /&gt;<br /> * &quot;Setup&quot; → &quot;CAR&quot; oder &quot;Fahrzeug-Einstellungen&quot; [ab Android 7] → &quot;Werkseinstellungen&quot; → Passwort: 126 → &quot;Carlogo&quot; → Haken bei &quot;User Logo&quot; setzen und die Quelle auswählen [ggf. doppelt drauf tippen] → &quot;Bootlogo&quot; unten wählen → Menü verlassen&lt;br /&gt;&lt;br /&gt;<br /> Natürlich kann auch jedes andere beliebige Bild (*.jpg, Auflösung je nach Radio z.B. 1024x600)&lt;br /&gt;&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Bootlogo1.jpg|Auswahl Bootlogo<br /> Bootlogo2.jpg|Voransicht Bootlogo<br /> &lt;/gallery&gt;&lt;br /&gt;&lt;br /&gt;<br /> '''Bootlogo:'''&lt;br /&gt;<br /> [Rechtsklick → Speichern unter.. ]&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Bootlogo-1024-600.png|Bootlogo OEM (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW_Logo2_1024x600.jpg|Bootlogo I-BUS App (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW_Logo3_1024x600.jpg|Bootlogo I-BUS App #2 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW_Logo4_1024x600.jpg|Bootlogo I-BUS App #3 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW Logo4 1280x720.png|Bootlogo I-BUS App #4 (1280x720) [Rechtsklick =&gt; Speichern unter.. ]<br /> Boot E38 V8.jpg|Bootlogo E38 V8 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> Boot E39 V8.jpg|Bootlogo E39 V8 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW Logo4 1280x480.jpg|Bootlogo I-BUS App #3 (1280x480) [Rechtsklick =&gt; Speichern unter.. ]<br /> BMW Logo4 1920x720.png|Bootlogo I-BUS App #4 (1920x720) [Rechtsklick =&gt; Speichern unter.. ]<br /> BootLogo E46.jpeg|Bootlogo E46 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> &lt;/gallery&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> === Boot-Logo ändern für andere Radios (z.B. Xtrons IX-Serie etc.) ===<br /> &lt;br /&gt;Um das Bootlogo zu ändern:&lt;br /&gt;<br /> &lt;br /&gt;<br /> * Beisipiel-Bootlogo auf einen USB-Stick oder microSD-Karte runter laden, oder&lt;br /&gt;<br /> ** &lt;font color=&quot;red&quot;&gt;WICHTIG: das Bild MUSS eine *.png Datei sein und die Auflösung vom Radiodisplay haben!&lt;/font&gt;&lt;br /&gt;<br /> ** &lt;font color=&quot;red&quot;&gt;WICHTIG: das Bild MUSS den Namen ''android_1.png'' (Zahl darf variieren) tragen. Auf Kleinschreibung achten!!!!&lt;/font&gt;&lt;br /&gt;<br /> ** &lt;font color=&quot;red&quot;&gt;WICHTIG: beim Herunterladen und Speichern der beiden Beispieldateien unten &quot;Android_..&quot; unbedingt in &quot;android_..&quot; ändern!&lt;/font&gt;&lt;br /&gt;<br /> * Auf einem USB Stick (formatiert auf FAT32!!!) einen Ordner &quot;CAR_LOGO&quot; (Großschreibung beachten!!!) erstellen und das Bild hineinkopieren &lt;br /&gt;&lt;br /&gt;<br /> * USB-Stick mit dem Radio verbinden&lt;br /&gt;&lt;br /&gt;<br /> * Android-Setup öffnen <br /> * &quot;Auto-Einstellungen&quot; → &quot;Werkseinstellungen&quot; → Code &quot;0000&quot; → links das Menü &quot;Bootlogo&quot; wählen → im Bild rechts oben auf &quot;EXT&quot; tippen <br /> ** '''Nun erscheint das Logo - aber nur wenn Name, Ordner, Größe etc den Anforderungen oben entsprechen!'''<br /> * lange auf das gewünschte Logo tippen<br /> * fertig<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IX Bootlogo 1.jpeg|IX-Serie Beispiel Speicherort &quot;CAR_LOGO&quot;<br /> IX 0 Setup .jpg|IX-Serie Einstellungen<br /> IX 1 Autoeinstellungen.jpg|IX-Serie Auto-Einstellungen<br /> 126 Werkseinstellungen Logo.jpg|Werkseinstellungen =&gt; Bootlogo<br /> IX Bootlogo 2.jpeg|IX-Serie Bootlogo von EXT wählen<br /> android 1.png|Bootlogo I-BUS App (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> android 2.png|Bootlogo I-BUS App #2 (1024x600) [Rechtsklick =&gt; Speichern unter.. ]<br /> &lt;/gallery&gt;&lt;br /&gt;&lt;br /&gt;<br /> === Xtrons QB und QX Serie===<br /> <br /> https://www.youtube.com/watch?v=smuytYDzOSk</div> Andre https://xtrons.ibus-app.de/index.php?title=Apple_Carplay_%26_Android_Auto&diff=4052 Apple Carplay & Android Auto 2026-09-18T07:11:18Z <p>Andre: </p> <hr /> <div>Mögliche Adapter für Apple Carplay &amp; Android-Auto sind: <br /> * '''[https://www.amazon.de/Smart-CarPlay-Android-Navigation-Player/dp/B076D2BP4S/ref=sr_1_4?ie=UTF8&amp;qid=1516269503&amp;sr=8-4&amp;keywords=apple%20carplay%20android Smart Link Apple USB CarPlay Box für Android Navigation Player Mini USB CarPlay]'''<br /> * '''[https://www.amazon.de/Carlinkit-AndroidAuto-Android-Autoradio-MirrorScreen-Online-Upgrade-Verdrahtet/dp/B0919JS1K3 Carlinkit Wired CarPlay/Wired Android Auto Adapter für Android Radio Car] '''<br /> * '''[https://www.amazon.de/dp/B07G15DXDM/ref=cm_sw_r_cp_api_eeD4BbH15505N?fbclid=IwAR18emNm6af7tlNvugwZV2DMQv76QLR1eiivZeh4hSVK-YJPqOpWHyfeZhA ATOTO CarPlay Adaper] '''<br /> * '''[https://www.amazon.de/Dasaita-CarPlay-Android-Navigation-unterst%C3%BCtzen/dp/B075B7T4W2/ref=sr_1_9?__mk_de_DE=%C3%85M%C3%85%C5%BD%C3%95%C3%91&amp;keywords=carplay+usb&amp;qid=1563520528&amp;s=gateway&amp;sr=8-9 dasaita CarPlay Adaper]'''<br /> * '''[https://xtrons.co.uk/carautoplay-cp02 Xtrons CP02] (kabelgebunden)'''<br /> * '''[https://xtrons.co.uk/wireless-carautoplay-cp03 Xtrons CP03] (wireless)'''&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> Beispielbilder für die Verbindung mit einem iPhone:&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Carplay.jpg|AutoPlayBox<br /> CarPlay 00.jpg|CarPlay<br /> CarPlay 01.jpg|CarPlay<br /> CarPlay 02.jpg|CarPlay<br /> CarPlay 03.jpg|CarPlay<br /> CarPlay 04.jpg|CarPlay<br /> CarPlay 05.jpg|CarPlay<br /> CarPlay 06.jpg|CarPlay<br /> CarPlay 07.jpg|CarPlay<br /> CarPlay 08.jpg|CarPlay<br /> CarPlay 09.jpg|CarPlay<br /> CarPlay 10.jpg|CarPlay<br /> CarPlay 11.jpg|CarPlay<br /> CarPlay 12.jpg|CarPlay<br /> CarPlay 13.jpg|CarPlay<br /> Cp02-1.jpg|Xtrons CP02<br /> Cp03-2.jpg|Xtrons CP03<br /> &lt;/gallery&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> Beispielbilder für die Verbindung mit einem Android-Smartphone:&lt;br /&gt;<br /> ''..folgen..''<br /> &lt;br /&gt;&lt;br /&gt;<br /> Zusammen mit der zugehörigen App [https://download.speedy-pics.de/uploads/android/AutoKit_2024.04.29.1049.apk&lt;big&gt;'''AutoKit (2024-04-29)'''&lt;/big&gt;], [https://download.speedy-pics.de/uploads/android/AutoKit_2023.02.27.1452.apk &lt;big&gt;'''AutoKit (2023-02-27)'''&lt;/big&gt;] oder [https://download.speedy-pics.de/uploads/android/AutoKit_2020.06.12.0947.apk &lt;big&gt;'''AutoKit (2020-06-12)'''&lt;/big&gt;] funtkioniert dieser wohl sehr gut. [für ''Smart Link'']&lt;br /&gt;<br /> Hier bekommt ihr die App '''[http://download.speedy-pics.de/uploads/safe/AutoKit.apk AutoKit]''' für den ''ATOTO-Adapter''.&lt;br /&gt;<br /> Download [http://download.speedy-pics.de/uploads/android/Autokit_v1.12.0.apk &lt;big&gt;'''AutoKit v1.12.0'''&lt;/big&gt;]&lt;br /&gt;&lt;br /&gt;<br /> '''''*NEU*''''' Download [http://download.speedy-pics.de/uploads/android/AutoPlayBox_V_2020.01.20.1300.apk &lt;big&gt;'''AutoPlayBox v2020.01.20'''&lt;/big&gt;] '''''*NEU*'''''&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> Danke [https://www.facebook.com/springmaus.58 Roy] für den Tipp, bei Fragen bitte direkt an ihn wenden.&lt;br /&gt;&lt;br /&gt;<br /> '''''*NEU*''''' Download [https://download.speedy-pics.de/uploads/android/CarLinKit_autokit.apk &lt;big&gt;'''CarLinKit'''&lt;/big&gt;] '''''*NEU*''''' &lt;small&gt;[Stand: 11.01.2022]&lt;/small&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''Apple CarPlay Box Update'''&lt;/big&gt; &lt;small&gt;(Stand 2018-12-31)&lt;/small&gt;&lt;br /&gt;<br /> [http://download.speedy-pics.de/uploads/weblink/Auto_Box_Update.img Datei] auf USB Stick Kopieren und an die Box stecken. Installation startet automatisch.&lt;br /&gt;<br /> Mit dem neuem Update kann man auch sein Telefon Spiegeln. Das funktioniert aber derzeit noch nicht so gut. (Beta Version)&lt;br&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> '''Infoseite von Xtrons:'''&lt;br&gt;<br /> [https://bbs.xtrons.com/viewtopic.php?t=582992 Instructions for CarPlay and Android Auto on XTRONS Head Units]&lt;br&gt;<br /> &lt;br&gt;<br /> '''[https://xtrons.co.uk/apk/autokit.apk Download Xtrons - AutoKit App]'''</div> Andre https://xtrons.ibus-app.de/index.php?title=Xtrons_IQ-IBUS-Serie&diff=4051 Xtrons IQ-IBUS-Serie 2026-09-10T09:48:39Z <p>Andre: /* Firmware und MCU für IQx4xx */</p> <hr /> <div>-- Seite in Arbeit --<br /> &lt;br&gt;<br /> == Technische Daten ==<br /> &lt;br&gt;<br /> Bezugsquelle für '''[https://shop.ibus-app.de/detail/index/sArticle/390 IQ7439BL]''', '''[https://shop.ibus-app.de/detail/index/sArticle/374 IQ7446IBUS ]''', '''[https://shop.ibus-app.de/detail/index/sArticle/375 IQ1439IBUS ]''' und '''[https://shop.ibus-app.de/detail/index/sArticle/379 IQ1453BH ]''' ausschließlich im I-BUS App Shop.&lt;br /&gt;<br /> * Qualcomm 665 CPU<br /> * 8GB RAM<br /> * 256GB Speicher<br /> * echtes Android 13 (API Level 33)<br /> * OEM-nahes Frontpanel<br /> ** weder DVD-Laufwerk noch SD-Slots<br /> ** verbesserte Haptik der Tasten<br /> * hochauflösendes IPS Display<br /> * extrem kurze Bauform (passt auch in der BMW E38)<br /> * integriertes wireless Carplay und Android Auto<br /> * eingebautes DSP (keine Steuerung des DSP ab Werk)<br /> * Endstufe TDA7851 (4* 45W)<br /> * unterstützung von AHD-Kameras bis 1920x1080<br /> * integrierter Lüfter<br /> * digitaler Ausgang<br /> * Anschlussstecker für Resler Modul<br /> * Dualband-WiFi (2,4 und 5 GHz)<br /> * Unterstützung der originalen Lenkradtasten<br /> * Bluetooth 5.0<br /> * 3x USB<br /> * SIM Karten-Leser für uintegriertes 4G Modem<br /> * GPS Antenne für Navigation <br /> <br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQ7339IBUS 01.jpg|Xtrons IQ7339IBUS für BMW E39 7&quot; Qualcomm 665 / 8GB / 256GB<br /> IQ7339IBUS 02.jpg|Xtrons IQ7339IBUS Rückansicht<br /> IQ7339IBUS 03.jpg|Xtrons IQ7339IBUS Zubehör<br /> IQ7339IBUS 04.jpg|Xtrons IQ7339IBUS Stecker für Resler Modul/Interface<br /> IQ7339IBUS 05.jpg|Xtrons IQ7339IBUS Draufsicht<br /> IQ7339IBUS 06.jpg|Xtrons IQ7339IBUS CPU Info: API 33<br /> IQ7339IBUS 07.jpg|Xtrons IQ7339IBUS Abmessungen<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> == Hier sollen einige Hinweise zur Xtrons IQ Serie - speziell für die Version &quot;IBUS&quot; erscheinen ==<br /> # Code Für Werkseinstellungen: 126<br /> # '''aktuelle Firmware:''' ''Link folgt''<br /> # '''externes Mikrofon:''' Android-Einstellungen =&gt; CAR =&gt; Werkseinstellungen (Code: 126) =&gt; weitere Einstellungen ==&gt; Mikrofon auf &quot;Extern&quot; ändern<br /> # '''Rückfahrkamera:''' [https://xtrons.ibus-app.de/index.php?title=Abschalten_des_schwarzen_Bildschirms_(R%C3%BCckfahrkamera)_beim_Einlegen_des_R%C3%BCckw%C3%A4rtsganges#ab_Android_8 (De-)Aktivieren der Rückfahrkamera beim IQ]<br /> # [https://xtrons.ibus-app.de/index.php?title=Bootlogo_%C3%A4ndern#Boot-Logo_%C3%A4ndern_f%C3%BCr_andere_Radios_(z.B._Xtrons_IX-Serie_etc.) Bootlogo ändern]<br /> &lt;br&gt;<br /> == Unboxing ==<br /> &lt;br&gt;<br /> Unboxing Video:&lt;br&gt;<br /> &lt;youtube&gt;https://youtu.be/NazHVVhhcqo&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> == Anschlüsse ==<br /> &lt;br&gt;<br /> '''Hier ein Anschlussplan des Xtrons IQ7339IBUS.&lt;br&gt;<br /> Ergänzt ist der '''[https://shop.ibus-app.de/detail/index/sArticle/392 Anschlussadapter für das Resler-Modul]''', der nur bei Geräten mit der Endung &quot;..IBUS&quot; in der Artikelnummer bzw. dem IQ7439BL &quot;mit I-BUS-App Paket&quot; enthalten ist.'''&lt;br&gt;<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQ7339IBUS pinout.jpg|Radioanschlüsse<br /> IQ7439IBUS 01.jpg|Anschluss mit Resler Modul und IBUS-Adapter<br /> AdapterXtrons01.jpg|Anschlussadapter für das Resler-Modul<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> == Einbau-Video ==<br /> &lt;br&gt;<br /> Einbau-Video:&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=hny-gJQQ6Tc&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> == Menü-Übersicht/Einstellungen ==<br /> &lt;br&gt;<br /> Genereller Hinweis: einige Menü-Punkte und Funktionen können je nach Version der Firmware komplett oder geringfügig anders benannt sein.&lt;br&gt;<br /> &lt;br&gt;<br /> === DSP / Equalizer (IQ7339IBUS) ===<br /> &lt;br&gt;<br /> DSP- und Equalizer Einstellungen.&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 01.png|DSP - Equalizer<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 02.png|DSP - Loundness, Bassboost etc.<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 03.png|DSP - Fader + Balance<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 04.png|DSP - Laufzeitkorrektur<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 01.png|DSP - Setup Laufzeitkorrektur<br /> &lt;/gallery&gt;<br /> Mehr Info zum Thema [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#High_Pass_Filter_und_Low_Pass_Filter_(HPF/LPF) Low/Highpass] und [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#Laufzeitkorrektur_(LZK) Laufzeitkorrektur].&lt;br&gt;<br /> '''Info zur Laufzeitkorrektur beim IQ: man setzt hier den Abstand zwischen den Lautsprechern links-recht und vorn-hinten im Wagen. Die Subwoofer-Position ist nicht separat einstellbar!'''<br /> &lt;br&gt;&lt;br&gt;<br /> === DSP / Equalizer (IQx4xxIBUS) ===<br /> &lt;br&gt;<br /> DSP- und Equalizer Einstellungen.&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 01.jpg|DSP - Equalizer<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 02.jpg|DSP - Laufzeitkorrektur<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 03.jpg|DSP - DTS<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 04.jpg|DSP - separate Lautstärken<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 05.jpg|DSP - High/LowPass Einstellungen<br /> &lt;/gallery&gt;<br /> Das IQx4xxIBUS verfügt neben dem DSP noch über &quot;DTS&quot;. Hier können u.a. ein virtueller Center Lautsprecher im Armaturenbrett und div. Klangfarben gesetzt werden.&lt;br&gt;<br /> Mehr Info zum Thema [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#High_Pass_Filter_und_Low_Pass_Filter_(HPF/LPF) Low/Highpass] und [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#Laufzeitkorrektur_(LZK) Laufzeitkorrektur].&lt;br&gt;<br /> '''Info zur Laufzeitkorrektur beim IQ: man setzt hier den Abstand zwischen den Lautsprechern links-recht und vorn-hinten im Wagen. Die Subwoofer-Position ist nicht separat einstellbar!'''<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> === Android-Setup===<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 00 IQ7339IBUS Androidsetup.png|Android-Einstellung<br /> 01 IQ7339IBUS Androidsetup Netzwerk.png|Netzwerke<br /> 02 IQ7339IBUS Androidsetup Verbundene-Geräte.png|Verbundene Geräte<br /> 03 IQ7339IBUS Androidsetup CAR.png|CAR<br /> 03 IQ7339IBUS Androidsetup CAR 01.png|CAR =&gt; LED<br /> 03 IQ7339IBUS Androidsetup CAR 02.png|CAR =&gt; Lenkradtasten anlernen. HINWEIS: Funktioniert so nicht für BMW E39/E38 !<br /> 03 IQ7339IBUS Androidsetup CAR 03.png|CAR =&gt; Navi-Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 04.png|CAR =&gt; Voice-Assistent<br /> 03 IQ7339IBUS Androidsetup CAR 05.png|CAR =&gt; Fahreinstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 06.png|CAR =&gt; Extra-Einstellungen<br /> 04 IQ7339IBUS Androidsetup Apps.png|Apps<br /> 05 IQ7339IBUS Androidsetup Benachrichtigungen.png|Benachrichtigungen<br /> 06 IQ7339IBUS Androidsetup Speicher.png|Speicher<br /> 07 IQ7339IBUS Androidsetup Ton+Vibration.png| Ton &amp; Vibration<br /> 08 IQ7339IBUS Androidsetup Display.png|Display<br /> 09 IQ7339IBUS Androidsetup Hintergrund.png|Hintergrund<br /> 10 IQ7339IBUS Androidsetup Sicherheit.png|Sicherheit<br /> 11 IQ7339IBUS Androidsetup Datenschutz.png|Datenschutz<br /> 12 IQ7339IBUS Androidsetup Standort.png|Standort<br /> 14 IQ7339IBUS Androidsetup Screenshot 01.png|Screenshot<br /> 14 IQ7339IBUS Androidsetup Screenshot 01.png|Screenshot (&quot;erweitert&quot; und &quot;teilen&quot;)<br /> 15 IQ7339IBUS Androidsetup System.png|System - Sprache und Zeit anpassen, MCU- und System-Updates<br /> 16 IQ7339IBUS Androidsetup Über.png|Über das Tablet<br /> &lt;/gallery&gt;&lt;br&gt;<br /> === Werkseinstellungen ===<br /> &lt;br&gt;<br /> Erreichbar über Android-Setup =&gt; CAR =&gt; Werkseinstellungen: Code: 126&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 01.jpg|Code für Werkseinstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 02.jpg|App Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 03.jpg|Boot Logo<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 05.jpg|Radio<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 05a.png|Lautstärken<br /> 16_Werkseinstellungen_CAN.jpeg|CAN BUS Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 04.jpg|Tasten und Touch anlernen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 06.jpg|Tasten anlernen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 07.jpg|Tasten anlernen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 08.jpg|Display Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 09.jpg|Weitere Einstellungen<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> == Wichtige Einstellungen für BMW E39 in Verbindung mit der I-BUS App ==<br /> &lt;br&gt;<br /> Einige Funktionen für den BC kann das IQ selbst, aber teils funktioniert das nicht korrekt. Daher ideal diese Funktionen deaktivieren und über die I-BUS App nutzen.&lt;br&gt;<br /> &lt;br&gt;<br /> === CAN Einstellung===<br /> &lt;br&gt;CAN-Einstellung in den Werkseinstellungen unter &quot;CAN&quot;.&lt;br&gt;<br /> Auswahl:<br /> # Canbus: &quot;135 BMW E46 (LZ)&quot;.&lt;br&gt;<br /> # Typ: VFL: &quot;0H&quot; // FL: &quot;1H&quot;<br /> # Amplifier: &quot;without Amplifier&quot; '''&lt;sup&gt;1&lt;/sup&gt;'''<br /> # Front door: &quot;Hide&quot;<br /> # Air condition: &quot;Hide&quot;<br /> # Backdoor: &quot;Hide&quot;<br /> &lt;br&gt;&lt;br&gt;<br /> '''&lt;sup&gt;1&lt;/sup&gt;''' Vor allem wichtig bei DSP ab Werk um die hohe Lautstärke nach Radiostart zu unterbinden. Ton kommt dann erst, nach dem die [http://www.ibus-app.de I-BUS App] läuft und das DSP startet.<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 16 Werkseinstellungen CAN.jpeg|CAN BUS Einstellungen<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> === Car Setup App ===<br /> Die &quot;Car Setup&quot; App ist von Werk installiert.&lt;br&gt;<br /> Hier bitte die folgenden Optionen deaktivieren:<br /> # Speed limit activation<br /> # Memo<br /> # AUD+OBD<br /> Ob und wie gut die anderen Funktionen hier arbeiten muss noch geprüft werden.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Car Setup.jpeg|Car Setup<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> === Digitaler Ausgang am Xtrons und BMW DSP ===<br /> &lt;br&gt;<br /> Das Xtrons IQ7339IBUS verfügt über einen digitalen Ausgang als S/PDIF (COAX) via Cinch und optisch via TOSLINK&lt;sup&gt;1&lt;/sup&gt;.&lt;br&gt;<br /> Der Nachfolger Xtrons IQ7439IBUS (bzw. IQ7439BL, IQ7446BL, IQ1439BL, IQ1453BL..) verfügt über einen digitalen Ausgang optisch via TOSLINK&lt;sup&gt;1&lt;/sup&gt;.&lt;br&gt;<br /> Die DSP Endstufe des BMW E39 verfügt über einen digitalen Eingang (SMB-Buchse) der das S/PDIF Signal unterstützt. Entsprechend kann man den Ton digital aus dem Xtrons direkt in die DSP Endstufe (sofern vorhanden!) verlust- und störungsfrei übertragen. Hierfür benötigt man ein Kabel mit Cinch-Stecker und SMB-Stecker mit ca. 6m Länge. Aktuell wird es über ein normales Cinchkabel, Adapter Cinch auf FAKRA und Adapter FAKRA auf SMB zum Test genutzt. &lt;br&gt;<br /> Hier das passende Kabel: [https://shop.ibus-app.de/i-bus-app/zubehoer/adapterkabel/372/anschlusskabel-xtrons-koaxial-an-dsp-endstufe-cinch-m-smb-f-6m?number=Cinch-SMB Anschlusskabel Xtrons koaxial an DSP-Endstufe, Cinch(m)-SMB(f), 6m]&lt;br&gt;<br /> '''WICHTIG:''' damit das DSP umschaltet auf den digitalen Eingang, muss man diesen in der I-BUS App umschalten auf &quot;CD-Wechsler&quot;. Eine detaillierte Anleitung folgt.&lt;br&gt;<br /> '''HINWEIS:''' Beim BMW E39 Facelift ist der CD-Wechsler über das Radio eingebunden und steckt nicht am SMB (dig. Eingang) am Wechsler. Beim VFL Steckt der CD-Wechsler ab Werk am SMB. Heißt hier muss man sich entscheiden ob man den CD Wechsler weiter via dig. Eingang nutzen mag oder das Xtrons digital anschließt.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> S PDIF+DSP.jpeg|Digitaler Anschluss des Xtrons via SMB an der DSP Endstufe<br /> IQ7339IBUS_02.jpg|&quot;COAXIAL&quot;. digitaler Cinch-Ausgang als S/PDIF Signal<br /> &lt;/gallery&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;sup&gt;1&lt;/sup&gt; Nutzbar für DSP via TOSLINK zu S/PDIF Konverter.&lt;br&gt;&lt;br&gt;<br /> <br /> == weitere Einstellungen ==<br /> &lt;br&gt;<br /> === Pausieren/Stopp von Youtube mit Licht an/aus vermeiden ===<br /> &lt;br&gt;<br /> Die neue Benutzeroberfläche der IQ Serie (ab IQx4xx.. / Android 14) bringt u.a. die Option das Theme vom Radio mit dem Licht auf Hell/Dunkel umzustellen mit Licht an/aus.&lt;br&gt;<br /> Leider hat dieses Umstellen Auswirkung auf u.a. die App Youtube, welche damit die Wiedergabe pausiert und das Bild minimiert.&lt;br&gt;<br /> Beheben lässt sich das entweder durch die Deaktivierung der Theme-Umschaltung vom Radio - oder durch die Festlegung der Oberfläche in Youtube auf Hell oder Dunkel.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQx4xxIBUS Modus.png|Oben rechts: Theme-Umschaltung mit Licht an/aus<br /> IQx4xx YT-pause DE 01 .jpg|Benutzer Seite öffnen<br /> IQx4xx YT-pause DE 02 .jpg|Einstellungen öffnen<br /> IQx4xx YT-pause DE 03 .jpg|Darstellungs-Einstellungen<br /> IQx4xx YT-pause DE 04 .jpg|Darstellungs-Einstellungen: Standard-Einstellung<br /> IQx4xx YT-pause DE 05 .jpg|Darstellungs-Einstellungen: Festlegung helles oder dunkles Design<br /> &lt;/gallery&gt;&lt;br&gt;<br /> <br /> === Lüfter-Einstellungen ===<br /> &lt;br&gt;<br /> Die neue IQ Serie (ab IQx4xx.. / Android 14) bringt u.a. die Option das An-/Abschalten des hinten verbauten Lüfters anzupassen.&lt;br&gt;<br /> Mit Tippen auf die Temperatur kann man die EInschaltschwelle für den Lüfter setzen. Ab Werk sind es 90°C - Gesetzt haben wir den Wert (nicht dargestellt) auf 60°C.&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQx4xxIBUS Fan 01.png|Lüfter-Einstellungen<br /> IQx4xxIBUS Fan 02.png|Lüfter-Einstellungen: Einschaltschwelle original<br /> IQx4xxIBUS Fan 03.png|Lüfter-Einstellungen: Einschaltschwelle gesetzt auf 60°C (nicht dargestellt)<br /> IQx4xxIBUS Fan 04.png|Lüfter-Einstellungen: Lüfter läuft<br /> &lt;/gallery&gt;&lt;br&gt;<br /> <br /> === Split-Screen ===<br /> &lt;br&gt;<br /> Hier ein Video wie man Split-Screen auf dem IQ nutzt:&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=2wI2-sqIhE4&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> <br /> &lt;br&gt;<br /> <br /> == Firmware und MCU ==<br /> &lt;br&gt;<br /> Anleitung wie ein '''[[Firmwareupdate]]''' funktioniert. (Anleitung für &quot;IQ-Serie&quot; nutzen)&lt;br&gt;&lt;br&gt;<br /> &lt;font color=&quot;red&quot;&gt;'''WICHTIG: die Firmware und MCU funktioniert nur für das jeweils spezifizierte Xtrons. Die Verwendung am falschen Gerät kann zu (irreparablen) Fehlfunktionen führen!'''&lt;/font&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> === Firmware und MCU für IQx3xx ===<br /> &lt;br&gt;<br /> Die aktuelle Version der Firmware für das IQ7339IBUS ist die '''2025-01-06 mit MCU 4.54'''.<br /> &lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/firmware/IQ-8+256_13.0_lf_sc138_13_(20250106)_MCU_4.54.rar Download Firmware für IQ3439IBUS - Stand: 2025-01-06]''' (1,5GB)<br /> &lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGQ_HCT_V4.54_IQx3xxIBUS.zip MCU 4.54 für IQx3xxIBUS]'''<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> === Firmware und MCU für IQx4xx ===<br /> &lt;br&gt;<br /> Die aktuelle Version der Firmware für das IQx4xxIBUS ist die '''2025-06-27''' letzte MCU ist Version '''4.56'''.<br /> &lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/firmware/FL-IQ_8+256_7inch_ibus_V1_13_(20250731).zip Download Firmware für IQ7439IBUS (7&quot; Radios - v1) - Stand: 2025-07-31]''' (1,5GB)&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQAKO8cRBFvoTaTymIR4TcAoAV9r-b7ccaVc8vWteL2nBok?e=9oEfYA Download Firmware für IQ7439.. und IQ7446.. (7&quot; Radios - v1) - Stand: 2026-04-30]''' (1,5GB)&lt;br&gt;&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQB4C4AKqz24Rok-uqNTIyUQASy6e0oyc7OzAuIroyLb12U?e=y6ssYU Download Firmware für IQ7439.. und IQ7446.. (7&quot; Radios - v2) - Stand: 2026-04-23]'''&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQB9vtjRKsMfTpHVGgUfXP-RAYKL0JkimE05dnPPzRWvBPc?e=5XwWdE Download Firmware für IQ7439.. und IQ7446.. (7&quot; Radios - v2) - Stand: 2026-07-17]'''&lt;br&gt;&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQBPjwQM1isVRolZFu9GiVIhAT6wFOuA57EFTtoQ9flpzNU?e=6kJT2L Download Firmware für IQ8446.. und IQ1439.. und IQ1453.. (8,8&quot; und 10,25&quot; Radios - v1) - Stand: 2025-12-18]''' (1,5GB)&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQAcSasWcOUmS5yOwjxCeW4jASbdcLHE9cO2ZYzmhVB_oSY?e=er3GxV Download Firmware für IQ8446.. und IQ1439.. und IQ1453.. (8,8&quot; und 10,25&quot; Radios - v1) - Stand: 2026-05-27]''' (1,5GB)&lt;br&gt;&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQATys0-HS03S6M0iHco-ttIAbfUatTkte-O6Ete0qL7FbE?e=oDnQoU Download Firmware für IQ8446.. und IQ1439.. und IQ1453.. (8,8&quot; und 10,25&quot; Radios - v2) - Stand: 2025-12-18]''' (1,5GB)&lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGS_HCT_V4.56d_IQx4xxIBUS.zip MCU 4.56 für IQx4xx]'''&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGS_HCT_V4.57.zip MCU 4.57d für IQx4xx]'''&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGS_HCT_V4.57t.zip MCU 4.57t für IQx4xx]''' '''verbessert schlechten FM-Radio Empfang'''<br /> &lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Xtrons_IQ-IBUS-Serie&diff=4050 Xtrons IQ-IBUS-Serie 2026-09-08T06:33:21Z <p>Andre: /* Firmware und MCU für IQx4xx */</p> <hr /> <div>-- Seite in Arbeit --<br /> &lt;br&gt;<br /> == Technische Daten ==<br /> &lt;br&gt;<br /> Bezugsquelle für '''[https://shop.ibus-app.de/detail/index/sArticle/390 IQ7439BL]''', '''[https://shop.ibus-app.de/detail/index/sArticle/374 IQ7446IBUS ]''', '''[https://shop.ibus-app.de/detail/index/sArticle/375 IQ1439IBUS ]''' und '''[https://shop.ibus-app.de/detail/index/sArticle/379 IQ1453BH ]''' ausschließlich im I-BUS App Shop.&lt;br /&gt;<br /> * Qualcomm 665 CPU<br /> * 8GB RAM<br /> * 256GB Speicher<br /> * echtes Android 13 (API Level 33)<br /> * OEM-nahes Frontpanel<br /> ** weder DVD-Laufwerk noch SD-Slots<br /> ** verbesserte Haptik der Tasten<br /> * hochauflösendes IPS Display<br /> * extrem kurze Bauform (passt auch in der BMW E38)<br /> * integriertes wireless Carplay und Android Auto<br /> * eingebautes DSP (keine Steuerung des DSP ab Werk)<br /> * Endstufe TDA7851 (4* 45W)<br /> * unterstützung von AHD-Kameras bis 1920x1080<br /> * integrierter Lüfter<br /> * digitaler Ausgang<br /> * Anschlussstecker für Resler Modul<br /> * Dualband-WiFi (2,4 und 5 GHz)<br /> * Unterstützung der originalen Lenkradtasten<br /> * Bluetooth 5.0<br /> * 3x USB<br /> * SIM Karten-Leser für uintegriertes 4G Modem<br /> * GPS Antenne für Navigation <br /> <br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQ7339IBUS 01.jpg|Xtrons IQ7339IBUS für BMW E39 7&quot; Qualcomm 665 / 8GB / 256GB<br /> IQ7339IBUS 02.jpg|Xtrons IQ7339IBUS Rückansicht<br /> IQ7339IBUS 03.jpg|Xtrons IQ7339IBUS Zubehör<br /> IQ7339IBUS 04.jpg|Xtrons IQ7339IBUS Stecker für Resler Modul/Interface<br /> IQ7339IBUS 05.jpg|Xtrons IQ7339IBUS Draufsicht<br /> IQ7339IBUS 06.jpg|Xtrons IQ7339IBUS CPU Info: API 33<br /> IQ7339IBUS 07.jpg|Xtrons IQ7339IBUS Abmessungen<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> == Hier sollen einige Hinweise zur Xtrons IQ Serie - speziell für die Version &quot;IBUS&quot; erscheinen ==<br /> # Code Für Werkseinstellungen: 126<br /> # '''aktuelle Firmware:''' ''Link folgt''<br /> # '''externes Mikrofon:''' Android-Einstellungen =&gt; CAR =&gt; Werkseinstellungen (Code: 126) =&gt; weitere Einstellungen ==&gt; Mikrofon auf &quot;Extern&quot; ändern<br /> # '''Rückfahrkamera:''' [https://xtrons.ibus-app.de/index.php?title=Abschalten_des_schwarzen_Bildschirms_(R%C3%BCckfahrkamera)_beim_Einlegen_des_R%C3%BCckw%C3%A4rtsganges#ab_Android_8 (De-)Aktivieren der Rückfahrkamera beim IQ]<br /> # [https://xtrons.ibus-app.de/index.php?title=Bootlogo_%C3%A4ndern#Boot-Logo_%C3%A4ndern_f%C3%BCr_andere_Radios_(z.B._Xtrons_IX-Serie_etc.) Bootlogo ändern]<br /> &lt;br&gt;<br /> == Unboxing ==<br /> &lt;br&gt;<br /> Unboxing Video:&lt;br&gt;<br /> &lt;youtube&gt;https://youtu.be/NazHVVhhcqo&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> == Anschlüsse ==<br /> &lt;br&gt;<br /> '''Hier ein Anschlussplan des Xtrons IQ7339IBUS.&lt;br&gt;<br /> Ergänzt ist der '''[https://shop.ibus-app.de/detail/index/sArticle/392 Anschlussadapter für das Resler-Modul]''', der nur bei Geräten mit der Endung &quot;..IBUS&quot; in der Artikelnummer bzw. dem IQ7439BL &quot;mit I-BUS-App Paket&quot; enthalten ist.'''&lt;br&gt;<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQ7339IBUS pinout.jpg|Radioanschlüsse<br /> IQ7439IBUS 01.jpg|Anschluss mit Resler Modul und IBUS-Adapter<br /> AdapterXtrons01.jpg|Anschlussadapter für das Resler-Modul<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> == Einbau-Video ==<br /> &lt;br&gt;<br /> Einbau-Video:&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=hny-gJQQ6Tc&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> == Menü-Übersicht/Einstellungen ==<br /> &lt;br&gt;<br /> Genereller Hinweis: einige Menü-Punkte und Funktionen können je nach Version der Firmware komplett oder geringfügig anders benannt sein.&lt;br&gt;<br /> &lt;br&gt;<br /> === DSP / Equalizer (IQ7339IBUS) ===<br /> &lt;br&gt;<br /> DSP- und Equalizer Einstellungen.&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 01.png|DSP - Equalizer<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 02.png|DSP - Loundness, Bassboost etc.<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 03.png|DSP - Fader + Balance<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 04.png|DSP - Laufzeitkorrektur<br /> 03 IQ7339IBUS Androidsetup CAR 03 EQ 01.png|DSP - Setup Laufzeitkorrektur<br /> &lt;/gallery&gt;<br /> Mehr Info zum Thema [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#High_Pass_Filter_und_Low_Pass_Filter_(HPF/LPF) Low/Highpass] und [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#Laufzeitkorrektur_(LZK) Laufzeitkorrektur].&lt;br&gt;<br /> '''Info zur Laufzeitkorrektur beim IQ: man setzt hier den Abstand zwischen den Lautsprechern links-recht und vorn-hinten im Wagen. Die Subwoofer-Position ist nicht separat einstellbar!'''<br /> &lt;br&gt;&lt;br&gt;<br /> === DSP / Equalizer (IQx4xxIBUS) ===<br /> &lt;br&gt;<br /> DSP- und Equalizer Einstellungen.&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 01.jpg|DSP - Equalizer<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 02.jpg|DSP - Laufzeitkorrektur<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 03.jpg|DSP - DTS<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 04.jpg|DSP - separate Lautstärken<br /> 03 IQx4xxIBUS Androidsetup CAR 03 EQ 05.jpg|DSP - High/LowPass Einstellungen<br /> &lt;/gallery&gt;<br /> Das IQx4xxIBUS verfügt neben dem DSP noch über &quot;DTS&quot;. Hier können u.a. ein virtueller Center Lautsprecher im Armaturenbrett und div. Klangfarben gesetzt werden.&lt;br&gt;<br /> Mehr Info zum Thema [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#High_Pass_Filter_und_Low_Pass_Filter_(HPF/LPF) Low/Highpass] und [https://xtrons.ibus-app.de/index.php?title=Was_ist_DSP%3F_Digitaler_Soundprozessor#Laufzeitkorrektur_(LZK) Laufzeitkorrektur].&lt;br&gt;<br /> '''Info zur Laufzeitkorrektur beim IQ: man setzt hier den Abstand zwischen den Lautsprechern links-recht und vorn-hinten im Wagen. Die Subwoofer-Position ist nicht separat einstellbar!'''<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> === Android-Setup===<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 00 IQ7339IBUS Androidsetup.png|Android-Einstellung<br /> 01 IQ7339IBUS Androidsetup Netzwerk.png|Netzwerke<br /> 02 IQ7339IBUS Androidsetup Verbundene-Geräte.png|Verbundene Geräte<br /> 03 IQ7339IBUS Androidsetup CAR.png|CAR<br /> 03 IQ7339IBUS Androidsetup CAR 01.png|CAR =&gt; LED<br /> 03 IQ7339IBUS Androidsetup CAR 02.png|CAR =&gt; Lenkradtasten anlernen. HINWEIS: Funktioniert so nicht für BMW E39/E38 !<br /> 03 IQ7339IBUS Androidsetup CAR 03.png|CAR =&gt; Navi-Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 04.png|CAR =&gt; Voice-Assistent<br /> 03 IQ7339IBUS Androidsetup CAR 05.png|CAR =&gt; Fahreinstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 06.png|CAR =&gt; Extra-Einstellungen<br /> 04 IQ7339IBUS Androidsetup Apps.png|Apps<br /> 05 IQ7339IBUS Androidsetup Benachrichtigungen.png|Benachrichtigungen<br /> 06 IQ7339IBUS Androidsetup Speicher.png|Speicher<br /> 07 IQ7339IBUS Androidsetup Ton+Vibration.png| Ton &amp; Vibration<br /> 08 IQ7339IBUS Androidsetup Display.png|Display<br /> 09 IQ7339IBUS Androidsetup Hintergrund.png|Hintergrund<br /> 10 IQ7339IBUS Androidsetup Sicherheit.png|Sicherheit<br /> 11 IQ7339IBUS Androidsetup Datenschutz.png|Datenschutz<br /> 12 IQ7339IBUS Androidsetup Standort.png|Standort<br /> 14 IQ7339IBUS Androidsetup Screenshot 01.png|Screenshot<br /> 14 IQ7339IBUS Androidsetup Screenshot 01.png|Screenshot (&quot;erweitert&quot; und &quot;teilen&quot;)<br /> 15 IQ7339IBUS Androidsetup System.png|System - Sprache und Zeit anpassen, MCU- und System-Updates<br /> 16 IQ7339IBUS Androidsetup Über.png|Über das Tablet<br /> &lt;/gallery&gt;&lt;br&gt;<br /> === Werkseinstellungen ===<br /> &lt;br&gt;<br /> Erreichbar über Android-Setup =&gt; CAR =&gt; Werkseinstellungen: Code: 126&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 01.jpg|Code für Werkseinstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 02.jpg|App Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 03.jpg|Boot Logo<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 05.jpg|Radio<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 05a.png|Lautstärken<br /> 16_Werkseinstellungen_CAN.jpeg|CAN BUS Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 04.jpg|Tasten und Touch anlernen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 06.jpg|Tasten anlernen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 07.jpg|Tasten anlernen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 08.jpg|Display Einstellungen<br /> 03 IQ7339IBUS Androidsetup CAR 09 factorysettings 09.jpg|Weitere Einstellungen<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> == Wichtige Einstellungen für BMW E39 in Verbindung mit der I-BUS App ==<br /> &lt;br&gt;<br /> Einige Funktionen für den BC kann das IQ selbst, aber teils funktioniert das nicht korrekt. Daher ideal diese Funktionen deaktivieren und über die I-BUS App nutzen.&lt;br&gt;<br /> &lt;br&gt;<br /> === CAN Einstellung===<br /> &lt;br&gt;CAN-Einstellung in den Werkseinstellungen unter &quot;CAN&quot;.&lt;br&gt;<br /> Auswahl:<br /> # Canbus: &quot;135 BMW E46 (LZ)&quot;.&lt;br&gt;<br /> # Typ: VFL: &quot;0H&quot; // FL: &quot;1H&quot;<br /> # Amplifier: &quot;without Amplifier&quot; '''&lt;sup&gt;1&lt;/sup&gt;'''<br /> # Front door: &quot;Hide&quot;<br /> # Air condition: &quot;Hide&quot;<br /> # Backdoor: &quot;Hide&quot;<br /> &lt;br&gt;&lt;br&gt;<br /> '''&lt;sup&gt;1&lt;/sup&gt;''' Vor allem wichtig bei DSP ab Werk um die hohe Lautstärke nach Radiostart zu unterbinden. Ton kommt dann erst, nach dem die [http://www.ibus-app.de I-BUS App] läuft und das DSP startet.<br /> &lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> 16 Werkseinstellungen CAN.jpeg|CAN BUS Einstellungen<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> <br /> === Car Setup App ===<br /> Die &quot;Car Setup&quot; App ist von Werk installiert.&lt;br&gt;<br /> Hier bitte die folgenden Optionen deaktivieren:<br /> # Speed limit activation<br /> # Memo<br /> # AUD+OBD<br /> Ob und wie gut die anderen Funktionen hier arbeiten muss noch geprüft werden.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Car Setup.jpeg|Car Setup<br /> &lt;/gallery&gt;<br /> &lt;br&gt;<br /> === Digitaler Ausgang am Xtrons und BMW DSP ===<br /> &lt;br&gt;<br /> Das Xtrons IQ7339IBUS verfügt über einen digitalen Ausgang als S/PDIF (COAX) via Cinch und optisch via TOSLINK&lt;sup&gt;1&lt;/sup&gt;.&lt;br&gt;<br /> Der Nachfolger Xtrons IQ7439IBUS (bzw. IQ7439BL, IQ7446BL, IQ1439BL, IQ1453BL..) verfügt über einen digitalen Ausgang optisch via TOSLINK&lt;sup&gt;1&lt;/sup&gt;.&lt;br&gt;<br /> Die DSP Endstufe des BMW E39 verfügt über einen digitalen Eingang (SMB-Buchse) der das S/PDIF Signal unterstützt. Entsprechend kann man den Ton digital aus dem Xtrons direkt in die DSP Endstufe (sofern vorhanden!) verlust- und störungsfrei übertragen. Hierfür benötigt man ein Kabel mit Cinch-Stecker und SMB-Stecker mit ca. 6m Länge. Aktuell wird es über ein normales Cinchkabel, Adapter Cinch auf FAKRA und Adapter FAKRA auf SMB zum Test genutzt. &lt;br&gt;<br /> Hier das passende Kabel: [https://shop.ibus-app.de/i-bus-app/zubehoer/adapterkabel/372/anschlusskabel-xtrons-koaxial-an-dsp-endstufe-cinch-m-smb-f-6m?number=Cinch-SMB Anschlusskabel Xtrons koaxial an DSP-Endstufe, Cinch(m)-SMB(f), 6m]&lt;br&gt;<br /> '''WICHTIG:''' damit das DSP umschaltet auf den digitalen Eingang, muss man diesen in der I-BUS App umschalten auf &quot;CD-Wechsler&quot;. Eine detaillierte Anleitung folgt.&lt;br&gt;<br /> '''HINWEIS:''' Beim BMW E39 Facelift ist der CD-Wechsler über das Radio eingebunden und steckt nicht am SMB (dig. Eingang) am Wechsler. Beim VFL Steckt der CD-Wechsler ab Werk am SMB. Heißt hier muss man sich entscheiden ob man den CD Wechsler weiter via dig. Eingang nutzen mag oder das Xtrons digital anschließt.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> S PDIF+DSP.jpeg|Digitaler Anschluss des Xtrons via SMB an der DSP Endstufe<br /> IQ7339IBUS_02.jpg|&quot;COAXIAL&quot;. digitaler Cinch-Ausgang als S/PDIF Signal<br /> &lt;/gallery&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;sup&gt;1&lt;/sup&gt; Nutzbar für DSP via TOSLINK zu S/PDIF Konverter.&lt;br&gt;&lt;br&gt;<br /> <br /> == weitere Einstellungen ==<br /> &lt;br&gt;<br /> === Pausieren/Stopp von Youtube mit Licht an/aus vermeiden ===<br /> &lt;br&gt;<br /> Die neue Benutzeroberfläche der IQ Serie (ab IQx4xx.. / Android 14) bringt u.a. die Option das Theme vom Radio mit dem Licht auf Hell/Dunkel umzustellen mit Licht an/aus.&lt;br&gt;<br /> Leider hat dieses Umstellen Auswirkung auf u.a. die App Youtube, welche damit die Wiedergabe pausiert und das Bild minimiert.&lt;br&gt;<br /> Beheben lässt sich das entweder durch die Deaktivierung der Theme-Umschaltung vom Radio - oder durch die Festlegung der Oberfläche in Youtube auf Hell oder Dunkel.<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQx4xxIBUS Modus.png|Oben rechts: Theme-Umschaltung mit Licht an/aus<br /> IQx4xx YT-pause DE 01 .jpg|Benutzer Seite öffnen<br /> IQx4xx YT-pause DE 02 .jpg|Einstellungen öffnen<br /> IQx4xx YT-pause DE 03 .jpg|Darstellungs-Einstellungen<br /> IQx4xx YT-pause DE 04 .jpg|Darstellungs-Einstellungen: Standard-Einstellung<br /> IQx4xx YT-pause DE 05 .jpg|Darstellungs-Einstellungen: Festlegung helles oder dunkles Design<br /> &lt;/gallery&gt;&lt;br&gt;<br /> <br /> === Lüfter-Einstellungen ===<br /> &lt;br&gt;<br /> Die neue IQ Serie (ab IQx4xx.. / Android 14) bringt u.a. die Option das An-/Abschalten des hinten verbauten Lüfters anzupassen.&lt;br&gt;<br /> Mit Tippen auf die Temperatur kann man die EInschaltschwelle für den Lüfter setzen. Ab Werk sind es 90°C - Gesetzt haben wir den Wert (nicht dargestellt) auf 60°C.&lt;br&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> IQx4xxIBUS Fan 01.png|Lüfter-Einstellungen<br /> IQx4xxIBUS Fan 02.png|Lüfter-Einstellungen: Einschaltschwelle original<br /> IQx4xxIBUS Fan 03.png|Lüfter-Einstellungen: Einschaltschwelle gesetzt auf 60°C (nicht dargestellt)<br /> IQx4xxIBUS Fan 04.png|Lüfter-Einstellungen: Lüfter läuft<br /> &lt;/gallery&gt;&lt;br&gt;<br /> <br /> === Split-Screen ===<br /> &lt;br&gt;<br /> Hier ein Video wie man Split-Screen auf dem IQ nutzt:&lt;br&gt;<br /> &lt;youtube&gt;https://www.youtube.com/watch?v=2wI2-sqIhE4&lt;/youtube&gt;&lt;br&gt;&lt;br&gt;<br /> <br /> &lt;br&gt;<br /> <br /> == Firmware und MCU ==<br /> &lt;br&gt;<br /> Anleitung wie ein '''[[Firmwareupdate]]''' funktioniert. (Anleitung für &quot;IQ-Serie&quot; nutzen)&lt;br&gt;&lt;br&gt;<br /> &lt;font color=&quot;red&quot;&gt;'''WICHTIG: die Firmware und MCU funktioniert nur für das jeweils spezifizierte Xtrons. Die Verwendung am falschen Gerät kann zu (irreparablen) Fehlfunktionen führen!'''&lt;/font&gt;<br /> &lt;br&gt;&lt;br&gt;<br /> === Firmware und MCU für IQx3xx ===<br /> &lt;br&gt;<br /> Die aktuelle Version der Firmware für das IQ7339IBUS ist die '''2025-01-06 mit MCU 4.54'''.<br /> &lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/firmware/IQ-8+256_13.0_lf_sc138_13_(20250106)_MCU_4.54.rar Download Firmware für IQ3439IBUS - Stand: 2025-01-06]''' (1,5GB)<br /> &lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGQ_HCT_V4.54_IQx3xxIBUS.zip MCU 4.54 für IQx3xxIBUS]'''<br /> &lt;br&gt;&lt;br&gt;<br /> <br /> === Firmware und MCU für IQx4xx ===<br /> &lt;br&gt;<br /> Die aktuelle Version der Firmware für das IQx4xxIBUS ist die '''2025-06-27''' letzte MCU ist Version '''4.56'''.<br /> &lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/firmware/FL-IQ_8+256_7inch_ibus_V1_13_(20250731).zip Download Firmware für IQ7439IBUS (7&quot; Radios - v1) - Stand: 2025-07-31]''' (1,5GB)&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQAKO8cRBFvoTaTymIR4TcAoAV9r-b7ccaVc8vWteL2nBok?e=9oEfYA Download Firmware für IQ7439IBUS (7&quot; Radios - v1) - Stand: 2026-04-30]''' (1,5GB)&lt;br&gt;&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQB4C4AKqz24Rok-uqNTIyUQASy6e0oyc7OzAuIroyLb12U?e=y6ssYU Download Firmware für IQ7439IBUS (7&quot; Radios - v2) - Stand: 2026-04-23]'''&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQB9vtjRKsMfTpHVGgUfXP-RAYKL0JkimE05dnPPzRWvBPc?e=5XwWdEDownload Firmware für IQ7439IBUS (7&quot; Radios - v2) - Stand: 2026-07-17]'''&lt;br&gt;&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQBPjwQM1isVRolZFu9GiVIhAT6wFOuA57EFTtoQ9flpzNU?e=6kJT2L Download Firmware für IQ8446IBUS und IQ1439IBUS und IQ1453IBUS (8,8&quot; und 10,25&quot; Radios - v1) - Stand: 2025-12-18]''' (1,5GB)&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQAcSasWcOUmS5yOwjxCeW4jASbdcLHE9cO2ZYzmhVB_oSY?e=er3GxV Download Firmware für IQ8446IBUS und IQ1439IBUS und IQ1453IBUS (8,8&quot; und 10,25&quot; Radios - v1) - Stand: 2026-05-27]''' (1,5GB)&lt;br&gt;&lt;br&gt;<br /> '''[https://1drv.ms/u/c/2f0141a45c14e785/IQATys0-HS03S6M0iHco-ttIAbfUatTkte-O6Ete0qL7FbE?e=oDnQoU Download Firmware für IQ8446IBUS und IQ1439IBUS und IQ1453IBUS (8,8&quot; und 10,25&quot; Radios - v2) - Stand: 2025-12-18]''' (1,5GB)&lt;br&gt;&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGS_HCT_V4.56d_IQx4xxIBUS.zip MCU 4.56 für IQx4xxIBUS]'''&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGS_HCT_V4.57.zip MCU 4.57d für IQx4xxIBUS]'''&lt;br&gt;<br /> '''[https://download.speedy-pics.de/uploads/android/MCU/HCTGS_HCT_V4.57t.zip MCU 4.57t für IQx4xxIBUS]''' '''verbessert schlechten FM-Radio Empfang'''<br /> &lt;br&gt;</div> Andre https://xtrons.ibus-app.de/index.php?title=Aktuelle_Firmware&diff=4049 Aktuelle Firmware 2026-09-08T06:25:52Z <p>Andre: </p> <hr /> <div>== &lt;font color=&quot;red&quot;&gt;Generelle Hinweise &lt;/font&gt; ==<br /> &lt;br&gt;<br /> '''Wir übernehmen keinerlei Haftung für die hier gelisteten Firmwares, da wir sie nur bereit stellen.'''&lt;br&gt;<br /> '''Auch übernehmen wir keinerlei Haftung für die Installation der Firmware und MCU - es liegt in der Hand des Anwenders die korrekte Firmware/MCU zu wählen und diese korrekt nach Anleitung zu installieren!'''&lt;br&gt;<br /> Sofern nicht anders ausgewiesen ist die gebotene Firmware in der Regel für BMW-Radios. Diese kann, muss aber nicht auf Radios für andere Fahrzeuge passen!&lt;br&gt;<br /> Achtet darauf immer nur die passende Firmware für das Radio zu installieren, die gilt generell für die Modell-Eignung als auch die Android-Version!<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> <br /> == &lt;font color=&quot;red&quot;&gt;AVIN Firmware&lt;/font&gt; ==<br /> &lt;br /&gt;<br /> === AVIN Android 9.0 [PX6] ===<br /> &lt;br /&gt;<br /> &lt;big&gt;'''Nur für PX6 Radios!!!!'''&lt;/big&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;[http://download.speedy-pics.de/uploads/android/firmware/Avant_PX6_9.0_ota(20191016）.zip 2019-10-16] (MCU GS 3.30)&lt;/big&gt; [*.rar / ~885MB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> === AVIN Android 10.0 [PX6] ===<br /> &lt;br /&gt;<br /> &lt;big&gt;'''Nur für PX6 Radios!!!!'''&lt;/big&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;[http://download.speedy-pics.de/uploads/android/firmware/Avant_PX6_gs16_10.0_ota(20220718).zip 2022-07-18] (ohne MCU)&lt;/big&gt; [*.rar / ~1,1GMB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> === AVIN Android 11.0 [PX6] ===<br /> &lt;br /&gt;<br /> &lt;big&gt;'''Nur für PX6 Radios!!!!'''&lt;/big&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;[http://download.speedy-pics.de/uploads/android/firmware/Avant_PX6_gs16_11.0_ota(20220927).rar 2022-09-27] (ohne MCU)&lt;/big&gt; [*.rar / ~1,2GB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> === AVIN Android 10.0 [Qualcomm 665] ===<br /> &lt;br /&gt;<br /> &lt;big&gt;'''Nur für Qualcomm 665 (SD6125) Radios!!!!'''&lt;/big&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;[http://download.speedy-pics.de/uploads/android/firmware/Avant_SD665_GS16_10.0_ota(20220303).zip 2022-03-03] (ohne MCU)&lt;/big&gt; [*.rar / ~1,2GB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> === AVIN Android 12.0 [Qualcomm 665] ===<br /> &lt;br /&gt;<br /> &lt;big&gt;'''Nur für Qualcomm 665 (SD6125) Radios!!!!'''&lt;/big&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;[http://download.speedy-pics.de/uploads/android/firmware/Avant_SD665_GS16_12.0_ota(20230420).rar 2023-04-20] (ohne MCU)&lt;/big&gt; [*.rar / ~1,2GB]&lt;br /&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> <br /> ==&lt;font color=&quot;red&quot;&gt; Xtrons Firmware &lt;/font&gt;==<br /> === Xtrons Android 10.0 Octacore Xtrons ROM ''PBX-Serie'' [PX5] ===<br /> &lt;big&gt;[http://download.speedy-pics.de/uploads/android/firmware/SG-PX5-10.0-PBX_gs15_ota(20201019).zip 2020-10-19] (inkl. MCU v3.67)&lt;/big&gt; [*.rar / ~930MB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> <br /> === Xtrons Unterscheidung ''PQ-Serie'' &lt;=&gt; ''PQS-Serie'' [PX6] ===<br /> * PQ: ==&gt; MCU: MTC&lt;font color=&quot;red&quot;&gt;'''E'''&lt;/font&gt;<br /> * PQS: ==&gt; MCU: MTC&lt;font color=&quot;red&quot;&gt;'''H'''&lt;/font&gt;<br /> &lt;br&gt;<br /> <br /> === Xtrons Android 9.0 Hexacore Xtrons ROM ''PQ-Serie'' [PX6] ===<br /> &lt;big&gt;'''Nur für PX6 Radios mit Android 9.0!!!!'''&lt;/big&gt;<br /> <br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/GS_PQ_PX6_P9.0_GS13_rk3399_9.0_ota(20191111).zip 2019-11-11] (inkl. MCU v3.40)&lt;/big&gt; [*.rar / ~872MB] &lt;br /&gt;&lt;br /&gt;<br /> <br /> === Xtrons Android 10.0 Hexacore Xtrons ROM ''PQ-Serie'' [PX6] ===<br /> &lt;big&gt;'''Nur für PX6 Radios mit Android 10.0!!!!'''&lt;/big&gt;&lt;br /&gt;<br /> <br /> für 7&quot; und 9&quot; Display:&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/SG-PX6-PQ_BMW_10.0_GS11_rk3399_(20220517).rar 2022-05-17] (inkl. MCU 3.67)&lt;/big&gt; [*.rar / ~1,1GB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> für 8,8&quot; und 10,25&quot; Display:&lt;br /&gt;<br /> &lt;big&gt;[http://download.speedy-pics.de/uploads/android/firmware/SG-PX6-PQ_BMW_10.0_GS13_rk3399_(20220517).rar 2022-05-17] (inkl. MCU 3.67)&lt;/big&gt; [*.rar / ~950MB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> <br /> === Xtrons Android 10.0 Hexacore Xtrons ROM ''PQS-Serie'' [PX6] ===<br /> für 7&quot; und 9&quot; Display:&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/SG-PX6-PQS_BMW_10.0_GS11_rk3399_(20220517).rar 2022-05-17] (inkl. MCU 3.67)&lt;/big&gt; [*.rar / ~1,1GB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> für 8,8&quot; und 10,25&quot; Display:&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/SG-PX6-PQS_BMW_10.0_GS13_rk3399_(20220517).rar 2022-05-17] (inkl. MCU 3.67)&lt;/big&gt; [*.rar / ~1,1GB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Xtrons Android 11.0 Hexacore Xtrons ROM ''PQS-Serie'' [PX6] ===<br /> '''Ausschließlich für PQS-Serie Radios mit Android 11! Kein Upgrade für Android 10 Radios auf Android 11! Die Installation wird das Radio bricken.'''&lt;br&gt;<br /> für 7&quot; und 9&quot; Display:&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/SG-PX6-PQS-TQS_BMW_11.0_GS11_rk3399_(20230217).rar 2023-02-17] (inkl. MCU 3.xx)&lt;/big&gt; [*.rar / ~1,1GB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> für 8.8&quot; und 10.25&quot; Display:&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/SG-PX6-PQS-TQS_GS13_11.0_(20230220).rar 2023-02-20] (inkl. MCU 3.80)&lt;/big&gt; [*.rar / ~1,1GB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> <br /> === Xtrons Android 10.0 Octacore Xtrons ROM ''IQ-Serie'' [Qualcomm 665] ===<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/XTRONS-IQ_6+128_GS17_10.0_(20220623).rar 2022-06-23] (inkl. MCU v???)&lt;/big&gt; [*.rar / ~1,0GB] '''*neu*'''&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> === Xtrons Android 11.0 Octacore Xtrons ROM ''IQ-Serie'' [Qualcomm 665] ===<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/XTRONS-IQ_6+128_gs17_11.0_(20220929).rar 2022-09-29] (inkl. MCU v3.84)&lt;/big&gt; [*.rar / ~1,0GB] &lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Xtrons Android 12.0 Octacore Xtrons ROM ''MA-Serie'' [AutoChips] ===<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/FL-MA+PMA_4+64%20_A12_v32_20230221.rar 2023-02-21]&lt;/big&gt; [*.rar / ~1,2GB] '''*neu*''' &lt;font color=&quot;red&quot;&gt;&lt;big&gt;'''Es ist auch nur Android 10 im Kleid von Android 12!'''&lt;/font&gt;&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Xtrons Android 12.0 Octacore Xtrons ROM ''IQ-Serie'', z.B. IQxxxx&lt;font color=&quot;red&quot;&gt;B&lt;/font&gt; [Qualcomm 665] ===<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/XTRONS-IQ&amp;IQP_6+128_gs17_12.0_(20230911).rar 2023-09-11] (ohne MCU)&lt;/big&gt; [*.rar / ~1,2GB]&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Xtrons Android 12.0 Octacore Xtrons ROM ''neue IQ-Serie'', z.B. IQxxxx&lt;font color=&quot;red&quot;&gt;P&lt;/font&gt; [Qualcomm 665] ===<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/XTRONS-IQ&amp;IQP_8+256_12.0_(20230919).rar 2023-09-19] (ohne MCU)&lt;/big&gt; [*.rar / ~1,2GB] '''*neu*''' &lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Xtrons Android 12.0 =&gt; 13.0 Octacore Xtrons ROM ''neue IQ-Serie'', z.B. IQxxxx&lt;font color=&quot;red&quot;&gt;P&lt;/font&gt; [Qualcomm 665] '''(Flash von Android 12 auf Android 13)''' ===<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/FL-IQ-Upgrade%20A12-A13_(20240311).rar 2024-03-11] (ohne MCU)&lt;/big&gt; [*.rar / ~1,3GB] '''*neu*''' &lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> &lt;font color=&quot;red&quot;&gt;'''NUR FÜR 8+256 IQ Android 12 Modelle NICHT INSTALLIEREN AUF ÄLTEREN IQ MODELLEN MIT 6+128'''&lt;/font&gt;&lt;br /&gt;<br /> Die Anweisungen sind etwas anders, es gibt ein Dokument im Ordner mit Anweisungen:<br /> # die Dateien herunterladen und entpacken<br /> # config.json, gmcu.img und update.zip in das Stammverzeichnis des USB-Sticks legen<br /> # AUF XTRONS: navigieren Sie zu Einstellungen - CAR - Werkseinstellungen<br /> # anstelle des normalen Passworts geben Sie ein: hctota und drücken Sie ok<br /> # Kehren Sie zum Hauptmenü zurück, und Sie werden sehen, dass eine neue App mit dem Namen SystemUpdate zum Startbildschirm hinzugefügt wurde<br /> # Öffnen Sie die App<br /> # Stecken Sie den USB-Stick mit den Update-Dateien ein<br /> # Drücken Sie auf Aktualisieren und warten Sie, bis die Aktualisierung abgeschlossen ist, und starten Sie neu.<br /> # nach dem neustart verschwindet die app aus dem startbildschirm<br /> # navigieren Sie zu Einstellungen - System - MCU-Updates und drücken Sie MCU-Updates<br /> # Warten Sie, bis die MCU aktualisiert wurde und starten Sie neu.&lt;br /&gt;<br /> &lt;br /&gt;<br /> === Xtrons Android 13.0 Octacore Xtrons ROM ''neue IQ-Serie'', inkl. IQ7339IBUS und IQxxxx&lt;font color=&quot;red&quot;&gt;P&lt;/font&gt; [Qualcomm 665] ===<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/IQ-8+256_13.0_lf_sc138_13_(20250106)_MCU_4.54.rar 2025-01-06] (inkl. MCU 4.54)&lt;/big&gt; [*.rar / ~1,3GB] '''*neu*''' &lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> === Xtrons Android 12.0 Octacore Xtrons ROM ''IX-Serie'' [Unisoc Tiger T618] ===<br /> '''für TIX125L &amp; TX120L:'''&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/XTRONS-IX_TIX125L_TX120L(202306083).rar 2023-06-08] &lt;/big&gt; [*.rar / ~2,0GB]&lt;br /&gt;<br /> '''für IX92MTVL &amp; TIX725L &amp; IX7239B(S) &amp; IX7246B(S) - 7&quot; und 9&quot; Xtrons:'''&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/XTRONS-IX92MTVL+TIX725L(20240809).rar 2024-08-09] &lt;/big&gt; [*.rar / ~2,0GB]&lt;br /&gt;<br /> '''für IX1239BHL &amp; IX1253BHL &amp; IX8246BHL - 8.8&quot; und 10.25&quot; Xtrons:'''&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/XTRONS-IX_BMW_10.25+8.8_(20240425) 2024-04-25] &lt;/big&gt; [*.rar / ~2,0GB]&lt;br /&gt;&lt;br /&gt;<br /> '''MCU für IX-Serie:'''&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/firmware/IX_MCU_20240325 2024-03-25] &lt;/big&gt;&lt;br /&gt;<br /> &lt;br /&gt;<br /> ----<br /> <br /> === Xtrons IQ-Serie: IQxxxxIBUS, IQx3xx und IQx4xx - mit Android 13 oder 14 ===<br /> Die Firmware und MCU ist gesondert gelistet unter:&lt;br&gt;<br /> '''[https://xtrons.ibus-app.de/index.php?title=Xtrons_IQ-IBUS-Serie#Firmware_und_MCU Firmware und MCU für IQxxxxIBUS, IQx3xx und IQx4xx Radios]'''<br /> &lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> <br /> === Update von M.I.C für Xtrons PQ (Android 10 =&gt; 11), IQ-Serie (Android 10 =&gt; 13v1) und AVIN Avant 4 (Qualcomm Android 10 =&gt; 13v1) ===<br /> '''Hinweis das Update für IQ Serie und AVIN Avant 4 habe ich selbst erfolgreich durchgeführt. Dennoch geben wir KEINE GEWÄHR, dass das mit jedem Gerät funktionier! Nutzung auf EIGENE Gefahr!'''&lt;br&gt;&lt;br&gt;<br /> '''[https://www.mic-autoradio.com/updates/autoradio/flashen-der-firmware/ Update von M.I.C für Xtrons PQ, IQ und AVIN Avant 4]'''<br /> &lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> <br /> == &lt;font color=&quot;red&quot;&gt;Malaysk&lt;/font&gt;==<br /> &lt;br /&gt;<br /> ===Malaysk ROM für Android 5.1 / MTCD / PX3===<br /> &lt;big&gt;[https://forum.xda-developers.com/android-auto/mtcd-discussion-questions-development/rom-malaysk-roms-mtcd-device-t3385309 Malaysk für MTCD 1024X600 and 800X480 PX3 1GB Android 5.1.1 RK3188]&lt;/big&gt; [Link zu xda-developers Forum, englisch, Installation nach Anleitung im Link]&lt;br /&gt;&lt;br /&gt;<br /> <br /> ===Malaysk ROM für Android 6.0 / MTCD &amp; MTCE / PX5===<br /> &lt;big&gt;[http://download.speedy-pics.de/uploads/safe/update_6_0_1_v_7.0_MAL_13_02_2018_MTCD_PX5.rar Malaysk V7.0] &lt;/big&gt; [*.rar / ~680MB]&lt;br /&gt;&lt;br /&gt;<br /> <br /> ===Malaysk ROM für Android 7.1.2 / MTCD-MTCE / PX3===<br /> &lt;big&gt;[http://download.speedy-pics.de/uploads/safe/nupdate_Android_7_1_2_v_4_1_MALAYSK_11_06_2018_MTCD_MTCE_PX3.rar Malaysk V4.1] &lt;/big&gt; [*.rar / ~760MB] &lt;big&gt;[https://forum.xda-developers.com/android-auto/mtcd-discussion-questions-development/rom-malaysk-roms-mtcd-mtce-device-t3693509 Link zu xda-developers Forum, englisch, Installation nach Anleitung im Link] &lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> ===Malaysk ROM für Android 8.0 / MTCD-MTCE / PX5===<br /> Nur für Radios mit Rockchip PX5, MCU - MTCD, MTCE Android 6.0.1 und 8.0, RAM 2-4GB&lt;br /&gt;<br /> &lt;big&gt;[http://download.speedy-pics.de/uploads/safe/update_8_0_Oreo_PX5_v_2.0_MALAY_12_06_2018_MTCD_MTCE.rar Malaysk V2.0] &lt;/big&gt; [*.rar / ~1,3GB]&lt;br /&gt;&lt;br /&gt;<br /> <br /> &lt;big&gt;[https://forum.xda-developers.com/android-auto/mtcd-software-development/rom-malaysk-roms-px5-2-4-gb-8-0-android-t3762724 Malaysk] &lt;/big&gt; [Link zu xda-developers Forum, englisch, Installation nach Anleitung im Link]&lt;br /&gt;<br /> '''[[Installationsanleitung]]''' (für Erstinstallation, Update erflogt wie ein normales Firmware-Update! &lt;br /&gt;<br /> Update von Android 6 auf Android 8 möglich (wenn PX5 Board verbaut ist!) &lt;br /&gt;<br /> '''Unbedingt Anleitung (im Download enthalten!) beachten!!!!'''&lt;br /&gt;&lt;br /&gt;<br /> <br /> ===Hinweise zum Malaysk===<br /> * Auflösung des Displays unter &quot;Setup&quot; =&gt; &quot;Display&quot; =&gt; &quot;Density&quot; auf 240dpi setzen<br /> * Einstellung der gewünschten Statusbar Darstellung unter &quot;Setup&quot; =&gt; &quot;Display&quot; =&gt; &quot;Statusbar&quot; einstellen<br /> * Bsp.: Datum: &quot;Datealign&quot; auf &quot;center&quot;, wenn Datum unerwünscht bei &quot;Datealign&quot; auf &quot;gone&quot; setzen&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> ===Installation von Android 10, kommend von Android 6 - 9===<br /> &lt;font color=&quot;red&quot;&gt;&lt;big&gt; Alles geschieht auf eigenes RISIKO! Malaysk selber musste 5 verschiedene Karten probieren!&lt;/big&gt;&lt;/font&gt; &lt;br /&gt;<br /> &lt;font color=&quot;red&quot;&gt;! Benötigt wird eine SD Karte oder USB Stick bis 8 GB, formatiert in Fat32 !&lt;/font&gt;&lt;br /&gt;<br /> 1. Für [https://drive.google.com/folderview?id=11zpgoOW4eU6G1tjs7ExsZ2aC4RoZ9KDr '''PX5''' ''PX5_A10_IGV.IMG'' oder für '''PX6''' ''PX6_A10_IGV.IMG'' wählen und SDDiskTool downloaden]&lt;br /&gt;<br /> 2. Alle Archive entpacken.'''&quot;SD_Firmware_Tool&quot; direkt auf &quot;C:\&quot; legen!''' &lt;br /&gt;<br /> 3. SDCard Tool als Administrator ausführen und nichts ändern.&lt;br /&gt;<br /> 4. PX5*.IMG bzw. PX6*.IMG auswählen und &quot;Create&quot; drücken.&lt;br /&gt;<br /> 5. Nach Abschluss SD Karte/USB Stick ans Radio anschließen und booten.&lt;br /&gt;<br /> 6. Recovery 10 wird installiert und gestartet.&lt;br /&gt;<br /> 7. Für [https://download.android-freaks.de/dl/?dir=Miscellaneous/Android%2010%20MTCE%20-%20ROM%20%28PX5%29/MX PX5] oder für [https://download.android-freaks.de/dl/?dir=Miscellaneous/Android%2010%20MTCE%20-%20ROM%20%28PX6%29/HCT2 PX6] Firmware (OTA) downloaden, entpacken und &quot;Update.zip&quot; auf SD/USB kopieren.&lt;br /&gt;<br /> 8. SD/USB einbinden und &quot;Update.zip&quot; installieren, dies kann 40-60 Min dauern. &lt;br /&gt;<br /> *WER NUR ANDROID 10 HABEN MÖCHTE, KANN HIER AUFHÖREN*&lt;br /&gt;<br /> *WER MALAYSK HABEN MÖCHTE, BITTE WEITERLESEN*&lt;br /&gt;<br /> <br /> ===Installation von Malaysk Q LITE===<br /> 1. Für [https://mega.nz/file/U9ZR2aqK#1WHxuGaKud8w6kzosgJcRy_KLZmWbYq8W42JlBghemU PX5] oder für [https://mega.nz/file/NxZjzQjB#I13RRu_Lb5VAnt4EJ1VkjOtwDfPF2j6rKxhJ4BbOuLk PX6] Malaysk Rom downloaden.&lt;br /&gt;<br /> 2. Archiv entpacken.&lt;br /&gt;<br /> 3. Update.zip auf eine SD Karte/ein USB Stick ablegen.&lt;br /&gt;<br /> 4. Radio einschalten, Speichermedium anschließen.&lt;br /&gt;<br /> 5. Es öffnet sich ein Fenster, wählt &quot;Wipe Data and Format Flash!&quot; aus und klickt auf &quot;Install&quot;&lt;br /&gt;<br /> 6. Radio startet neu, geht ins Recovery 10 und installiert Malaysk Q&lt;br /&gt;<br /> 7. Sollte dies im Recovery ohne Installation bleiben, klickt auf &quot;Update from SD Card or USB&quot;.&lt;br /&gt;<br /> 8. Radio startet mit Malaysk Q neu.<br /> <br /> ===Vollversion erhalten===<br /> Im extrahierten Archiv von Malaysk ist ein Schriftstück.&lt;br /&gt;<br /> Geld per Paypal an die angegebene Adresse mit Seriennummer vom Radio, Prozessor, Androidversion überweisen.&lt;br /&gt;<br /> Das erste Mal kostet 20 USD, jedes weitere 10 USD.&lt;br /&gt;<br /> Per Email das selbe nochmal.&lt;br /&gt;<br /> Ihr werdet benachrichtigt, sobald er euch freigeschaltet hat.&lt;br /&gt;<br /> Danach kann ein Update durchgeführt werden (ACHTUNG!! Das ist *1,1 GB groß)&lt;br /&gt;&lt;br /&gt;<br /> <br /> ====Malaysk Rom LITE für Android 10 / MTCD-MTCE / PX5 RK3368====<br /> Nur für Radios mit Rockchip PX5, MCU - MTCD, MTCE Android 10, RAM 2-4GB&lt;br /&gt;<br /> &lt;big&gt;[https://mega.nz/file/U9ZR2aqK#1WHxuGaKud8w6kzosgJcRy_KLZmWbYq8W42JlBghemU Malaysk Q] &lt;/big&gt; oder &lt;big&gt;[https://yadi.sk/d/6HDYtp3zDMdTng Alternativlink]&lt;/big&gt;&lt;br /&gt; [*.rar / ~982MB]&lt;br /&gt;&lt;br /&gt; <br /> <br /> ====Malaysk Rom LITE für Android 10 / MTCD-MTCE / PX6 RK3399====<br /> Nur für Radios mit Rockchip PX6, MCU - MTCD, MTCE Android 10, RAM 4GB&lt;br /&gt;<br /> &lt;big&gt;[https://mega.nz/file/NxZjzQjB#I13RRu_Lb5VAnt4EJ1VkjOtwDfPF2j6rKxhJ4BbOuLk Malaysk Q] &lt;/big&gt; oder &lt;big&gt;[https://yadi.sk/d/Tz3MyqYQdzr38Q Alternativlink]&lt;/big&gt;&lt;br /&gt; [*.rar / ~983MB]&lt;br /&gt;&lt;br /&gt; <br /> <br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Screenshot 20201007-171055.jpg<br /> Screenshot 20201007-171125.png<br /> Screenshot 20201013-132719.jpg<br /> Screenshot 20201013-132855.jpg<br /> Screenshot 20201013-133206.jpg<br /> Screenshot 20201013-133232.jpg<br /> &lt;/Gallery&gt;<br /> &lt;br /&gt;<br /> ----&lt;br /&gt;<br /> ==&lt;font color=&quot;red&quot;&gt;Hal9k ROM&lt;/font&gt;==<br /> <br /> ===Was bringt Hal9k mit sich===<br /> <br /> Ein paar Sachen kann ich sagen:&lt;br /&gt;<br /> ROM läuft flüssiger und besser, viele Launcher, sehr viele Möglichkeiten der Individualisierung, Auswahl der Apps die starten sollen, Erhöhung der Lautstärke ab XXX KM/H (GALA),usw....&lt;br /&gt;<br /> Wer dennoch alles wissen möchte, [https://forum.xda-developers.com/android-auto/mtcd-software-development/rom-hal9k-rom-3-mtcd-e-head-units-t3847477 darf sich hier für PX5 Modelle austoben]und [https://forum.xda-developers.com/android-auto/mtcd-software-development/rom-hal9k-mod-2-mtcd-mtce-head-units-t3741583 hier für PX3 Modelle.] :)&lt;br /&gt;<br /> Für die [https://xtrons.ibus-app.de/index.php?title=Aktuelle_Firmware#Installation_von_Hal9k_v4.0 '''PX6''' Radios geht's weiter unten mit '''Hal9k v4'''] weiter.&lt;br /&gt;&lt;br /&gt;<br /> '''ACHTUNG!!! Magisk Manager v16 darf auf keinen Fall aktualisiert werden. Sonst wird die Firmware gelöscht und ihr habt einen Bootloop!!!'''&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> HAL9K 01.png|HAL9K<br /> HAL9K 02.png|HAL9K<br /> HAL9K 03.png|HAL9K<br /> HAL9K 04.png|HAL9K<br /> HAL9K 05.png|HAL9K<br /> HAL9K 06.png|HAL9K<br /> HAL9K 07.png|HAL9K<br /> HAL9K 08.png|HAL9K<br /> HAL9K 09.png|HAL9K<br /> HAL9K 10.png|HAL9K<br /> HAL9K 11.png|HAL9K<br /> HAL9K 12.png|HAL9K<br /> HAL9K 13.png|HAL9K<br /> HAL9K 14.png|HAL9K<br /> HAL9K 15.png|HAL9K<br /> HAL9K 16.png|HAL9K<br /> HAL9K 17.png|HAL9K<br /> HAL9K 20.png|HAL9K<br /> HAL9K 21.png|HAL9K<br /> HAL9K 22.png|HAL9K<br /> HAL9K 23.png|HAL9K<br /> HAL9K 24.png|HAL9K<br /> HAL9K 25.png|HAL9K<br /> HAL9K 26.png|HAL9K<br /> HAL9K 27.png|HAL9K<br /> HAL9K 29.png|HAL9K<br /> HAL9k Black Background.jpg|Background<br /> &lt;/gallery&gt;&lt;br /&gt;<br /> <br /> ===&lt;font color=&quot;red&quot;&gt;Hal9k Mod Installer PRO 2&lt;/font&gt;===<br /> Für alle, die sich nicht alle diese langen Installationsanleitungen durchlesen wollen, gibt es eine '''KOSTENPFLICHTIGE''' App, die das Ganze vereinfacht: den &lt;big&gt;'''[https://hal9k.ru/?page_id=12&amp;lang=de Mod Installer Pro 2]'''&lt;/big&gt;.&lt;br /&gt;<br /> Ein kurzer Auszug von der Seite:&lt;br /&gt;<br /> ''Diese App ermöglicht die einfache Installation von Android 6,8, 9 oder 10 auf jedem MTCD(E) Android Radio mit PX5 (RK3368), px30 (rk3326) und px6 (rk3399) Prozessor. Bzw. den Wechsel zwischen Versionen oder ein Upgrade auf eine höhere Android Version.&lt;br /&gt;<br /> Ab sofort wird kein MicroSD Slot mit der Aufschrift „GPS“ mehr benötigt um die Recovery zu installieren.&lt;br /&gt;<br /> &lt;br /&gt;<br /> Diese App wurde auf verschiedenen MTCD und MTCE Geräten getestet und war dabei stabil. Die Firmware funktioniert nicht auf MTCH basierten Geräten (z.B. Xtrons PQS- und IQ-Serie). Trotzdessen ist eine Installation einer Firmware eine potentiell gefährliche Angelegenheit. Zunächst geht es um die Headunits unter Android 6-10. Deswegen wird die App „so wie sie ist“ zur Verfügung gestellt. Der Author dieser App ist nicht verantwortlich für negative Konsequenzen.''&lt;br /&gt;<br /> &lt;br /&gt;<br /> '''Hinweis:''' Mit den Kosten für diese Installations-App unterstützt ihr die Arbeit von '''Hal9k'''. Ihr erwerbt damit aber NICHT die &lt;big&gt;'''&quot;[http://hal9k.ru/?page_id=293&amp;lang=de OTA-Update Lizenz]&quot;'''&lt;/big&gt;, diese muss separat erworben werden.&lt;br /&gt;<br /> &lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> <br /> ===&lt;font color=&quot;red&quot;&gt;Hal9k v2.4&lt;/font&gt; ROM Android 7.1 / MTCD-MTCE / PX3===<br /> Nur für Radios mit Rockchip PX3, MCU - MTCD, MTCE Android 5.1 und 7.1, RAM 2GB &lt;br /&gt;<br /> Wer von Android 5.1.1 kommt muss das System vorbereiten&lt;br /&gt;<br /> Egal ob von Original Firmware oder Malaysk.&lt;br /&gt;<br /> <br /> '''Bitte beachten:&lt;br /&gt;<br /> 1. Falls es zu Problemen kommt, bitte [https://xtrons.ibus-app.de/index.php?title=Aktuelle_Firmware#Nach_Updateversuch_funktioniert_nichts_mehr... Hier weiterlesen].&lt;br /&gt;<br /> 2. Wenn dasteht Stick, dann MUSS ein Stick verwendet werden.. Bei SD-Karte MUSS eine SD-Karte verwendet werden...&lt;br /&gt;<br /> 3. Wenn dasteht, dass Ihr ein Medium mit 2, 4 oder 8 GB verwenden müsst, könnt ihr nicht mit 16 oder 32 GB ankommen und euch dann noch wundern wieso nichts mehr geht...'''&lt;br /&gt;<br /> <br /> ====Installation, kommend von Android 5.1.1====<br /> 1. Ihr benötigt eine '''SD-Karte 2-8GB''' und einen USB-Stick.&lt;br /&gt;<br /> 2. [http://download.speedy-pics.de/uploads/safe/SD_Firmware_Tool.rar ''SD-Tool downloaden'']und '''&quot;SD_Firmware_Tool&quot; direkt auf &quot;C:\&quot; '''entpacken.&lt;br /&gt;<br /> 3. [http://download.speedy-pics.de/uploads/safe/Hal9k_Mod_2.4_MTCD_MTCE_PX3_RK3188_1024x600_800%d1%85480_eng.rar ''Firmware ebenfalls downloaden'']und entpacken.&lt;br /&gt;<br /> 4. SD-Firmware Tool als Administrator starten.&lt;br /&gt;<br /> 5. Unter &quot;''Choose removable disk''&quot; eure SD-Karte (Speicher) auswählen.&lt;br /&gt;<br /> 6. Bei &quot;''Upgrade Firmware''&quot; darf '''kein''' Häkchen sein!!!&lt;br /&gt;<br /> 7. Drückt &quot;''Firmware''&quot; und wählt aus dem unter Punkt 3 geladenen Archiv die &quot;''nupdate.img''&quot; aus.&lt;br /&gt;<br /> 8. &quot;''Create''&quot; drücken.&lt;br /&gt;<br /> 9. Die Datei &quot;''nupdate.img''&quot; aus dem unter Punkt 3 entpackten Archiv auf den USB-Stick kopieren.&lt;br /&gt;<br /> 10. Wenn mit dem Android-Update gleich noch Apps installiert werden sollen, auf dem USB-Stick einen Ordner &quot;''hct''&quot; und darin einen Unterordner &quot;''apk''&quot; erstellen und in diesen die APK-Dateien der Apps ablegen (z.B. die IBus-App).&lt;br /&gt;<br /> 11. Danach SD-Karte in GPS-Slot (wenn keiner vorhanden ist, in den SD Slot) und USB Stick ins Radio stecken und neu starten.&lt;br /&gt;<br /> 12. Das Radio startet im Recovery Menü Android 7 von der SD-Karte.&lt;br /&gt;<br /> 13. Wählt &quot;''Apply system image from SD card or USB''&quot; und danach &quot;''From usb storage''&quot;.&lt;br /&gt;<br /> 14. Danach wählt &quot;''Wipe data/factory reset''&quot;.&lt;br /&gt;<br /> 15. Wählt zum Schluss &quot;''Reboot System Now''&quot;.&lt;br /&gt;<br /> 16. Nun startet das Radio neu. Nach Aufforderung SD-Karte entnehmen und Android 7.1 ist installiert.&lt;br /&gt;<br /> 17. SD-Karte sollte im SD-Tool mit &quot;''Restore''&quot; wiederhergestellt werden.&lt;br /&gt;<br /> <br /> ====Installation, kommend von Android 7.1====<br /> 1. SD-Karte oder USB-Stick mit 2GB, 4GB oder 8GB mit PC/Laptop verbinden und auf FAT32 formatieren.&lt;br /&gt;<br /> 2. [http://download.speedy-pics.de/uploads/safe/Hal9k_Mod_2.4_MTCD_MTCE_PX3_RK3188_1024x600_800%d1%85480_eng.rar ''Archiv downloaden und entpacken''.]&lt;br /&gt;<br /> 3. Die entpackte &quot;''nupdate.img''&quot; auf die SD-Karte oder USB-Stick verschieben.&lt;br /&gt;<br /> 4. SD-Karte in den GPS Slot einsetzen (wenn keiner vorhanden ist, dann in den SD Slot) bzw. USB-Stick an USB-Kabel anschließen.&lt;br /&gt;<br /> 5. Es erscheint die Meldung &quot;''Firmware Updating''&quot;.&lt;br /&gt;<br /> 6. Klickt nun auf &quot;''Install''&quot;.&lt;br /&gt;<br /> 7. Nun werden alle eure Daten gelöscht und die Firmware aufgespielt.&lt;br /&gt;<br /> 8. Radio startet mit Android 7.1 neu.&lt;br /&gt;&lt;br /&gt;<br /> <br /> ----<br /> &lt;br /&gt;<br /> <br /> ===&lt;font color=&quot;red&quot;&gt;Hal9k v3.1&lt;/font&gt; ROM Android 8.0 / MTCD-MTCE / PX5:===<br /> Nur für Radios mit Rockchip PX5, MCU - MTCD, MTCE Android 6.0.1 und 8.0, RAM 2-4GB &lt;br /&gt;<br /> Wer Android 6 besitzt, muss erst das Recovery vom Android 8 updaten, welches im nächsten Abschnitt erklärt wird.&lt;br /&gt;<br /> Egal ob von Original Firmware oder Malaysk.&lt;br /&gt;<br /> <br /> '''Bitte beachten:&lt;br /&gt;<br /> 1. Falls es zu Problemen kommt, bitte [https://xtrons.ibus-app.de/index.php?title=Aktuelle_Firmware#Nach_Updateversuch_funktioniert_nichts_mehr... Hier weiterlesen].&lt;br /&gt;<br /> 2. Wenn dasteht Stick, dann MUSS ein Stick verwendet werden.. Bei SD-Karte MUSS eine SD-Karte verwendet werden...&lt;br /&gt;<br /> 3. Wenn dasteht, dass Ihr ein Medium mit 2, 4 oder 8 GB verwenden müsst, könnt ihr nicht mit 16 oder 32 GB ankommen und euch dann noch wundern wieso nichts mehr geht...'''&lt;br /&gt;<br /> <br /> ====Installation, kommend von Android 6====<br /> &lt;big&gt;'''WICHTIG'''&lt;/big&gt;&lt;br /&gt;<br /> Vor dem Update prüfen welche Bluetooth-Hardware verbaut ist. Dazu in die Werkseinstellungen gehen (Passwort 126) und auf dem 1. Reiter den Namen der BT-Hardware lesen.&lt;br /&gt;<br /> Sofern dort der '''Typ &quot;MD725&quot;''' erscheint, muss der Untertyp geprüft werden! Dazu den [https://play.google.com/store/apps/details?id=jackpal.androidterm&amp;hl=de&amp;fbclid=IwAR01IOaocQDUbVPKm19gLcYxw2r7aIss2xHiI4K1_HTzgmKAmoc2Gg45aPY Terminal Emulator] installieren und in der App folgenden Text eintippen:&lt;br /&gt;<br /> '''''getprop bt.md725.type'''''&lt;br /&gt;<br /> &lt;br /&gt;<br /> Erscheint nun &quot;2&quot; erscheint, ist mit Problemen vom Bluetooth durch das Update zu rechnen.&lt;br /&gt;<br /> Bei allen anderen Ergebnissen kann das Update erfolgreich durchgeführt werden.&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> '''Vorab:''' Hier das passende [https://www.youtube.com/watch?v=HmsUaCy4v68&amp;feature=youtu.be Video].&lt;br /&gt;<br /> 1. 2 SD-Karten mit '''2GB, 4GB '''oder''' 8GB (ganz wichtig, da die Recovery sonst rumzickt und Ihr danach Probleme habt...)''' mit PC/Laptop verbinden.&lt;br /&gt;<br /> 2. [http://download.speedy-pics.de/uploads/safe/Hal9k_Mod_3.x_Android_6.0_upgrade.rar ''Archiv am PC/Laptop downloaden, entpacken und '''&quot;SD_Firmware_Tool&quot; direkt auf &quot;C:\&quot; legen!'''''.]&lt;br /&gt;<br /> 3. &quot;''SD_Firmware_Tool.exe''&quot; am PC/Laptop '''als Administrator ausführen''' (Rechtsklick -&gt; &quot;Als Administrator ausführen&quot;).&lt;br /&gt;<br /> 4. '''Keine Einstellung verändern.''' Wählt unter &quot;''Firmware''&quot; die Datei &quot;''bootcard.img''&quot;.&lt;br /&gt;<br /> 5. Klickt auf &quot;''Create''&quot;, danach &quot;''Yes''&quot; und wartet bis das &quot;''Ok''&quot; erscheint.&lt;br /&gt;<br /> 6. Schließt das Tool.&lt;br /&gt;<br /> 7. Kopiert die Datei ''sdupdate.img'' auf die SD-Karte und ersetzt die vorhandene.&lt;br /&gt;<br /> 8. Auf die 2. SD-Karte kommt nur die ''Update.zip'' aus diesem Download [http://download.speedy-pics.de/uploads/safe/hal9k_mod_3.1_mtcd_mtce_px5_1024x600_800%d1%85480_eng.rar Hal9k v3.1 (1,2GB)] installieren.&lt;br /&gt;<br /> 9. 1. SD-Karte in den GPS Slot vom Radio einsetzen.&lt;br /&gt;<br /> 10. Radio neustarten durch langes betätigen vom RST (Reset) Knopf.&lt;br /&gt;<br /> 11. Es erscheint bald &quot;''Doing actions succeeded. Please remove the sdcard ...''&quot;.&lt;br /&gt;<br /> 12. SD-Karte entfernen.&lt;br /&gt;<br /> 13. '''Nun wird der Bildschirm bis zu 10 Minuten schwarz.'''&lt;br /&gt;<br /> 14. Es erscheint &quot;''Erasing''&quot;.&lt;br /&gt;<br /> 15. Radio startet mit Android 8 Recovery neu.&lt;br /&gt;<br /> 16. Jetzt die 2. SD-Karte mit ''Update.zip'' in den GPS-Slot stecken.&lt;br /&gt;<br /> 17. Wählt im Recovery &quot;''Apply update system''&quot; - &quot;''From SD Card''&quot;.&lt;br/ &gt;<br /> 18. Danach &quot;''Wipe data / factory reset''&quot;&lt;br /&gt;<br /> 19. '''SD Karte entfernen'''&lt;br /&gt;<br /> 20. Radio neustarten&lt;br/ &gt;<br /> <br /> ====Installation, kommend von Android 8====<br /> '''Vorab:''' Hier das passende [https://www.youtube.com/watch?v=TiEahNjg9kY&amp;feature=youtu.be Video].&lt;br /&gt;<br /> 1. '''USB Stick''' mit '''2-8 GB''' und '''FAT32''' (geht auch mit SD-Karte, dauert aber erheblich länger).&lt;br /&gt;<br /> 2. [http://download.speedy-pics.de/uploads/safe/hal9k_mod_3.1_mtcd_mtce_px5_1024x600_800%d1%85480_eng.rar ''Hal9k v3.1 (1,2GB)''] downloaden.&lt;br /&gt;<br /> 3. Archiv entpacken und &quot;''ModInstaller.apk''&quot; sowie &quot;''Update.zip''&quot; auf den USB Stick ziehen.&lt;br /&gt;<br /> 4. USB Stick am Radio anschließen, wenn er euch nach einem Update fragt unbedingt ablehnen!!&lt;br /&gt;<br /> 5. '''ModInstaller.apk''' installieren, starten und auf den riesigen roten Button drücken.&lt;br /&gt;<br /> [[Datei:Http hal9k ru mtcdmod 02xda3.png|border|x100px]]&lt;br /&gt;<br /> 6. Radio geht in den Recovery Modus. Dort begebt ihr euch z.B. mit einer Nadel im Resetbutton zu &quot;''Apply update system''&quot; und &quot;''From usb storage''&quot;.&lt;br /&gt;<br /> 7. Lange drücken zum Bestätigen.&lt;br /&gt;<br /> 8. ROM wird installiert. '''Dies kann zwischen 3 bis 8 Minuten dauern'''.&lt;br /&gt;<br /> 9. Danach müsst ihr leider &quot;''Wipe data / factory reset''&quot; betätigen. Dies löscht alle eure Daten.&lt;br /&gt;<br /> 9.1. Kommt nicht auf die Idee diesen Schritt zu überspringen.. Ich tat es und es hat mir nur Ärger gebracht.&lt;br /&gt;<br /> 10. '''SD Karte entfernen'''&lt;br /&gt;<br /> 11. Radio neustarten&lt;br/ &gt;<br /> <br /> '''Wichtigstes Feature der v3.1: Reset der USB Anschlüsse für das bekannte &quot;[[Kein WLAN/USB/Bluetooth wenn es kalt ist]]&quot;-Problem.'''<br /> &lt;br /&gt;&lt;br /&gt;<br /> &lt;gallery mode=&quot;packed-hover&quot;&gt;<br /> Hal9kv3.1.jpg|HAL9K<br /> Hal9kv3.1 2.png|HAL9K<br /> Hal9kv3.1 3.png|HAL9K<br /> Hal9kv3.1 4.png|HAL9K<br /> Hal9k_010.png|HAL9K Update<br /> &lt;/gallery&gt;&lt;br /&gt;<br /> <br /> ====Hal9k v3.1+ Updates====<br /> Alle Folge-Updates nach der v3.1 kommen bislang ausschlißelich als &quot;OTA&quot; (Over The Air), das Update wird also direkt am Radio herunter geladen und ausgeführt. So wie man das vom Handy kennt. Dabei gehen die Daten und Apps NICHT verloren.&lt;br /&gt;&lt;br /&gt;<br /> =====Version 3.1.1 OTA-Paket=====<br /> # Verbesserter Bildschirmschoner:Es wurden Informationen über den gespielten Track für die meisten Drittanbieter angezeigt. Die Möglichkeit, das Aussehen des Bildschirmschoners anzupassen: Farben, Hintergrundbild, der Maximalwert für die Geschwindigkeitsanzeige. Vertauschte Geschwindigkeits- und Volumenanzeigen.<br /> # Ein kurzer Druck auf den Netzschalt er des Bildschirms schaltet nun den ausgewählten Bildschirmschoner ein.<br /> # Die Google-Anwendung ruft nun ohne zusätzliche Einstellungen über den MTCDialer an.<br /> # Sie können Musik durch eine Navigationsanwendung dämpfen, die Sprachansagen über einen Sprachsynthesizer wiedergibt.<br /> # Zur Verwendung müssen Sie die Anwendung zur &quot;Liste der Navigationsanwendungen, die andere Sounds dämpfen&quot; hinzufügen und &quot;Text-to-Speech-Engine, die andere Sounds dämpft&quot; auswählen.<br /> # Ersetzte Symbole im Stock Launcher und in der Statusleiste.<br /> # Es wurde die Möglichkeit zugefügt, den System UI Tuner über Mod Settings aufzurufen.<br /> # Der Timeout für das Einlegen einer Speicherkarte nach dem Ausschlafen für einen Stockplayer wird auf 30 Sekunden erhöht.<br /> # Es wurde die Möglichkeit hinzugefügt, neue Tastencodes für einen Joystick in einem Mazda-Auto zu ersetzen.&lt;br /&gt;&lt;br /&gt;<br /> =====Version 3.1.2 OTA-Paket=====<br /> # Übersetzungen in verschiedenen Sprachen hinzugefügt oder korrigiert:<br /> # Verbesserter Bildschirmschoner: Es wurden Display-Covers für die meisten Player von Drittanbietern und Radiosender-Icons für die PCRADIO App erstellt. Für eine korrekte Arbeit empfehle ich, Ihre Player in die &quot;Liste der Anwendungen, die nicht gleichzeitig funktionieren sollten&quot; aufzunehmen. Anzeige von Empfehlungen bei der Fahrt entlang einer Route für Yandex.Navigator, Yandex.Maps, Google Maps, Sygic GPS Navigation &amp; Maps. Made Anzeige der Temperatur von Yandex.Weather, wenn die Daten über die Temperatur nicht aus dem CAN-Adapter kommen. Jetzt wird der Bildschirmschoner in 800x480 korrekt angezeigt. Während der Bildschirmschoner läuft, wird die Bestandsmengensteuerung nicht mehr angezeigt.<br /> # Popup-Meldungen von BT Music und Media-Playern von Drittanbietern wurden hinzugefügt. Media-Player von Drittanbietern müssen der entsprechenden Liste hinzugefügt werden.<br /> # Es wurde eine Liste von Anwendungen hinzugefügt, die im Immersive-Modus (Vollbild) arbeiten.<br /> # Erstellung einer separaten Liste der Navigation mit TTS<br /> # Es wurde die Möglichkeit zugefügt, der Navi-Taste die zuletzt gestartete Navigation zuzuordnen (z.B. um zwischen Navigation und Player zu wechseln).<br /> # Auf vielfachen Wunsch wurden individuelle Parklinien hinzugefügt. Danke für Incognito+.<br /> # Magisk aktualisiert auf v18.1, Viper4Android aktualisiert auf v2.7<br /> # Neue Tastencodes zum Ersetzen hinzugefügt<br /> # OEM-Launcher mit Widgets können nun auf einmal installiert werden.<br /> # Es wurde viel Arbeit geleistet, um die Unterstützung für neue Basis-Firmware zu gewährleisten, obwohl dies von außen nicht sichtbar ist.&lt;br /&gt;&lt;br /&gt;<br /> =====Updatemeldung Hal9k v3 auf v4 abschalten=====<br /> # Mod Einstellungen -&gt; Update -&gt; Auto Update deaktivieren<br /> # Installiert einen Root-Explorer und vergebt die Root-Rechte (z.B. ES Datei Explorer, Titaniumm total commander, ..)<br /> # Löscht die Datei &quot;reminder.apk&quot; im Pfad: ../system/app/reminder/<br /> # Neustarten<br /> &lt;br /&gt;&lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> === &lt;font color=&quot;red&quot;&gt;Hal9k v4.0&lt;/font&gt; auf Basis von Android 9.0 für Radios mit PX5/PX6/PX30===<br /> &lt;br /&gt;<br /> &lt;font color=&quot;red&quot;&gt;'''Voraussetzung: auf dem Radio muss eine MTCD/MTCE MCU Version v3.30 oder höher und Android 6.0, 8.0 oder (am Besten) 9.0 installiert sein!'''&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;<br /> [http://4pda.ru/forum/index.php?showtopic=973606 Link zum Beitrag bei http://4pda.ru/] (Russisch)&lt;br /&gt;&lt;br /&gt;<br /> Bitte das Video hinsichtlich der Installation, Voraussetzungen etc. beachten!&lt;br /&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> ====Nach Flashen alles Russich====<br /> Wenn nach dem Flashen alles Russich ist, befolgt die bebilderte Anleitung.&lt;br /&gt;<br /> [[Datei:20191212_161902.jpg|border|x300px]]<br /> [[Datei:20191212_161924.jpg|border|x300px]]<br /> [[Datei:20191212_161931.jpg|border|x300px]]<br /> [[Datei:20191212_161938.jpg|border|x300px]]<br /> [[Datei:20191212_161947.jpg|border|x300px]]&lt;br /&gt;<br /> [[Datei:20191212_162032.jpg|border|x300px]]<br /> [[Datei:20191212_162047.jpg|border|x300px]]<br /> [[Datei:20191212_162059.jpg|border|x300px]]<br /> [[Datei:20191212_162107.jpg|border|x300px]]<br /> [[Datei:20191212_162113.jpg|border|x300px]]&lt;br /&gt;<br /> <br /> ====Hal9k v4.0 für PX5, kommen von Android 8====<br /> Laden Sie die notwendigen Komponenten herunter:&lt;br /&gt;<br /> 1.[http://download.speedy-pics.de/uploads/android/firmware/Hal9k_Mod_4.0_MTCD_MTCE_PX5_eng.rar Hal9k_Mod_4.0_MTCD_MTCE_PX5] (ca. 1GB) und für die Sicherung / Wiederherstellung von Software und Einstellungen.&lt;br /&gt; <br /> 2. [https://yadi.sk/d/XW3SVtcEC9wypg&amp;xid=17259,1500003,15700021,15700043,15700186,15700190,15700256,15700259,15700262,15700265,15700271,15700283&amp;usg=ALkJrhg1Z13AyyA91NkHRe-FzU2lN8ezog ''Programm''] zum Erstellen einer bootfähigen SD-Karte.&lt;br /&gt; <br /> 3. Die passende Update-Datei downloaden und entpacken für Android 8 auf Android 9 für Ihr Radio, welches man anhand der MCU herausfinden kann.&lt;br /&gt;<br /> Wenn mehrere *.zip vorhanden sind, nehmt die aktuellste (letztes Datum)&lt;br /&gt;<br /> [https://yadi.sk/d/umCvHqCDzHccr/RockChip%20PX5%20%20Android%209/CHS CHS &amp; CHS3]&lt;br&gt;<br /> [https://yadi.sk/d/umCvHqCDzHccr/RockChip%20PX5%20%20Android%209/GS GS]&lt;br&gt;<br /> [https://yadi.sk/d/umCvHqCDzHccr/RockChip%20PX5%20%20Android%209/HA HA]&lt;br&gt;<br /> [https://yadi.sk/d/umCvHqCDzHccr/RockChip%20PX5%20%20Android%209/HXD HXD]&lt;br&gt;<br /> [https://yadi.sk/d/umCvHqCDzHccr/RockChip%20PX5%20%20Android%209/LM LM]&lt;br&gt;<br /> [https://yadi.sk/d/umCvHqCDzHccr/RockChip%20PX5%20%20Android%209/MX MX (HCT4)]&lt;br&gt;<br /> [https://yadi.sk/d/umCvHqCDzHccr/RockChip%20PX5%20%20Android%209/OLS OLS]&lt;br&gt;<br /> [https://yadi.sk/d/umCvHqCDzHccr/RockChip%20PX5%20%20Android%209/YB YB (Y-Series)]&lt;br&gt;<br /> [https://yadi.sk/d/umCvHqCDzHccr/RockChip%20PX5%20%20Android%209/ksp9_px5_9.0_ota(20190411)%E5%8D%87%E7%BA%A7%E5%8C%85.zip KSP9]&lt;br&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> =====Anwendungen sichern=====<br /> (Wer den Schritt auslassen möchte, bitte bei Schritt 11 fortsetzen)&lt;br /&gt;<br /> 4. Bereite einen USB-Stick (Kapazität wie das Radio, meistens 32-64GB) vor.&lt;br /&gt;<br /> 5. Formatiere den am PC auf FAT32.&lt;br /&gt; <br /> 6. Legen Sie die Datei update.zip aus dem Verzeichnis backup8 auf den USB-Stick ab.&lt;br /&gt; <br /> 7. Stecken Sie den USB-Stick in den USB-Anschluss des Radios. Daraufhin, sollte eine Updatemeldung erscheinen.&lt;br /&gt;<br /> 8. Warte bis die Sicherung abgeschlossen ist. Auf dem USB_Stick wird ein Multivolume-Archiv mit den Daten (Benutzerdaten *) erstellt.&lt;br /&gt; <br /> 9. Entfernen Sie das Flash-Laufwerk und starten Sie die GU neu.&lt;br /&gt;<br /> 10. USB-Stick abziehen und erst im Schritt 32 wiederverwenden.&lt;br /&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> <br /> ====Eigentliche Installation von Android 9====<br /> 11. Organisiere Dir Zwei Sd-Karten mit je 2-4-8 GB.&lt;br /&gt;<br /> 12. Entpacke, dass in Schritt 2 gedownlaodete Archiv, Hal9k_Mod_3.x_upgrade_to_Android_9.0.rar, so dass der Ordner '''&quot;SD_Firmware_Tool&quot; direkt auf &quot;C:\&quot; liegt!'''&lt;br /&gt;<br /> 13. Setze die SD-Karte in den Kartenleser ein.&lt;br /&gt; <br /> 14. Führe die Anwendung '''SD_Firmware_Tool''' als Administrator aus. Es müssen keine Einstellungen geändert werden. Alles ist bereits konfiguriert.&lt;br /&gt;<br /> 15. Klick auf die Schaltfläche &quot;Firmware&quot; und wählen Sie die Datei '''bootcard.img''' aus.&lt;br /&gt; <br /> 16. Klick auf die Schaltfläche &quot;Erstellen&quot; und dann auf &quot;Ja&quot; und warte bis &quot;OK&quot; angezeigt wird.&lt;br /&gt; <br /> 17. Schließe SD_Firmware_Tool.&lt;br /&gt;<br /> 18. Kopiere die Datei ''sdupdate.img'' und ersetze diese auf der SD-Karte.&lt;br /&gt; <br /> 19. Entferne die SD-Karte und setze diese in den GPS-Slot.&lt;br /&gt; <br /> 20. Jetzt Radio neu starten. Dazu lange mit einer Nadel &quot;RST&quot; (Reset) drücken. Alternativ: Stromstecker abziehen und wieder anschließen.&lt;br /&gt; <br /> 21. Wenn die Meldung &quot;Aktion erfolgreich ausgeführt. Bitte SD-Karte entfernen ...&quot; angezeigt wird , entferne die SD-Karte aus dem Radio. Das Radio sollte nun das Recovery Android 9 starten.&lt;br /&gt;<br /> 22. Formatiere am PC die 2. SD_Karte in Fat 32.&lt;br /&gt;<br /> 23. Lege die Datei update.zip aus dem im Schritt 3 gedownloadetetn Archiv auf die SD-Karte.&lt;br /&gt;<br /> 24. Entferne alle anderen SD-Karten und USB-Sticks aus dem Radio. &lt;br /&gt; <br /> 25. Nun setze die präparierten SD-Karte in dein Radio ein. &lt;br /&gt;<br /> 26. Wähle den Menüpunkt &quot; Update System anwenden&quot; - &quot;Von SD-Karte&quot;. Die Firmware wird installiert. &lt;br /&gt;<br /> 27. Wählen nach erfolgreicher Installation den Menüpunkt &quot;Wipe data / factory reset&quot;. Die Benutzerdaten werden gelöscht.&lt;br /&gt; <br /> &lt;font color=&quot;red&quot;&gt;'''!!!WER HAL9K MÖCHTE, BEI SCHRITT 29 WEITERMACHEN!!!'''&lt;/font&gt;&lt;br /&gt;<br /> &lt;font color=&quot;red&quot;&gt;!!!WER NUR ANDROID 9 MÖCHTE-&gt; 28. Wähle den Menüpunkt &quot;System jetzt neu starten&quot;. Nun startet das Radio mit Android 9 neu.&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;<br /> <br /> ====Installation von Hal9k v4.0====<br /> 29. Stecke eine SD-Karte von eben an den PC und formatiere diesen wieder in Fat32.&lt;br /&gt; <br /> 30. Entpacken das Archiv ''Hal9k_Mod_4.0_MTCD_MTCE_PX5.zip // Hal9k_Mod_4.0_MTCD_MTCE_PX6.zip // Hal9k_Mod_4.0_MTCD_MTCE_PX30.zip'' (siehe Download weiter unten)und kopiere die Datei &quot;update.zip&quot; aus diesem Archiv auf die SD-Karte.&lt;br /&gt; <br /> 31. Stecke die SD-Karte in den Slot des Radios und Wähle den Menüpunkt &quot; Update System anwenden&quot; - &quot;Von SD-Karte&quot;. Die Firmware wird installiert.. Nach erfolreicher Installation SD-Karte entfernen und Radio neustarten.&lt;br /&gt;<br /> <br /> =====Datenwiederherstellung von Android 8 Schritt 4-10=====<br /> 32. Nehme dem USB-Stick mit der Sicherungskopie und ersetze die Datei update.zip (von restore8) durch update.zip (aus dem Ordner restore9).&lt;br /&gt;<br /> 33. Stecke den USB-Stick in den USB-Anschluss des Radios und klick im angezeigten Fenster auf &quot;Installieren&quot;. Warte auf das Ende und den automatischen Neustart.&lt;br /&gt;<br /> !!!Das erste Booten von Android 9 nach dem Wiederherstellen der Programme von Android 8 kann länger dauern als gewöhnlich. Das System benötigt Zeit, um die Daten zu konvertieren.!!!&lt;br /&gt;<br /> <br /> ==== Download Hal9k v4.0 ====<br /> [http://download.speedy-pics.de/uploads/android/firmware/Hal9k_Mod_4.0_MTCD_MTCE_PX5_eng.rar Hal9k v4.0 für PX5] (ca. 1GB)&lt;br /&gt;&lt;br /&gt;<br /> [http://download.speedy-pics.de/uploads/android/firmware/Hal9k_Mod_4.0_MTCD_MTCE_PX6_eng.rar Hal9k v4.0 für PX6] (ca. 1GB)&lt;br /&gt;&lt;br /&gt;<br /> [http://download.speedy-pics.de/uploads/android/firmware/Hal9k_Mod_4.0_MTCD_MTCE_PX30_eng.rar Hal9k v4.0 für PX30] (ca. 1GB)&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> Hinweis: Chrome blockiert das Herunterladen von *.zip-Dateien mit Draufklicken seit Dezember 2020 (ab Version 86). Zum Download bitte mit &quot;Rechtsklick&quot; =&gt; &quot;Adresse des Links kopieren&quot; und danach in einem neuen Tab öffnen. Danach startet der Download.<br /> &lt;br /&gt;&lt;br /&gt;<br /> ====Hal9k v4 DSP Soundmod====<br /> Eine bessere DSP App ist bereits verfügbar.&lt;br /&gt;<br /> ApkInstaller -&gt; OEM -&gt; HZC3AmpSetup.apk &lt;br /&gt;<br /> [[Datei:SoundmodHal9kv4.png|border|x100px]]&lt;br /&gt;<br /> Mehr Infos unter: [https://xtrons.ibus-app.de/index.php?title=DSP-Equalizer-Modifikation_f%C3%BCr_Radios_mit_internem_DSP#DSP-Sound-MOD_in_Hal9k_.28ab_v4.29 '''DSP-Sound-MOD in Hal9k (ab v4)''']&lt;br /&gt;&lt;br /&gt;<br /> ==== Hal9k v4 apk Dateien ====<br /> Alle Apps die mit Hal9k v4 im &quot;OEM&quot; Ordner zur Installation beinhaltet sind hier zum Download. Inkl. der DSP-MOD Installation.&lt;br /&gt;<br /> [http://download.speedy-pics.de/uploads/android/HAL9k_v4_apk.rar Download: HAL9k_v4_apk.rar][67MB]&lt;br /&gt;&lt;br /&gt;<br /> '''Enhält:'''<br /> * diverse Launcher (AY, GS, HCT2, HCT3, KGL und ZH)<br /> * DAB Player<br /> * GPS Test<br /> * [http://download.speedy-pics.de/uploads/android/HZC3AmpSetup.apk HZC3AmpSetup] (DSP Mod)<br /> * MtcDialer<br /> * Torque 1.8.92<br /> * VIPER4Android<br /> &lt;br /&gt;&lt;br /&gt;<br /> ====Launcher ändern====<br /> Im OEM Ordner sind 6 Launcher verfügbar (AY, GS, HCT2, HCT3, KGL, ZH). &lt;br /&gt;<br /> ApkInstaller -&gt; OEM -&gt; AY(Beispiel)&lt;br /&gt;<br /> [[Datei:HAL9K 21.png|border|x100px]]&lt;br /&gt;&lt;br /&gt;<br /> ====Android Handy wiederspiegeln====<br /> Hal9k hat die EasyConnected App, welches das Smartphone auf dem Display widerspiegelt, herausgenommen.&lt;br /&gt;<br /> Aber diese könnt Ihr euch [http://download.speedy-pics.de/uploads/safe/EasyConnected.HT09.5.1.2-0dfcedf-180723.0xd.apk hier downloaden].&lt;br /&gt;&lt;br /&gt;<br /> ====OTA Updates====<br /> Für Hal9k v4 gibt es &lt;big&gt;'''&quot;[https://xdaforums.com/t/rom-px5-px6-px30-pie-9-0-hal9k-mod-v4-for-mtcd-e-head-units-with-android-9-8-6.4046361/ OTA-Update]&quot;'''&lt;/big&gt;s nur gegen kostenpflichtige Freischaltung.&lt;br /&gt;<br /> Das ist insbesondere lohnenswert ab der Version 4.0.2, weil ab hier wieder das beliebte &quot;Ersetzen von Tastencodes&quot; enthalten ist.&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> <br /> === &lt;font color=&quot;red&quot;&gt;Hal9k v5.0&lt;/font&gt; auf Basis von Android 10.0 für Radios mit PX5/PX6/PX30===<br /> &lt;br /&gt;<br /> [https://forum.xda-developers.com/t/rom-px5-px6-px30-q-10-hal9k-mod-v5-for-mtcx-hctx-head-units-with-android-10-9-8-6.4314163/?fbclid=IwAR1F1JUSCfaHDRQYRzC1vMTpNzSuJUfmn37wlZBkyTYIWrBLFT_OOSo3N9I &lt;big&gt;'''Infos aus dem XDA-Forum'''&lt;/big&gt;]&lt;br /&gt;&lt;br /&gt;<br /> '''Hal9k Mod v5 basierend auf Android 10 für MTCx HCTx Rockchip PX5 (rk3368), PX6 (rk3399) und PX30 (rk3326) Radios'''&lt;br /&gt;<br /> '''Kompatible MCU-Versionen:''' MTCD_XXXX, MTCE_XXXX, MTCP_XXXX, MTCH_XXXX, HCTG_XXXX&lt;br /&gt;<br /> '''Firmware-Version:''' 5.0.0 (31.07.2021) )&lt;br /&gt;<br /> '''Version des neuesten [https://xtrons.ibus-app.de/index.php?title=Aktuelle_Firmware#OTA_Updates_2 OTA - Update]:''' 5.0.1 (2021.07.31) [kostenpflichtig]<br /> &lt;br /&gt;&lt;br /&gt;<br /> &lt;big&gt;'''Über Firmware:'''&lt;/big&gt;&lt;br /&gt;<br /> Firmware für Radios basierend auf MTCX oder HCTX Plattform mit Rockchip PX5, PX6 oder PX30 Prozessoren und Bildschirmauflösung 800x480, 1024x600, 1280x720, 1920x1080 , basierend auf Android 10.&lt;br /&gt;<br /> Dies ist eine Weiterentwicklung des Hal9k Mod v4 auf Basis von Android 9.&lt;br /&gt;<br /> &lt;br /&gt;<br /> Die Basisversion der Firmware wird in der hier eingestellten Form '''für den privaten Gebrauch kostenlos''' verteilt und unterliegt keinen Leistungseinschränkungen. Die kommerzielle Nutzung der Firmware oder ihrer Teile und Algorithmen ist untersagt.&lt;br /&gt;<br /> Nach und nach werden Änderungen in den Mod integriert, die neue Funktionen hinzufügen und mögliche Fehler korrigieren. Diese sind nur als einmalig-kostenpflichtiges [https://xtrons.ibus-app.de/index.php?title=Aktuelle_Firmware#OTA_Updates_2 OTA-Update] verfügbar.<br /> &lt;br /&gt;<br /> Jede Änderung der Firmware des Hauptgeräts ist ein potenziell gefährlicher Vorgang. Daher wird der Mod &quot;wie besehen&quot; bereitgestellt. Der Autor übernimmt keine Verantwortung für eventuelle negative Folgen.&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''Die Hauptvorteile dieser Firmware:'''&lt;/big&gt;<br /> * originales Design<br /> * Hohe Stabilität<br /> * Erweiterte Funktionalität, z.B.:<br /> ** modifizierte DSP Equalizer App enthalten (unter OEM Apps, muss installiert werden)<br /> ** GPS Abtastrate mit 1, 2, 5 oder 10Hz (ab 5.0.1)<br /> ** Ersetzen von Tastencodes<br /> ** Root-Rechte<br /> ** ...<br /> * Behebung vorhandener Fehler und Mängel in der Original-Firmware<br /> * Anpassbarkeit. Alle Ergänzungen und Modifikationen können nach Ihren Wünschen angepasst werden<br /> * Änderungen werden direkt im Anwendungscode vorgenommen, ohne das Xposed-Framework zu verwenden<br /> * Erhöhte Reaktionsfähigkeit im Vergleich zur Aktie + die Möglichkeit, diesen Indikator unabhängig zu verbessern<br /> '''Systemanforderungen ( ''Einstellungen &gt; Über das Tablet'' )'''<br /> * Das Modell basiert auf mit PX5 (rk3368) oder PX6 (rk3399) oder PX30 (rk3326_mid)<br /> * Android-Version beginnt mit 10 oder 9 oder 8.0 oder 6.0<br /> * Die MCU-Version beginnt mit MTCD, MTCE, MTCP, MTCH, HCTG. Außerdem kann es beliebige Buchstaben geben, zwei, drei, vier - es spielt keine Rolle.<br /> * Sie müssen auch in der Lage sein in den Recovery - Modus zu kommen.<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> ==== Videoanleitung für Installation/Review ====<br /> &lt;youtube&gt;https://youtu.be/Gx3mIN6ZJ7o&lt;/youtube&gt;&lt;br /&gt;<br /> Anleitung Videoinstallation von Alex 'Android - Radio (englisch)&lt;br /&gt;&lt;br /&gt;<br /> &lt;youtube&gt;https://youtu.be/BoY62nfkS3g&lt;/youtube&gt;&lt;br /&gt; <br /> Anleitung Videoinstallation von Alex' Android - Radio (Deutsch)]&lt;br /&gt;<br /> &lt;youtube&gt;https://youtu.be/S9_pi682seE&lt;/youtube&gt;&lt;br /&gt; <br /> Alex' Android Radio: Hal9k Mod 5 | Android 10 | Einrichtung | Vorteile | Funktionen&lt;br /&gt;<br /> &lt;br /&gt;<br /> &lt;big&gt;'''Wie installiere ich die Firmware?'''&lt;/big&gt;&lt;br /&gt;<br /> * Beim Wechsel von einer anderen Firmware müssen Sie die Benutzerdaten löschen!&lt;br /&gt;<br /> * Für einen stabilen Betrieb des Geräts wird empfohlen, die MCU-Firmware auf die aktuelle Version zu aktualisieren, die im März 2021 oder später veröffentlicht wurde.&lt;br /&gt;<br /> * Wenn für Ihr Gerät keine solche Firmware verfügbar ist, verwenden Sie die neueste verfügbare.&lt;br /&gt;<br /> * MCU-Firmware erhalten Sie bei Ihrem Radio-Händler oder suchen Sie in der cs-x-Sammlung.&lt;br /&gt;<br /> * MTCE-Versionen können statt MTCD installiert werden&lt;br /&gt;<br /> &lt;br /&gt;<br /> <br /> ====Installation kommend von Android 10:====<br /> Die Installation erfolgt ähnlich wie bei einem regulären Firmware-Update:&lt;br /&gt;<br /> Kopieren Sie die Firmware-Datei update.zip auf einen USB-Stick / eine in FAT32 formatierte Speicherkarte&lt;br /&gt;<br /> Verbinden Sie den USB-Stick / die Speicherkarte mit dem Gerät&lt;br /&gt;<br /> Setzen Sie das Kontrollkästchen &quot;Daten löschen ...&quot; und klicken Sie im erscheinenden Fenster auf die Schaltfläche &quot;Installieren&quot;.&lt;br /&gt;<br /> Nach der Installation wird das Gerät automatisch noch einmal neu gestartet, um die Magisk-Installation abzuschließen.&lt;br /&gt;<br /> Die Installation von einer SD-Speicherkarte kann länger dauern!&lt;br /&gt;&lt;br /&gt;<br /> ====Installation kommend von Android 9, 8 oder 6:====<br /> Erfordert die Aktualisierung der Recovery-Mode auf Android10&lt;br /&gt;<br /> Einfacher und sicherer Weg: Verwenden Sie die '''(kostenpflichtigen) [https://xtrons.ibus-app.de/index.php?title=Aktuelle_Firmware#Hal9k_Mod_Installer_PRO ModInstaller Pro]'''&lt;br /&gt;<br /> Komplizierter und unsicherer Weg: Suchen Sie im XDA-Forum nach Informationen&lt;br /&gt;&lt;br /&gt;<br /> '''Ergänzungen:'''<br /> * Automatische Hintergrundbeleuchtungssteuerung für PX5-basierte Hauptgeräte<br /> * Internetgeschwindigkeit in der Statusleiste<br /> &lt;br /&gt;&lt;br /&gt;<br /> <br /> ==== Download Hal9k v5.0 ====<br /> * '''[http://download.speedy-pics.de/uploads/android/firmware/Hal9k_Mod_5.0_MTCx_HCTx_PX5_eng.rar Hal9k v5.0 für PX5 (englische Version)]'''<br /> * '''[http://download.speedy-pics.de/uploads/android/firmware/Hal9k_Mod_5.0_MTCx_HCTx_PX6_eng.rar Hal9k v5.0 für PX6 (englische Version)]'''<br /> * '''[http://download.speedy-pics.de/uploads/android/firmware/Hal9k_Mod_5.0_MTCx_HCTx_PX30_eng.rar Hal9k v5.0 für PX30 (englische Version)]'''<br /> &lt;br /&gt;&lt;br /&gt;<br /> ====OTA Updates====<br /> Für Hal9k v5 gibt es &lt;big&gt;'''&quot;[http://hal9k.ru/?page_id=5&amp;lang=de OTA-Updates nur gegen kostenpflichtige Freischaltung]&quot;'''&lt;/big&gt;.&lt;br /&gt;<br /> Vorteile vom OTA Update (Stand v5.0.1):<br /> * &quot;Ersetzen von Tastencodes&quot; verfügbar<br /> * &quot;erweitertes GPS Setup&quot; (1 / 2 / 5 / 10Hz Abtastrate, BeiDou statt GLONASS,..).<br /> * Bild der Frontkamera spiegeln. Nützlich für diejenigen, die eine Rückfahrkamera an der Vorderseite des Autos anbringen<br /> * ...<br /> &lt;br /&gt;<br /> &lt;br /&gt;<br /> ====Hal9k v5 DSP Soundmod====<br /> Eine bessere DSP App ist bereits verfügbar.&lt;br /&gt;<br /> ApkInstaller -&gt; OEM -&gt; HZC3AmpSetup.apk &lt;br /&gt;<br /> [[Datei:SoundmodHal9kv4.png|border|x100px]]&lt;br /&gt;<br /> Mehr Infos unter: [https://xtrons.ibus-app.de/index.php?title=DSP-Equalizer-Modifikation_f%C3%BCr_Radios_mit_internem_DSP#DSP-Sound-MOD_in_Hal9k_.28ab_v4.29 '''DSP-Sound-MOD in Hal9k (ab v4)''']&lt;br /&gt;&lt;br /&gt;<br /> <br /> ==Nach Updateversuch funktioniert nichts mehr...==<br /> Achtung: FÜR PX5 MTCD-MTCE MODELLE (Android 6 wird installiert).&lt;br /&gt;<br /> Aus diversen Gründen kann es passieren, dass ein Update fehlschlägt und man augenscheinlich glaubt das Radio gebricked zu haben.&lt;br /&gt;<br /> Dagegen hilft in 99% der Fälle folgende Anleitung.&lt;br /&gt;<br /> 1. Man benötigt eine SD Karte (2, 4 oder 8GB), formatiert in fat32 und einen PC&lt;br /&gt;<br /> 2. [http://download.speedy-pics.de/uploads/safe/SD_Firmware_Tool_For_PX5_android_6_0_1.rar SD Tool downloaden] und '''&quot;SD_Firmware_Tool&quot; direkt auf &quot;C:\&quot; entpacken!'''&lt;br /&gt;<br /> 3. SD Karte mit PC verbinden und SD Programm starten.&lt;br /&gt;<br /> [[Datei:SD 1.png|border|x100px]]&lt;br /&gt;<br /> 4. Ganz oben muss eure SD Karte gewählt sein.&lt;br /&gt;<br /> 5. Es darf nur &quot;Upgrade Firmware&quot; ausgewählt sein.&lt;br /&gt;<br /> 6. Unter &quot;Choose Firmware&quot; die &quot;Update.img&quot; auswählen.&lt;br /&gt;<br /> [[Datei:SD 2.jpg|border|x100px]]&lt;br /&gt;<br /> 7. Auf &quot;Create&quot; klicken und warten bis es fertig ist..&lt;br /&gt;<br /> [[Datei:SD 3.png|border|x100px]]&lt;br /&gt;<br /> 8. SD Karte ins Radio einlegen und starten.&lt;br /&gt;<br /> 9. Firmware wird installiert.&lt;br /&gt;<br /> 10. Ihr werdet aufgefordert, die SD Karte zu entfernen, danach startet das Radio neu und ihr habt eurem Radio neues Leben beschert :)&lt;br /&gt;<br /> 11. SD Karte wieder mit PC verbinden.&lt;br /&gt;<br /> 12. Im SD Tool &quot;Restore&quot; klicken&lt;br /&gt;<br /> [[Datei:SD 4.png|border|x100px]]&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> ==MCU Updates==<br /> Die MCU ist sowas wie der &quot;Treiber&quot; des Radios - entsprechend muss diese auch mit aktuell gehalten werden. <br /> <br /> WICHTIG: die MCU muss stets zur Hardware passen! Die Installation einer falschen MCU Version wird vom Radio i.d.R. nicht akzeptiert, wenn doch kann es bis zum Totalausfall des Radios kommen.<br /> <br /> Daher darauf achten was installiert ist und was upgedatet werden soll.<br /> <br /> '''Anleitung: wie funktioniert ein [[Firmwareupdate]]'''&lt;br&gt;<br /> &lt;br&gt;<br /> ===MCU Updates für Android 6.0/8.0/9.0/10.0 // MTCD+MTCE - nur Version &quot;GS&quot;/ PX5+PX6:===<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/MCU/MTCE_GS_3.79.zip MCU Update für PX5/PX6-Serie (nur Version &quot;GS&quot;)] &lt;/big&gt;[*.rar / ~0,2MB] '''(v3.79) *neu*'''&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/MCU/MTCE_GS_3.73.zip MCU Update für PX5/PX6-Serie (nur Version &quot;GS&quot;)] &lt;/big&gt;[*.rar / ~0,2MB] '''(v3.73)'''&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/MCU/MTCE_GS_3.67.zip MCU Update für PX5/PX6-Serie (nur Version &quot;GS&quot;)] &lt;/big&gt;[*.rar / ~0,2MB] '''(v3.67)'''&lt;br /&gt;&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/MCU/GS_MCU.rar MCU Updates für Xtrons PX5/PX6-Serie (nur Version &quot;GS&quot;)] &lt;/big&gt;[*.rar / ~1MB] (v2.51 - v3.79)&lt;br /&gt;&lt;br /&gt;<br /> [https://xtrons.ibus-app.de/index.php?title=Equalizer-Modifikation_f%C3%BCr_PX3/PX5_Radios_-_Sound-Mod MCU-Update mit dem SoundMOD]&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> <br /> ===MCU Updates für Android 9.0/10.0 // MTCH - nur Version &quot;GS&quot;/ PX6 (PQS) und Qualcomm:===<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/MCU/MTCH_GS_V3.84.rar MCU Update für IQ-Serie (nur Version MTCH &quot;GS&quot;)] &lt;/big&gt;[*.rar / ~0,2MB] '''(v3.84) *neu*'''&lt;br /&gt;&lt;br /&gt;<br /> &lt;big&gt;[https://download.speedy-pics.de/uploads/android/MCU/MTCH_GS_V3.80.zip MCU Update für PQS-Serie (nur Version MTCH &quot;GS&quot;)] &lt;/big&gt;[*.rar / ~0,2MB] '''(v3.80) *neu*'''&lt;br /&gt;&lt;br /&gt;<br /> &lt;br /&gt;&lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> == Welche MCU und Firmware-Version habe ich installiert? ==<br /> === MCU/Firmware für Xtrons PB, PQ, IQ-Serie ===<br /> &lt;big&gt;&quot;Setup&quot; ( =&gt; CAR ) =&gt; &quot;Über das Tablet&quot;&lt;br /&gt;<br /> [[Datei:MCU1.png|border|x100px]] [[Datei:MCU2.png|border|x100px]] [[Datei:MCU Version.jpg|border|x100px]] &lt;br /&gt;<br /> '''[Hier ist Malaysk 6.0.1 20170901 und MCU v2.70_1 installiert]'''&lt;br /&gt;<br /> &lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> === MCU/Firmware für Xtrons IX, IA-Serie ===<br /> &lt;big&gt;&quot;Setup&quot; =&gt; &quot;Über das Telefon&quot;&lt;br /&gt;<br /> [[Datei:IX Android-Version.png|border|x100px]] &lt;br /&gt;<br /> '''[Hier ist die Version 2023-11-15 installiert]'''&lt;br /&gt;<br /> &lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> <br /> == Wie macht man innerhalb einer Androidversion ein Firmwareupdate==<br /> &lt;big&gt;Wie macht man das [[Firmwareupdate]]?&lt;/big&gt;<br /> &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br /> ----<br /> &lt;br /&gt;<br /> == Firmware Android 4.4-10, Xtrons und andere Hersteller ==<br /> &lt;big&gt;Hier eine '''[https://yadi.sk/d/umCvHqCDzHccr Sammlung diverser Firmwares und MCU's]''' für Xtrons und weitere Hersteller.&lt;br /&gt;&lt;/big&gt;&lt;br /&gt;<br /> &lt;big&gt;Hier eine noch '''[https://mega.nz/#F!zRRkVThb!DYBC0LRK-o34ZxDObQo73Q Sammlung diverser Firmwares und MCU's]''' für Xtrons und weitere Hersteller.&lt;br /&gt;&lt;/big&gt;&lt;br /&gt;&lt;br /&gt;<br /> &lt;big&gt;'''Wir übernehmen hierfür keinerlei Haftung!'''&lt;/big&gt;&lt;br /&gt;</div> Andre