[FRAGE] CSV Datei als Referenz von Datenwerten einer Preisberechnung

[lukme]

Hallo liebes Forum, mit viel Hilfe habe ich einen Preiskonfigurator in HTML+Javascript/Jquery hinbekommen. Man wählt also ein Produkt aus und kann dieses noch nach seinen Wünschen konfigurieren. Hinter jeder Option, die mit einem Radiobutton/einer Checkbox angewählt wird ist ein "data-price=xx" hinterlegt. Nun möchte ich auf eine CSV Datei verweisen, wo der Data-price=xx von der dort hinterlegten Option ausgelesen wird. Zum besseren Verständniss der Quellcode und die CSV.
Wie kann ich dies realisieren? Bin noch ein ziemlich blutiger Anfänger was AJAX o.Ä. angeht..

<div id="Konfigurator">
<br>
<h3>Konfiguration</h3><br>
   <h4>Wellenauslegung</h4> 


    <div class="ruck">
<input type="Radio" name="welle" id="alu110" data-price="1200" checked="checked" /><label>Wickelwelle: Alu, Ø 110mm<span></span></label></li>
<br>
<input type="Radio" name="welle" id="alu154" data-price="1610" /><label>

    Wickelwelle: Alu, Ø 154mm

    <span class="preis">+410,00 €</span>

</label>
<br>

<input type="Radio" name="welle" id="edel154" data-price="2400"><label>

    Wickelwelle: Edelstahl, Ø 154mm

    <span class="preis">+1.200,00 €</span>

</label>
</div>
<hr>
    <h4>Antrieb</h4>
 <div class="ruck">
<input type="Radio" name="Antrieb" id="Hand" data-price="0" onclick="Ronda();" checked="checked" onchange="calcTotal();" /><label>Handkurbel<span></span></label>
<br>
<input type="Radio" name="Antrieb"id="Motor" data-price="1610" onclick="Ronda();" onchange="calcTotal();" /> <label>

    Elektrisch

    <span class="preis">

         +1.610,00 €

    </span>
    </label>
<br>
<input type="Radio" name="Antrieb" id="Rohr" data-price="2020" onclick="Ronda();" onchange="calcTotal();"/> <label>

    Elektrisch (Rohrmotor Rollfix)

    <span class="preis">

         +2.020,00 €

    </span>

</label>
     </div>
<hr>
    <h4>Konsolen</h4>
 <div class="ruck">
<input type="Radio" name="Konsolen" id="Stat" data-price="0" checked="checked" onclick="Ronda();" onchange="calcTotal();"/><label>Stationär<span></span></label>
<br>
<input type="Radio" name="Konsolen" id="WL" data-price="-100" onclick="Ronda();" onchange="calcTotal();"/><label  for="WL">

    Mit einseitigem Wandlager

    <span class="preis">

         -100,00 €

    </span>

</label>
<br>
<input type="Radio" name="Konsolen" data-price="640" id="Nut" onclick="Ronda();" onchange="calcTotal();" /> <label>

    Fahrbar auf Schienen

    <span class="preis">

         +640,00 €

    </span>

</label>
<br>
<input type="Radio" name="Konsolen" id="Schwenk" data-price="940" onclick="Ronda();" onchange="calcTotal();"/><label>

    Fahrbar auf Schwenkrollen

    <span class="preis">

         +940,00 €

    </span>

</label></div><hr>
<h4>Zubehör</h4>
<div class="ruck">
<input type="checkbox" data-price="380" name="Zubehoer3"><label>

   Elektro/Sonderzubehör

    <span class="preis">

         +380,00 €

    </span>

</label><br>
<input type="checkbox" data-price="540" name="Zubehoer2"><label>

   Funkfernbedienung

    <span class="preis">

         +540,00 €

    </span>

</label><br>
<input type="checkbox" data-price="40" name="Zubehoer1"><label>

    .....

    <span class="preis">

         +40,00 €

    </span>

</label></div><br>
<hr>

<br>Listenpreis [Euro exkl. MwSt.]<br>
<input id="total" type="text" readonly="readonly" value=""/>        
  
        <br>
Ihr Produktrabatt in % <br>
<input type="text" id="rabatt" value="" onkeyup="calcTotal();"><br>

        Ihr Preis [Euro exkl. MwSt.]<br> 
<input id="ausgabe" type="text" readonly="readonly" value="" />
</form>
    </div>

Die CSV ist auf meiner ONEDRIVE cloud, da die Uploadbestimmungen keine CSV zulassen: http://1drv.ms/1o2dFiO.

Ich hoffe ihr könnt mir bei diesem recht umfangreichem Problem helfen.

Gruß

Lukme

 

[mikdoe]

Warum willst du die Daten per Ajax holen? Ich meine, du könntest sie doch mit dem Serverscript aus der lokalen CSV auslesen und das HTML dann gleich bestücken. Erklär mal bitte ein bisschen mehr über deine Struktur. Welche Subjekte sind beteiligt, wo liegt was?

 

[kkapsner]

Ich würde das ja auch eher serverseitig machen.

Aber wenn du das unbedingt mit JS im Client machen willst, musst du als aller erstes dein CSV umschreiben/erweitern: zuerst würde ich eine Kopfzeile einfügen, damit du weißt, für was welche Zeile im CSV steht. Dann musst du im CSV die ID des <input type="radio"> hinterlegen, da du sonst eine echt schwere Zeit hast, die Nodes zuzuordnen.

Für das AJAX würde ich mir einfach mal ein Tutorial dazu ansehen - ist keine Hexerei, aber man muss wissen, was man tut.

... aber eigentlich hab' ich das alles schon in http://forum.jswelt.de/javascript/59418-berechnungen-ausgaben-formularen.html#post381846 geschrieben... warum hast du eigentlich einen neuen Thread aufgemacht?