CreativPur
Erfahrenes Mitglied
Hallo,
ich habe ein kleines Programm für die Errichtung von Papier erstellt.
Dabei möchte ich die Breite und Höhe des DIN-Formates per select eingeben.
Die Berechnung funktioniert auch, nur bei der Auswahl der Option im Selectfeld wird mir immer nur der letzte Wert DIN A6(105x148 mm) übermittelt..
Woran kann dies liegen ?
ich habe ein kleines Programm für die Errichtung von Papier erstellt.
Dabei möchte ich die Breite und Höhe des DIN-Formates per select eingeben.
Die Berechnung funktioniert auch, nur bei der Auswahl der Option im Selectfeld wird mir immer nur der letzte Wert DIN A6(105x148 mm) übermittelt..
Woran kann dies liegen ?
Javascript:
function calc()
{
var hoehe = document.getElementById('hoehe').value;
console.log(hoehe);
var breite = document.getElementById('breite').value;
console.log(breite);
var din0 = document.getElementById("hoehe").value = 1189;
document.getElementById("breite").value = 840;
console.log(din0);
var din1 = document.getElementById("hoehe").value = 840;
document.getElementById("breite").value = 594;
console.log(din1);
var din2 = document.getElementById("hoehe").value = 594;
document.getElementById("breite").value = 420;
console.log(din2);
var din3 = document.getElementById("hoehe").value = 420;
document.getElementById("breite").value = 297;
console.log(din3);
var din4 = document.getElementById("hoehe").value = 297;
document.getElementById("breite").value = 210;
console.log(din4);
var din5 = document.getElementById("hoehe").value = 210;
document.getElementById("breite").value = 148;
console.log(din5);
var din6 = document.getElementById("hoehe").value = 148;
document.getElementById("breite").value = 105;
console.log(din6);
}
HTML:
<form oninput="gesamtgewicht.value = Math.round(((hoehe.value) * 0.001) * ((breite.value) * 0.001) * material.value * menge.value) * 0.001;
einzelgewicht.value = Math.round(((hoehe.value) * 0.001) * ((breite.value) * 0.001) * material.value) * 1;
porto_gewicht.value = Math.round(((hoehe.value) * 0.001) * ((breite.value) * 0.001) * material.value * menge.value) * 0.001; return calc();
">
<input class="hidden" id="porto_gewicht" />
<h3 style="color:#0CF"> Berechnen Sie Ihr Versand-Gewicht</h3>
<hr />
<div class="row">
<div class="col-lg-2 col-xs-12" style="padding-bottom:30px; margin-left:20px;">
<div class="hidden">
Höhe (mm):<br>
<input type="text" id="hoehe"><br><br>
Breite (mm):<br>
<input type="text" id="breite"><br><br>
</div>
DIN Format:<br>
<select class="form-control" id="din">
<option>bitte wählen</option>
<option id="din0">DIN A0 (840x1189 mm)</option>
<option id="din1">DIN A1 (594x840 mm)</option>
<option id="din2">DIN A2 (420x594 mm)</option>
<option id="din3">DIN A3 (297x420 mm)</option>
<option id="din4">DIN A4 (210x297 mm)</option>
<option id="din5">DIN A5 (148x210 mm)</option>
<option id="din6">DIN A6 (105x148 mm)</option>
</select>
<br>
Gewicht Material (g/qm):<br>
<input type="text" id="material"><br><br>
Bestellmege:<br>
<input type="text" id="menge">
<hr />
</div>
<div class="col-lg-3 col-xs-12" style="background-color:#F2F2F2; min-height:220px; padding-left:20px; padding-bottom:30px;">
<br>
<strong style="padding-left:20px;">Einzelgewicht:</strong> <span style="font-size:10px;">(Einzelner Flyer, Plakat usw.)</span>
<br>
<div class="table-responsive" style="border:none">
<table width="100" border="0" style="margin-left:20px;">
<tr>
<td width="10"><output style="margin-top:-7px;" name="einzelgewicht" value="gr"></output></td>
<td width="40">gr</td>
</tr>
</table>
</div>
<br>
<strong style="padding-left:20px;">Gesamtgewicht:</strong>
<br>
<div class="table-responsive" style="border:none">
<table width="100" border="0" style="margin-left:20px;">
<tr>
<td width="20"><output style="margin-top:-7px;" name="gesamtgewicht" value="kg" ></output></td>
<td width="40">kg</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</form>
Zuletzt bearbeitet: