Valuta i html

Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
Bliksted
Begynder
Indlæg:10
Tilmeldt:18. sep 2018, 09:13
Valuta i html

Indlæg af Bliksted » 18. sep 2018, 09:16

Da jeg ikke er en ørn til at programmere, vil jeg gerne høre om det kan lade sig gøre at lave en valuta system på en html side, så når man ændrer danske priser, ændere alle valutaer sig også.

Jeg har til nu ikke kunne t finde en der kan hjælpe mig, så sidste udvej er her i dette forum.

Hilsen og god dag
Erik

Brugeravatar
ronols
Entusiast
Entusiast
Indlæg:25
Tilmeldt:16. jun 2018, 08:26

Re: Valuta i html

Indlæg af ronols » 18. sep 2018, 19:21

ref https://www.google.dk/search?q=html+cha ... cy+on+page
https://stackoverflow.com/questions/464 ... th-jquery#


hvis du bruger wp eller overvejer at bruge det
https://wordpress.org/plugins/search/currency

Bliksted
Begynder
Indlæg:10
Tilmeldt:18. sep 2018, 09:13

Re: Valuta i html

Indlæg af Bliksted » 19. sep 2018, 09:24

Tak for linkene, jeg kikker på det.

Desværre har jeg ikke nogen erfaring i WP, så det vil jeg helst ikke til at sætte mig ind i,
selv om der er utrolig mange plugin der hjælper sådan nogen som mig gennem de forskellige svære overgange.

Jeg skal måske overveje at prøve, jeg har altid brugt Dreamwerver, det falder lige som naturlig,
selv om jeg ikke programmerer ret meget.

Hilsen Erik

cristian
Moderator
Moderator
Indlæg:882
Tilmeldt:26. sep 2011, 21:31
Kontakt:

Re: Valuta i html

Indlæg af cristian » 20. sep 2018, 13:14

Hej Bliksted
Kan du give nogle flere informationer omkring hvad det helt præcist er du vil?

Jeg formoder du har en hjemmeside i DKK, med mulighed for f.eks. Euro.
Når du går fra DKK til Euro, skal priser på varer så ændre til at reflektere dette?

Hvilket codebehind bruger du? Java, C#, Python, PHP andet?
Hvad er din erfaring?
Bruger du et VPS?

Bliksted
Begynder
Indlæg:10
Tilmeldt:18. sep 2018, 09:13

Re: Valuta i html

Indlæg af Bliksted » 20. sep 2018, 16:32

Hej Christian

Jeg bruger kun HTML, jeg kan ikke programmere, men jeg kan godt rette i koder.

Jeg sidder med en hjemmeside, der er i DK.
Vores kunder er både tyske, norske, svenske og selvfølgelig danske,
derfor ville Chefen gerne have at vore priser kunne ses i alle 4 valuta.

Jeg ville sætte et billede ind, men det kan man ikke her :?

Hilsen Erik

jepperask
Geni
Geni
Indlæg:378
Tilmeldt:4. nov 2012, 17:57

Re: Valuta i html

Indlæg af jepperask » 2. okt 2018, 19:43

Bliksted skrev:Hej Christian

Jeg bruger kun HTML, jeg kan ikke programmere, men jeg kan godt rette i koder.

Jeg sidder med en hjemmeside, der er i DK.
Vores kunder er både tyske, norske, svenske og selvfølgelig danske,
derfor ville Chefen gerne have at vore priser kunne ses i alle 4 valuta.

Jeg ville sætte et billede ind, men det kan man ikke her :?

Hilsen Erik
HTML kan ikke gøre det du ønsker, da det benyttes til at beskrive struktur og ikke funktionalitet. Jeg antager at jeres hjemmeside er ren HTML, altså, priser mm. hentes ikke fra en database.
I så fald tror jeg kun løsningen er at bruge JavaScript. Du kan i dit HTML-dokument indsætte et <script></script> tag, og i det holde styr på nuværende valuta og hvad der skal ske når der ønskes at priser skifter valuta. Har du et link til den nuværende side?

Hvis du kan besvare ovenstående skal vi nok hjælpe med en løsning.

Bliksted
Begynder
Indlæg:10
Tilmeldt:18. sep 2018, 09:13

Re: Valuta i html

Indlæg af Bliksted » 2. okt 2018, 22:02

Hej Jeppe Rask,

Tak for svaret, ja jeg har en link til vores hjemmmeside, det er https://halcopackaging.dk
Det er en meget enkelt hjemmeside for vore kunder at finde rundt på.

Nej vi bruger ikke database til at styre priser, da vi ikke er så store har vi ikke midler til at oprette en database med alle vore priser,
selv om det ville være let, når vi bruger C5, den supporteres bare ikke mere.

Vi arbejder lidt på et nyt regnskabsprogram, da C5 udløber sidst i 2019.

jepperask
Geni
Geni
Indlæg:378
Tilmeldt:4. nov 2012, 17:57

Re: Valuta i html

Indlæg af jepperask » 3. okt 2018, 08:26

Bliksted skrev:Hej Jeppe Rask,

Tak for svaret, ja jeg har en link til vores hjemmmeside, det er https://halcopackaging.dk
Det er en meget enkelt hjemmeside for vore kunder at finde rundt på.

Nej vi bruger ikke database til at styre priser, da vi ikke er så store har vi ikke midler til at oprette en database med alle vore priser,
selv om det ville være let, når vi bruger C5, den supporteres bare ikke mere.

