hi
sehe den wald vor lauter bäumen mal wieder nicht?! ich würde gerne datencheck wenn man den radio button drückt in der linke tabelle anzeigen lassen und dann den wert in der summe dazu addieren....
danke
sehe den wald vor lauter bäumen mal wieder nicht?! ich würde gerne datencheck wenn man den radio button drückt in der linke tabelle anzeigen lassen und dann den wert in der summe dazu addieren....
danke
Code:
<table>
<td height="20" colspan="4" align="left" class="arial12"><strong>Plakate:</strong></td>
<tr>
<td height="24" align="left" class="arial12">Poster-Typ:</td>
<td colspan="3" valign="top">
<select id="cboProductCategories" onChange="changeCategory()" style="width:275" >
<option value="1">test1</option>
<option value="2">test2</option>
</select> </td>
</tr>
<tr>
<td height="24" align="left"class="arial12">Poster-Format:</td>
<td colspan="3" valign="top">
<select id="cboProducts" onChange="changeProduct()" style="width:275">
</select> </td>
</tr>
<tr>
<td height="24" align="left"class="arial12">Menge:</td>
<td colspan="3" valign="top">
<select id="cboAmount" style="width:275" onChange="changeAmount()" >
</select>
</td>
</tr>
<tr>
<td height="22" align="left"class="arial12">Datencheck:</td>
<td align="left" valign="top"><input [COLOR=DarkRed]id="datencheck"[/COLOR] name="datencheck" type="radio" value="1" checked onchange=addDatencheck>
<font class="arial12">nein</font>
<td align="left" valign="top"><input name="datencheck" type="radio" value="2">
<font class="arial12">ja</font>
<td width="214"> </td>
</tr>
<tr>
<td height="22" align="left"class="arial12">Dateiupload</td>
<td align="left" valign="top"><input name="upload" type="radio" value="1" checked onchange=addDateiupload>
<font class="arial12">nein</font>
<td align="left" valign="top"><input name="upload" type="radio" value="2">
<font class="arial12">ja</font>
<td width="214"> </td>
</tr>
<tr>
<td height="22" align="left"class="arial12">Bezahlung:</td>
<td align="left" width="170" valign="top"><input name="bezahlung" type="radio" value="1" checked>
<font class="arial12">Vorkasse</font>
<td align="left" width="210"valign="top"><input name="bezahlung" type="radio" value="2" onchange=addBezahlung>
<font class="arial12">Nachnahme</font>
<td align="left" valign="top"><input name="bezahlung" type="radio" value="3">
<font class="arial12">Visa</font>
<td width="214"> </td>
</tr>
<tr>
<td height="22" align="left"class="arial12">Versand:</td>
<td align="left" valign="top"><input name="versand" type="radio" value="1" checked>
<font class="arial12">Selbstabholer</font>
<td align="left" valign="top"><input name="versand" type="radio" value="2" onchange=addDeutschpost>
<font class="arial12">Deutsche Post</font>
</tr>
</table>
<!-- main left -->
</td>
<td width="311" height="162" valign="top">
<!-- main top right -->
<table width="300" class="arial12">
<tr>
<td colspan="2"><strong>Prices:</strong></td>
</tr>
<td>[COLOR=DarkRed]<span id="datencheck">[/COLOR]</span>€</td>
<tr>
<td align="left">Nettokosten:</td>
<td width="200" align"right" ><span id="txtPrice"></span>€</td>
</tr>
<tr>
<td align="right">Mehrwertsteuer:</td>
<td><span id="txtTax"></span>€</td>
</tr>
<tr>
<td align="left"><strong>Total:</strong></td>
<td><span id="txtSum"></span>€</td>
</tr>
</table>
<script language="javascript">
var ddlCategories = document.getElementById("cboProductCategories");
var ddlProducts = document.getElementById("cboProducts");
var ddlAmount = document.getElementById("cboAmount");
var productFeatures = new Array();
/* ProduktId, ProduktKategorieId, Beschriftung, Preis */
productFeatures[0] = new Array('1','1','TEST1','0.90');
productFeatures[4] = new Array('1','2','TEST2','1.95');
var productDiscount = new Array();
productDiscount[0] = new Array('1', new Array('100-100','250-105.56','500-112.224','1000-127.78','2000-150', '3000-555','5000-266.67') );
function changeCategory()
{
displayProducts(ddlCategories.value);
displayPrice();
}
function changeProduct()
{
displayAmount(ddlProducts.value);
displayPrice();
}
[COLOR=DarkRed]function addDatencheck(){
displayDatencheck(booldatencheck);
displayPrice()[/COLOR] }
function changeAmount()
{
displayPrice();
}
function displayPrice()
{
var amountOfProducts = ddlAmount.value;
[COLOR=DarkRed]var datencheck = booldatencheck;[/COLOR]
var pricePerItem = getCurrentPrice(ddlProducts.value);
var price = pricePerItem * amountOfProducts;
[COLOR=DarkRed]if (boolDatencheck)
price += 10;[/COLOR]
var tax = price * 16 / 100;
var total = price + tax;
document.getElementById('txtPrice').innerText = Math.round(price*100)/100;
document.getElementById('txtTax').innerText = Math.round(tax*100)/100;
[COLOR=DarkRed]document.getElementById('datencheck').innerText = 'Datencheck: ' + Math.round(total*100)/100;[/COLOR]
document.getElementById('txtSum').innerText = Math.round(total*100)/100;
}
function displayProducts(categoryId)
{
ddlProductCagegories = document.getElementById("cboProducts");
clearSelect(ddlProductCagegories);
var elementIndex = 0;
for(var i = 0; i < productFeatures.length ;i++ )
{
if(productFeatures[i][1] == categoryId )
{
newEntry = new Option(productFeatures[i][2], productFeatures[i][0], false, false);
ddlProductCagegories[elementIndex] = newEntry;
elementIndex++;
}
}
displayAmount(ddlProducts.value);
}
function displayAmount(productId)
{
clearSelect(ddlAmount);
for(var i = 0; i < productDiscount.length; i++ )
{
if(productDiscount[i][0] == productId)
{
var ddlIndex = 0;
for(var j = 0; j < productDiscount[i][1].length; j++ )
{
var parts = productDiscount[i][1][j].split("-");
newEntry = new Option(parts[0], parts[1], false, false);
ddlAmount[ddlIndex] = newEntry;
ddlIndex++;
}
}
}
ddlAmount[0].selected = true;
}
function getCurrentPrice(productId)
{
for(var i = 0; i < productFeatures.length ;i++ )
if(productFeatures[i][0] == productId)
return productFeatures[i][3]
alert("error no result");
}
/*removes all elements from select*/
function clearSelect(htmlSelect){
NumOptions = htmlSelect.options.length;
for(var i = 0; i < NumOptions; i++){
htmlSelect.options[0] = null;
}
}
changeCategory();
</script>