Vi arbejder lidt på et nyt regnskabsprogram, da C5 udløber sidst i 2019.
Okay, jeg tror jeg forstår. Jeg vil helt klart anbefale at i opdaterer jeres web-system. Der kan i dag laves effektive integrationer mellem økonomisystemer og web-systemer. Det vil også gavne at have et system hvor i kan opdatere produkter i et GUI, så i slet ikke behøver røre HTML-filerne.
Den information kan du selvfølgelig ikke bruge til meget lige nu, så lad os kigge på hvordan i kan få valuta-omregning ind på de eksisterende sider.

Jeg antager at HTML-siderne manuelt bliver opdateret, når der ændres/tilføjes/fjernes produkter?

1. Som jeg ser det, har du brug for en stump kode som kan genbruges på alle HTML-siderne, da det ligner i har mange individuelle HTML-sider. Den skal ét centralt sted indeholde valuta-kurser, så de ikke skal ændres i alle filer når der sker ændringer - eller endnu bedre, kurserne hentes automatisk fra f.eks nationalbankens hjemmeside.

2. Omregningen skal være korrekt. Når man omregner valuta, kan der ske afrundinger mm. som betyder, at hvis det er kodet "dårligt", så kan man skifte valutaen rigtigt mange gange, og se prisen ændre sig fra det oprindelige. Derfor skal beregningen altid tage udgangspunkt i den oprindelige pris omregnet til nuværende valgte valuta.

Jeg kan godt prøve og kigge på en løsning engang, men jeg vil ikke love noget. I mellemtiden vil jeg klart anbefale dig at læse lidt op på JavaScript. Det må også have en forretningsmæssig værdi at investere tid i, da i nok får brug for det fremadrettet.

Bliksted
Begynder
Indlæg:10
Tilmeldt:18. sep 2018, 09:13

Re: Valuta i html

Indlæg af Bliksted » 3. okt 2018, 09:57

Hej Jeppe,

Tusind tak for svaret, jeg kan se det vil være en fordel for mig at få lært at kode lidt "java".
Da det nok også kan bruges i forhold til opdateringer af link mm.

Jeg har talt med min chef om det, det er ikke et must at få forskellige valuta på siderne, det var kun hvis det var let at gå til, det synes jeg jo ikke lige frem det er.
Jeg vil give mig til at kikke lidt på Java og se om jeg kan finde den røde tråd i det. Keder du dig på et tidspunkt, må du da gerne hjælpe mig med dette skript, men ikke noget jeg forventer, du har allerede givet mig en meget god indsigt i hvad jeg skal og bør gøre, det vil jeg kikke på.
Tusind tak.

Hilsen Erik

jepperask
Geni
Geni
Indlæg:378
Tilmeldt:4. nov 2012, 17:57

Re: Valuta i html

Indlæg af jepperask » 3. okt 2018, 10:54

Cool, jeg skal nok give besked.

Læg dog mærke til at "Java" og "JavaScript" er 2 vidt forskellige sprog. Det du skal bruge til det ønskede her, er "JavaScript". Der er en guide til at komme igang her: https://www.tutorialspoint.com/javascript/

Du kan også sagtens kaste dig ud i Java, det er dog et sprog der vil køre på webserveren, f.eks koblet til en database. Du skal i så fald lære Java og deres web-framework "JSP", men det er en endnu større opgave end at lære JavaScript (i min optik).

Bliksted
Begynder
Indlæg:10
Tilmeldt:18. sep 2018, 09:13

Re: Valuta i html

Indlæg af Bliksted » 3. okt 2018, 11:44

Hej Jeppe,

Tal for oplysningerne, jeg vil prøve om jeg kan finde ud af det.

Tak for hjælpen ind til videre.

Hilsen Erik

cristian
Moderator
Moderator
Indlæg:882
Tilmeldt:26. sep 2011, 21:31
Kontakt:

Re: Valuta i html

Indlæg af cristian » 3. okt 2018, 20:05

Hej Christian

Jeg bruger kun HTML, jeg kan ikke programmere, men jeg kan godt rette i koder.

Jeg sidder med en hjemmeside, der er i DK.
Vores kunder er både tyske, norske, svenske og selvfølgelig danske,
derfor ville Chefen gerne have at vore priser kunne ses i alle 4 valuta.

Jeg ville sætte et billede ind, men det kan man ikke her :?

Hilsen Erik
Som Jeppe skriver så kan du ikke lave dette valuta system i HTML. HTML kan du kun bruge til at synliggøre en fane hvor i du kan vælge
DDK, EUR, GBP og så videre, men hvis du trykker på dem kun med HTML så sker der ingenting.

HTML = Visuel only.

For funktionalitet direkte i browseren skal du bruge JavaScript, men dette er altså ikke ligeeeeeee til. Det er svært at debug JS og du skal have et sted at hente kurser
og så konvertere det til valutaer du vil ændre. Du kan som eksempel scrape valutakurser.dk men det er måske også lovlig groft i længden.

Du skriver at i har kunder forskellige steder i norden så har i ikke allerede et backend system? Det er f.eks PHP, Java, Python, C# eller noget andet?

Hvis du kun har erfaring i HTML så tror jeg nok du må se i øjnene at denne opgave er for stor til dig, hver mindre du sætter dig ind i en del ting.
Valuta er også en tricky ting, fordi tal (digits) ikke nødvendigvis regnes ud på samme på fra maskine til maskine.

Eksempel, en Intel CPU kan komme frem til et tal som hedder 313.2 og en AMD CPU der laver det samme regnestykke kan komme frem til 309.5 og så videre.

Dette lyder måske ikke af meget men lad os sige du sælger 1.000 varer med en difference på 1.5kr pr vare fra den rigtige pris, så løber det hurtigt op.
Igen alt dette kommer an på hvordan jeres webshop er sat op, om det f.eks er et subsystem der holder styr på sådan noget, der er en del at holde styr på med kurser og tal.

Det bedste vil nok være at have et codebehind sprog som Java, PHP, C# / andet og så en side du kan opdatere sektioner af.
Dertil kan du så have en database som indeholder de nyeste valuta kurser taget fra f.eks (vil jeg tro) danmarks centralbank og så opdate disse 2 gange i døgnet eller noget. Men dette er en stor opgave hvis man starter fra "bar bund".

Bliksted
Begynder
Indlæg:10
Tilmeldt:18. sep 2018, 09:13

Re: Valuta i html

Indlæg af Bliksted » 3. okt 2018, 20:25

Hej Christian,

Tak for svaret, jeg er helt på bunden, så jeg skal starte helt derfra.

Jeg vil prøve om jeg kan lære lidt Java Skript, det er Jeppe der har fortalt lidt om det, så det er vist den bedste løsning, da jeg ikke er programmør.

Tak for mulighederne, det kunne jo være det pludselig gav mig det røde tråd gennem systemet´, jeg suger alt til mig hvad i skriver, i håb om at jeg lander et sted hvor det virker for mig.

Mvh. Erik

cristian
Moderator
Moderator
Indlæg:882
Tilmeldt:26. sep 2011, 21:31
Kontakt:

Re: Valuta i html

Indlæg af cristian » 4. okt 2018, 15:02

Hej Christian,

Tak for svaret, jeg er helt på bunden, så jeg skal starte helt derfra.

Jeg vil prøve om jeg kan lære lidt Java Skript, det er Jeppe der har fortalt lidt om det, så det er vist den bedste løsning, da jeg ikke er programmør.

Tak for mulighederne, det kunne jo være det pludselig gav mig det røde tråd gennem systemet´, jeg suger alt til mig hvad i skriver, i håb om at jeg lander et sted hvor det virker for mig.

Mvh. Erik
Super, hvis du mangler nogle tips og tricks / andet så laver du bare en ny tråd og så kan vi hjælpe der.
Hvis du en dag også kaster dig over Java og JSP så hjælper jeg gerne med spørgsmål der, for der er en omgang at komme i gang med.

Bliksted
Begynder
Indlæg:10
Tilmeldt:18. sep 2018, 09:13

Re: Valuta i html

Indlæg af Bliksted » 4. okt 2018, 15:57

Hej Christian,

Tak for mailen, det er super skøn at du vil bistå med info når jeg drager i kamp med programmeringen :)

Tak for alle hint jeg har fået, det er fantastisk med sådan et sted man kan søge hjælp.

Mvh. Erik

jepperask
Geni
Geni
Indlæg:378
Tilmeldt:4. nov 2012, 17:57

Re: Valuta i html

Indlæg af jepperask » 7. okt 2018, 00:33

Hej igen, selvom jeg stadig klart vil anbefale at i opdaterer jeres system, så har jeg lavet en løsning som konverterer priserne på siden.
Udfordringen er at i har rigtig mange individuelle sider, med hardcodede værdier. Derfor har jeg lavet en fælles klasse som de forskellige sider kan bruge, så logikken er adskilt og kun skal opdateres ét sted for at tage effekt på alle jeres sider. Der er stadig en udfordring med at få fat på de nyeste valutakurser, som jeg vil kigge videre på hvis jeg får tid.

Indlægget bliver måske lidt langt, men her er en opskrift på hvordan du kan opdatere én side til at have en dropdown med mulige pris-oversættelser:
Jeg har brugt jeres side, https://halcopackaging.dk/Blisterpack.html, som eksempel:

Jeg har valgt at vise mulige valutaer med en drop-down.
Et sted i filen skal den drop-down være, og du skal derfor definere hvor med et element, f.eks det element jeg her har givet id="valuta":

Kode: Vælg alt

<tr>
	<td height="26" colspan="5" align="left" bgcolor="#AFE1F7" style="color: #FF0004; font-size: 14px;"><strong>Blisterpack maskiner</strong></td>
	<td id="valuta"></td>
</tr>
Det er vigtigt at dette element er det eneste der hedder "valuta" - vælg eventuelt et mere unikt navn ellers.

I bunden af HTML-filen, lige før det afsluttende </body>, indsæt f.eks dette:

Kode: Vælg alt

    <script src="valutaconverter.js"></script>
    <script type="text/javascript">
        var prices = {
            'HA-110' : 199995,
            'HA-140' : 249995,
            'HA-250' : 299995,
            'HA-118P5' : 299995 
        };

        new CurrencyConverter("#valuta", prices, ['EUR', 'USD', 'SEK']);
    </script>
valutaconverter.js er filen med logikken, og den har jeg indsat længere nede i indlægget.
Før stod priserne hardcoded rundt omkring i HTML-dokumentet, men nu skal de flyttes ned i javascriptet. Så er priserne samlet ét sted og i kan engang i fremtiden erstatte dem med et kald til databasen eller generere dem på serveren.

Til sidst oprettes en instans af klassen "CurrencyConverter", som kræver mindst 3 argumenter.
  • Selectoren til der hvor der skal indsættes en dropdown.
  • Priserne. De er en dictionary der mapper et ID til en pris (se eksemplet).
  • De aktive valutaer. I eksemplet har jeg valgt EUR, USD og SEK. Dropdown bliver automatisk sat til de relevante værdier og en tekst repræsentation.
ID'erne for hver pris skal være unik. ID'erne skal desuden være sat på det HTML-element hvor prisen skal stå, f.eks:

Kode: Vælg alt

	<strong id="HA-110"></strong>
valutaconverter.js

Kode: Vælg alt

 // https://davidwalsh.name/convert-xml-json
// Changes XML to JSON
function xmlToJson(xml) {
    
    // Create the return object
    var obj = {};

    if (xml.nodeType == 1) { // element
        // do attributes
        if (xml.attributes.length > 0) {
        obj["@attributes"] = {};
            for (var j = 0; j < xml.attributes.length; j++) {
                var attribute = xml.attributes.item(j);
                obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
            }
        }
    } else if (xml.nodeType == 3) { // text
        obj = xml.nodeValue;
    }

    // do children
    if (xml.hasChildNodes()) {
        for(var i = 0; i < xml.childNodes.length; i++) {
            var item = xml.childNodes.item(i);
            var nodeName = item.nodeName;
            if (typeof(obj[nodeName]) == "undefined") {
                obj[nodeName] = xmlToJson(item);
            } else {
                if (typeof(obj[nodeName].push) == "undefined") {
                    var old = obj[nodeName];
                    obj[nodeName] = [];
                    obj[nodeName].push(old);
                }
                obj[nodeName].push(xmlToJson(item));
            }
        }
    }
    return obj;
};

class CurrencyConverter {
    constructor(selector, prices, active_currencies = ['EUR', 'USD', 'SEK']) {
        var self = this;
        this.prices = prices;
        this.active_currencies = active_currencies;
        var xml = '<?xml version="1.0" encoding="ISO-8859-1"?><exchangerates type="Valutakurser" author="Danmarks Nationalbank" refcur="DKK" refamt="1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><dailyrates id="2018-10-05"><currency code="AUD" desc="Australske dollar" rate="458,44"/><currency code="BGN" desc="Bulgarske lev" rate="381,37"/><currency code="BRL" desc="Brasilianske real" rate="168,69"/><currency code="CAD" desc="Canadiske dollar" rate="501,88"/><currency code="CHF" desc="Schweiziske franc" rate="652,40"/><currency code="CNY" desc="Kinesiske Yuan renminbi" rate="94,38"/><currency code="CZK" desc="Tjekkiske koruna" rate="28,98"/><currency code="EUR" desc="Euro" rate="745,89"/><currency code="GBP" desc="Britiske pund" rate="846,02"/><currency code="HKD" desc="Hongkong dollar" rate="82,75"/><currency code="HRK" desc="Kroatiske kuna" rate="100,49"/><currency code="HUF" desc="Ungarske forint" rate="2,298"/><currency code="IDR" desc="Indonesiske rupiah" rate="0,0427"/><currency code="ILS" desc="Israelske shekel" rate="178,52"/><currency code="INR" desc="Indiske rupee" rate="8,79"/><currency code="ISK" desc="Islandske kroner *" rate="5,689"/><currency code="JPY" desc="Japanske yen" rate="5,6925"/><currency code="KRW" desc="Sydkoreanske won" rate="0,5745"/><currency code="MXN" desc="Mexicanske peso" rate="34,09"/><currency code="MYR" desc="Malaysiske ringgit" rate="156,21"/><currency code="NOK" desc="Norske kroner" rate="78,40"/><currency code="NZD" desc="New Zealandske dollar" rate="419,42"/><currency code="PHP" desc="Filippinske peso" rate="11,94"/><currency code="PLN" desc="Polske zloty" rate="173,28"/><currency code="RON" desc="Rumænske lei" rate="159,69"/><currency code="RUB" desc="Russiske rubel" rate="9,73"/><currency code="SEK" desc="Svenske kroner" rate="71,42"/><currency code="SGD" desc="Singapore dollar" rate="469,41"/><currency code="THB" desc="Thailandske baht" rate="19,76"/><currency code="TRY" desc="Tyrkiske lira" rate="105,11"/><currency code="USD" desc="Amerikanske dollar" rate="648,26"/><currency code="XDR" desc="SDR (Beregnet **)" rate="902,15"/><currency code="ZAR" desc="Sydafrikanske rand" rate="43,94"/></dailyrates></exchangerates>';
        this.currencies = this.parse_currencies(xml);
        this.create_dropdown(selector);
        this.current_currency = 'DKK';
        this.update_currencies();
    }

    // Returns the price of the item with {id} in the given {currency_code}
    convert_price(currency_code, id) {
        if (currency_code == 'DKK') {
            return prices[id].toLocaleString('da-DK');
        }
        var currency = this.currencies[currency_code];
        var res = (prices[id] * 100 / currency["rate"]).toLocaleString('da-DK'); //{ style: 'currency', currency: currency_code }
        return res;
    }


    update_currencies(t) {
        var keys = Object.keys(this.prices);
        for (var i = 0; i < keys.length; i++) {
            var element = document.getElementById(keys[i]);
            
            if (element) {
                var newVal = this.current_currency + ". " + this.convert_price(this.current_currency, keys[i]);
                element.innerHTML = newVal;
            }
        }
    }

    create_dropdown(selector) {
        var selectList = document.createElement("select");
        selectList.id = "currency_dropdown";
        var dropdown_parent = document.querySelector(selector);
        dropdown_parent.appendChild(selectList);

        
        var option = document.createElement("option");
        option.value = 'DKK';
        option.text = 'Danske kroner';
        selectList.appendChild(option);

        for (var i = 0; i < this.active_currencies.length; i++) {
            var option = document.createElement("option");
            var currency_code = this.active_currencies[i];
            option.value = currency_code;
            option.text = this.currencies[currency_code]["description"];
            selectList.appendChild(option);
        }

        // register onchange event
        var self = this;
        selectList.onchange = function(event) {
            self.current_currency = event.target.value;
            self.update_currencies();
        }
    }

    parse_currencies(xml) {
        var parser = new DOMParser();
        var xmlObj = parser.parseFromString(xml, "text/xml");
        var xmlJson = xmlToJson(xmlObj);
        var currencies = xmlJson["exchangerates"]["dailyrates"]["currency"];
        var result = {};
        for (var i = 0; i < currencies.length; i++) {
            var current_item = currencies[i]["@attributes"];
            result[current_item["code"]] = {
                description : current_item["desc"],
                rate : parseFloat(current_item["rate"])
            };
        }
        return result;
    }
}
Som du kan se har jeg indtil videre bare hardcoded valutaerne, hentet fra: https://nationalbanken.dk/_vti_bin/DN/D ... ML?lang=da. Dette bør gøres automatisk, men jeg tror desværre det skal gøres fra serveren.

Hvis du vil se et fuldt eksempel, uden at skulle røre ved noget af det, så kopier følgende kode ind i en .html-fil og åbn den med din browser:

Kode: Vælg alt

<!DOCTYPE html>
<!-- saved from url=(0042)https://halcopackaging.dk/Blisterpack.html -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>Blisterpack fra Halco Packaging</title>
    <link href="style.css" rel="stylesheet">
</head>

<body text="#000000">
    <table width="1024" align="center" cellspacing="0">
        <tbody>
            <tr>
                <td width="822" height="18" align="left" valign="middle" style="color: #FFFFFF" scope="row"><img src="#"
                        width="1024" height="104" alt=""></td>
            </tr>
        </tbody>
    </table>
    <table width="1024" align="center" cellspacing="0">
        <tbody>
            <tr>
                <td>
                    <table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td width="170" height="31" align="center" valign="middle" bgcolor="#AFE1F7" style="color: #FF0004"><strong>Maskiner
                                        og tilbehør</strong></td>
                                <td rowspan="83" align="left" valign="top">
                                    <table width="850" border="0" cellpadding="3" cellspacing="0">
                                        <tbody>
                                            <tr>
                                                <td height="26" colspan="5" align="left" bgcolor="#AFE1F7" style="color: #FF0004; font-size: 14px;"><strong>Blisterpack
                                                        maskiner</strong></td>
                                                <td id="valuta"></td>
                                            </tr>
                                            <tr>
                                                <td width="170"></td>
                                                <td width="170"></td>
                                                <td width="170" height="100"></td>
                                                <td width="170"></td>
                                                <td width="170" height="100">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170">HA-110</td>
                                                <td width="170">HA-140</td>
                                                <td width="170" height="18">HA-250</td>
                                                <td width="170">HA-118P5</td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" bgcolor="#D2cccc"><strong id="HA-110"></strong></td>
                                                <td width="170" bgcolor="#D2cccc"><strong id="HA-140"></strong></td>
                                                <td width="170" height="18" bgcolor="#D2cccc"><strong id="HA-250"></strong></td>
                                                <td width="170" bgcolor="#D2cccc"><strong id="HA-118P5"></strong></td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" bgcolor="#AFE1F7"><a href="https://halcopackaging.dk/Webbilleder/Blisterpack/DPP%20110.pdf"
                                                        target="new">PDF Brochure</a></td>
                                                <td width="170" bgcolor="#AFE1F7"><a href="https://halcopackaging.dk/Webbilleder/Blisterpack/DPP-140.pdf"
                                                        target="new">PDF Brochure</a></td>
                                                <td width="170" height="18" bgcolor="#AFE1F7"><a href="https://halcopackaging.dk/Webbilleder/Blisterpack/DPP%20250.pdf"
                                                        target="new">PDF Brochure</a></td>
                                                <td width="170" bgcolor="#AFE1F7"><a href="https://halcopackaging.dk/Webbilleder/Blisterpack/DGS-118P5.pdf"
                                                        target="new">PDF Brochure</a></td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" height="100">&nbsp;</td>
                                                <td width="170" height="100">&nbsp;</td>
                                                <td width="170" height="100">&nbsp;</td>
                                                <td width="170">&nbsp;</td>
                                                <td width="170" height="100">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" height="100">&nbsp;</td>
                                                <td width="170" height="100">&nbsp;</td>
                                                <td width="170" height="100">&nbsp;</td>
                                                <td width="170" height="100">&nbsp;</td>
                                                <td width="170">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                                <td width="170" height="18">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td height="18" colspan="5" align="center">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #FB0000"><a
                                        href="https://halcopackaging.dk/index.html">1. Forside</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7"><a href="https://halcopackaging.dk/Posesvejsere.html">2.
                                        <span style="color: #000000">Posesvejsere</span></a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#d5edf7">3. <a href="https://halcopackaging.dk/industrisvejsere.html">Industrisvejsere</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#d5edf7">4. <a href="https://halcopackaging.dk/Baandsvejsere.html">Båndsvejsere</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#d5edf7"><a href="https://halcopackaging.dk/Vertikale-posemaskiner.html">5.
                                    </a><span style="color: #FF0004"><a href="https://halcopackaging.dk/Posemaskiner.html">Posemaskiner</a></span></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7">6. <a href="https://halcopackaging.dk/Vertikale-posemaskiner.html">Vertikale
                                        posemaskiner</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#d5edf7">7. <a href="https://halcopackaging.dk/Sachet.html">Sachet
                                        / Stick-pack</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#d5edf7">8. <span style="color: #FF0004">Blisterpack</span></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7"><a href="https://halcopackaging.dk/Palleviklere.html">9.
                                        Palleomviklere</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7"><a href="https://halcopackaging.dk/Krympemaskiner.html">10.
                                        <span style="color: #000000">Krympemaskiner</span></a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000">11.<span
                                        style="color: #FF0004"><a href="https://halcopackaging.dk/Special-Banderolemaskiner.html">
                                            Special krympemaskiner</a></span></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000">12.
                                    <a href="https://halcopackaging.dk/Kuvertpakker.html">Kuvertpakker</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Omsnoeringsmaskiner.html">13.
                                        Omsnøringsmaskiner</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Flowpackmaskiner.html">14. Flowpackmaskiner</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Multivejere.html">15. <span style="color: #000000">Multivejere</span></a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Dosering.html">16. Dosering</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Luftpudemaskine.html">17. Luftpudemaskiner</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Maskintilbehoer.html">18. Maskintilbehør</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Kasserejsere.html">19. Kartonrejser</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Kartonlukkere.html">20. Kartonlukker</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Vakuumsvejsere.html">21. Vakuumsvejser</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Skinpack.html">22. Skinpack</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Madfilmsmaskiner.html">23. Madfilmsmaskiner</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Tapedispensere.html">24. Tapedispenser</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#d5edf7" style="color: #000000"><a
                                        href="https://halcopackaging.dk/Eurohul%20maskine.html">25. Eurohul maskiner</a></td>
                            </tr>
                            <tr>
                                <td height="25" bgcolor="#d5edf7" style="color: #000000"><a href="https://halcopackaging.dk/Reservedele.html">
                                        26. Reservedele</a></td>
                            </tr>
                            <tr>
                                <td height="25" bgcolor="#d5edf7" style="color: #000000"><a href="https://halcopackaging.dk/Service.html">
                                        27. Service</a></td>
                            </tr>
                            <tr>
                                <td height="25" bgcolor="#d5edf7" style="color: #000000"><a href="https://www.youtube.com/channel/UCNd9CjdRimXH6ZoPVF1-XgA/videos"
                                        target="new"> 28. Videosite</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" bgcolor="#d5edf7" style="color: #000000"><a href="https://halcopackaging.dk/Brugte%20maskiner.html">29.
                                        Brugte maskiner</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="center" valign="middle" bgcolor="#4a9a2b" style="color: #000000"><strong><span
                                            style="color: #B8FF00">Bioprodukter</span></strong></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#4A9A2B">30. <span style="color: #B8FF00"><a
                                            href="https://halcopackaging.dk/Folieogposer/Bio_Produkter.html">Doypack
                                            poser</a></span></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#4A9A2B">31. <span style="color: #B8FF00"><a
                                            href="https://halcopackaging.dk/Folieogposer/Bio_Produkter_Gusset.html">Gusset
                                            poser</a></span></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#4A9A2B">32. <span style="color: #b8FF00"><a
                                            href="https://halcopackaging.dk/Folieogposer/Bio_Produkter_Folie.html">Krympefolie</a></span></td>
                            </tr>
                            <tr>
                                <td height="25" align="center" valign="middle" bgcolor="#AFE1F7"><strong>Folie og Poser</strong></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#D5EDF7"><span style="color: #000000">33.
                                        <a href="https://halcopackaging.dk/Folieogposer/Bollore-folie.html"><span style="color: #000000">Krympefolie</span></a></span></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#D5EDF7"><span style="color: #000000">34.
                                    </span><a href="https://halcopackaging.dk/Folieogposer/Straekfilm.html">Strækfilm</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#D5EDF7">35. <a href="https://halcopackaging.dk/Folieogposer/Laminatfolie.html">Laminatfolie</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#D5EDF7">36. <a href="https://halcopackaging.dk/Folieogposer/Sterilt-folie.html">Sterilt
                                        folie</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#D5EDF7">37. <a href="https://halcopackaging.dk/Folieogposer/Luftpudefolie.html">Luftpude
                                        folie</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#D5EDF7">38. <a href="https://halcopackaging.dk/Folieogposer/Top_Ark.html">Topark</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#D5EDF7"><span style="color: #000000">39.<span
                                            style="color: #000000"> <a href="https://halcopackaging.dk/Folieogposer/PE-Poser.html">PE
                                                Poser</a></span></span></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#D5EDF7">40. <a href="https://halcopackaging.dk/Folieogposer/Doypack.html">Doypack
                                        poser</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#D5EDF7">41. <a href="https://halcopackaging.dk/Folieogposer/Gusset-bags.html">Gusset
                                        poser</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#D5EDF7">42. <a href="https://halcopackaging.dk/Folieogposer/Stabilo-bags.html">Stabilo
                                        poser</a></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#D5EDF7">43. <a href="https://halcopackaging.dk/Folieogposer/Sachet-bags.html">Sachet
                                        poser</a></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#D5EDF7">44. <span
                                        style="color: #FF0003"><a href="https://halcopackaging.dk/Folieogposer/Vakuum-poser.html">Vakuum
                                            poser</a></span></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#D5EDF7"><span style="color: #000000">45.<a
                                            href="https://halcopackaging.dk/Folieogposer/Strapp-baand.html">
                                            Omsnøringsbånd</a></span></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#D5EDF7">46.<span
                                        style="color: #000000"><a href="mailto:salg@halco.dk"> Bestilling</a></span></td>
                            </tr>
                            <tr>
                                <td width="170" height="25" align="left" valign="middle" bgcolor="#D5EDF7">47. <span
                                        style="color: #000000"><a href="https://halcopackaging.dk/Kontakt.html">Kontakt</a></span></td>
                            </tr>
                            <tr>
                                <td height="25" align="left" valign="middle" bgcolor="#D5EDF7">&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>
                <td width="1024" height="36" align="center" valign="middle"><strong>Ved brugen af vores hjemmeside,
                        accepterer du automatisk vores datapolitik.&nbsp;<a href="https://halcopackaging.dk/Handels-og-levering/Persondatapolitik_v_01.pdf"
                            target="new">Læs mere her</a></strong></td>
            </tr>
        </tbody>
    </table>
    <hr>
    <table width="1024" align="center" cellspacing="0">
        <tbody>
            <tr>
                <td>
                    <table width="1024" align="center">
                        <tbody>
                            <tr>
                                <td width="204" height="100" align="left" valign="top">Adresse:<br>
                                    Halco Packaging ApS<br>
                                    Viborgvej 97A<br>
                                    DK-7400 Herning<br>
                                    CVR.nr. 34883254</td>
                                <td width="204" height="100" align="left" valign="top">Lager:<br>
                                    Halco Packaging ApS<br>
                                    co/ Alpi Logistik<br>
                                    Fastrupdalen 2 - 6,<br>
                                    DK-7400 Herning</td>
                                <td width="204" height="100" align="left" valign="top">Kontakt:<br>
                                    salg@halco.dk<br>
                                    +45 7510 2744<br>
                                    +45 9785 5000 </td>
                                <td width="204" height="100" align="left" valign="top"><a href="https://halcopackaging.dk/Handels-og-levering/Salgs%20og%20leveringsbetingelser%20-%20VER.%201%20-%20Okt.%202017.pdf"
                                        target="new">Handelsbetingelser: .........Se her</a><br>
                                    <br>
                                    <a href="https://halcopackaging.dk/Handels-og-levering/General%20terms%20and%20conditions%20of%20sale%20and%20delivery%20-%20VER.%201%20-%20Okt.%202017.pdf"
                                        target="new">General terms and conditions <br>
                                        of sale and delivery: .........Se her</a></td>
                                <td width="204" height="100" align="left" valign="top">Åbningstider:<br>
                                    mandag - torsdag kl. 08:00 - 16:00<br>
                                    Fredag ................ kl. 08:00 - 14:00<br>
                                    Lørdag - Søndag ..... Lukket </td>
                            </tr>
                            <tr>
                                <td height="18" colspan="5" align="center" valign="top">Der tages forbehold for
                                    prisstigninger, udsolgte varer og tastefejl. <strong><span style="color: #FF0004">|</span></strong>
                                    Alle maskinpriser er for standard maskiner ekskl. udstyr og tilbehør.</td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
    <script>
     // https://davidwalsh.name/convert-xml-json
// Changes XML to JSON
function xmlToJson(xml) {
    
    // Create the return object
    var obj = {};

    if (xml.nodeType == 1) { // element
        // do attributes
        if (xml.attributes.length > 0) {
        obj["@attributes"] = {};
            for (var j = 0; j < xml.attributes.length; j++) {
                var attribute = xml.attributes.item(j);
                obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
            }
        }
    } else if (xml.nodeType == 3) { // text
        obj = xml.nodeValue;
    }

    // do children
    if (xml.hasChildNodes()) {
        for(var i = 0; i < xml.childNodes.length; i++) {
            var item = xml.childNodes.item(i);
            var nodeName = item.nodeName;
            if (typeof(obj[nodeName]) == "undefined") {
                obj[nodeName] = xmlToJson(item);
            } else {
                if (typeof(obj[nodeName].push) == "undefined") {
                    var old = obj[nodeName];
                    obj[nodeName] = [];
                    obj[nodeName].push(old);
                }
                obj[nodeName].push(xmlToJson(item));
            }
        }
    }
    return obj;
};

class CurrencyConverter {
    constructor(selector, prices, active_currencies = ['EUR', 'USD', 'SEK']) {
        var self = this;
        this.prices = prices;
        this.active_currencies = active_currencies;
        var xml = '<?xml version="1.0" encoding="ISO-8859-1"?><exchangerates type="Valutakurser" author="Danmarks Nationalbank" refcur="DKK" refamt="1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><dailyrates id="2018-10-05"><currency code="AUD" desc="Australske dollar" rate="458,44"/><currency code="BGN" desc="Bulgarske lev" rate="381,37"/><currency code="BRL" desc="Brasilianske real" rate="168,69"/><currency code="CAD" desc="Canadiske dollar" rate="501,88"/><currency code="CHF" desc="Schweiziske franc" rate="652,40"/><currency code="CNY" desc="Kinesiske Yuan renminbi" rate="94,38"/><currency code="CZK" desc="Tjekkiske koruna" rate="28,98"/><currency code="EUR" desc="Euro" rate="745,89"/><currency code="GBP" desc="Britiske pund" rate="846,02"/><currency code="HKD" desc="Hongkong dollar" rate="82,75"/><currency code="HRK" desc="Kroatiske kuna" rate="100,49"/><currency code="HUF" desc="Ungarske forint" rate="2,298"/><currency code="IDR" desc="Indonesiske rupiah" rate="0,0427"/><currency code="ILS" desc="Israelske shekel" rate="178,52"/><currency code="INR" desc="Indiske rupee" rate="8,79"/><currency code="ISK" desc="Islandske kroner *" rate="5,689"/><currency code="JPY" desc="Japanske yen" rate="5,6925"/><currency code="KRW" desc="Sydkoreanske won" rate="0,5745"/><currency code="MXN" desc="Mexicanske peso" rate="34,09"/><currency code="MYR" desc="Malaysiske ringgit" rate="156,21"/><currency code="NOK" desc="Norske kroner" rate="78,40"/><currency code="NZD" desc="New Zealandske dollar" rate="419,42"/><currency code="PHP" desc="Filippinske peso" rate="11,94"/><currency code="PLN" desc="Polske zloty" rate="173,28"/><currency code="RON" desc="Rumænske lei" rate="159,69"/><currency code="RUB" desc="Russiske rubel" rate="9,73"/><currency code="SEK" desc="Svenske kroner" rate="71,42"/><currency code="SGD" desc="Singapore dollar" rate="469,41"/><currency code="THB" desc="Thailandske baht" rate="19,76"/><currency code="TRY" desc="Tyrkiske lira" rate="105,11"/><currency code="USD" desc="Amerikanske dollar" rate="648,26"/><currency code="XDR" desc="SDR (Beregnet **)" rate="902,15"/><currency code="ZAR" desc="Sydafrikanske rand" rate="43,94"/></dailyrates></exchangerates>';
        this.currencies = this.parse_currencies(xml);
        this.create_dropdown(selector);
        this.current_currency = 'DKK';
        this.update_currencies();
    }

    // Returns the price of the item with {id} in the given {currency_code}
    convert_price(currency_code, id) {
        if (currency_code == 'DKK') {
            return prices[id].toLocaleString('da-DK');
        }
        var currency = this.currencies[currency_code];
        var res = (prices[id] * 100 / currency["rate"]).toLocaleString('da-DK'); //{ style: 'currency', currency: currency_code }
        return res;
    }


    update_currencies(t) {
        var keys = Object.keys(this.prices);
        for (var i = 0; i < keys.length; i++) {
            var element = document.getElementById(keys[i]);
            
            if (element) {
                var newVal = this.current_currency + ". " + this.convert_price(this.current_currency, keys[i]);
                element.innerHTML = newVal;
            }
        }
    }

    create_dropdown(selector) {
        var selectList = document.createElement("select");
        selectList.id = "currency_dropdown";
        var dropdown_parent = document.querySelector(selector);
        dropdown_parent.appendChild(selectList);

        
        var option = document.createElement("option");
        option.value = 'DKK';
        option.text = 'Danske kroner';
        selectList.appendChild(option);

        for (var i = 0; i < this.active_currencies.length; i++) {
            var option = document.createElement("option");
            var currency_code = this.active_currencies[i];
            option.value = currency_code;
            option.text = this.currencies[currency_code]["description"];
            selectList.appendChild(option);
        }

        // register onchange event
        var self = this;
        selectList.onchange = function(event) {
            self.current_currency = event.target.value;
            self.update_currencies();
        }
    }

    parse_currencies(xml) {
        var parser = new DOMParser();
        var xmlObj = parser.parseFromString(xml, "text/xml");
        var xmlJson = xmlToJson(xmlObj);
        var currencies = xmlJson["exchangerates"]["dailyrates"]["currency"];
        var result = {};
        for (var i = 0; i < currencies.length; i++) {
            var current_item = currencies[i]["@attributes"];
            result[current_item["code"]] = {
                description : current_item["desc"],
                rate : parseFloat(current_item["rate"])
            };
        }
        return result;
    }
}
    </script>
    <script type="text/javascript">
        var prices = {
            'HA-110' : 199995,
            'HA-140' : 249995,
            'HA-250' : 299995,
            'HA-118P5' : 299995 
        };

        new CurrencyConverter("#valuta", prices, ['EUR', 'USD', 'SEK']);
    </script>
</body>

</html>
PS. Jeg tager ikke ansvaret for fejl i forbindelse med pris-udregningerne, så gå dem grundigt efter hvis i lægger det ud.
Det er ikke super elegant eller gennemtestet, men håber det kan bruges. :-)

Bliksted
Begynder
Indlæg:10
Tilmeldt:18. sep 2018, 09:13

Re: Valuta i html

Indlæg af Bliksted » 7. okt 2018, 13:13

Hej Jeppe,

Tusind tak, det vil jeg lege med, jeg er slet ikke kommet igang endnu, men jeg er lige på trapperne, så jeg håber virkelig jeg kan bruge hvad du har lavet, fejlene skal jeg nok finde hvis der skulle være nogen.

Det er lige før man bliver sentimental af alt det hjælp i giver mig, jeg er jo en ældre mand der ikke vil indse sin alder (64 år)

Det er en fantastisk Jeppe - Tusind tak til jer alle og fortsat god søndag :)

Hilsen Erik

Besvar