| Autor | Zpráva | ||
|---|---|---|---|
| prog Profil |
#1 · Zasláno: 24. 5. 2014, 18:30:58
Ahoj
Mám problém s počítáním v tomto jednoduchém kódu. Jak to udělat tak, aby se to vždy sčítalo na řádce na když už jsme u toho, jak bych měl udělat, aby se mi každý výsledek z řádku zobrazil dole jako celková cena? Děkuji moc, už se na to pokouším přijít delší dobu. A taky promiňte za nějakou chybu, ale teprve se to učím. <script src="//cdnjs.cloudflare.com/ajax/libs/three.js/r50/three.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<style type="text/css">
table.tableizer-table {
border: 1px solid #CCC; font-family: Tahoma, Geneva, sans-serif
font-size: 8px;
}
.tableizer-table td {
padding: 4px;
margin: 3px;
border: 1px solid #ccc;
}
.tableizer-table th {
background-color: #FFFFFF;
color: #000;
font-weight: bold;
}
</style><table class="tableizer-table">
<tr class="tableizer-firstrow">
<td width=40 align=center><FONT face=Calibri size=2 color=#000000><B>díl</B></FONT></td>
<td width=40 align=center><FONT face=Calibri size=2 color=#000000><B>šířka v cm</B></FONT></td>
<td width=40 align=center><FONT face=Calibri size=2 color=#000000><B>výška v cm</B></FONT></td>
<td width=178 align=center><FONT face=Calibri size=2 color=#000000><B>provedení</B></FONT></td>
<td width=96 align=center><FONT face=Calibri size=2 color=#000000><B>shrnování</B></FONT></td>
<td width=134 align=center><FONT face=Calibri size=2 color=#000000><B>spodní profil</B></FONT></td>
<td width=62 align=center><FONT face=Calibri size=2 color=#000000><B>zip</B></FONT></td>
<td width=62 align=center><FONT face=Calibri size=2 color=#000000><B>montáž</B></FONT></td>
<td width=100align=center><FONT face=Calibri size=2 color=#000000><B>cena s DPH</B></FONT></td>
<tr><td width=40 align=center><FONT face=Calibri size=2 color=#000000><B>I.</B></FONT></td>
<td><input type="text" name="sirka" id="selectService6" maxlength="4" style="float: center; width: 40px; margin-right: 6px; vertical-align: top; padding-top: 2px; padding-bottom: 2px;" class="text active"></td>
<td><input type="text" name="vyska" id="selectService7" maxlength="4" style="float: center; width: 40px; margin-right: 6px; vertical-align: top; padding-top: 2px; padding-bottom: 2px;" class="text active"></td>
<td><select name="selectService1" id="selectService1" onchange="change('0',this.value)">
<option value="0" selected="selected">žádné</option>
<option value="700">celoprůhledné</option>
<option value="750">průhledné s lemem</option>
<option value="550">průhledné s neprůhledným</option>
<option value="450">neprůhledné</option>
</select>
<span id="span1"></span></td><td><select name="selectService2" id="selectService2" onchange="change('0',this.value)">
<option value="0" selected="selected">žádné</option>
<option value="200">nahoru</option>
<option value="325">do boku</option>
</select>
<span id="span2"></span></td><td><select name="selectService3" id="selectService3" onchange="change('0',this.value)">
<option value="210">hliníkový profil</option>
<option value="20">dřevěná lišty</option>
<option value="0" selected="selected">žádný</option>
</select>
<span id="span3"></span></td><td><select name="selectService4" id="selectService4" onchange="change('0',this.value)">
<option value="200">ano</option>
<option value="0" selected="selected">ne</option>
</select>
<span id="span4"></span></td><td><select name="selectService5" id="selectService5" onchange="change('0',this.value)">
<option value="1">ne</option>
<option value="1.2">ano</option>
</select>
<span id="span5"></span></td><td><span id="spanComplete"></span> ,-
<br>
</form>
<script type="text/javascript">
function change(id,val)
{
if(val == 0){
val = "žádné";
}
$('#span'+id).text(val);
count();
}
function count()
{
var value1 = parseFloat($("#selectService1").val(), 10);
var value2 = parseFloat($("#selectService2").val(), 10);
var value3 = parseFloat($("#selectService3").val(), 10);
var value4 = parseFloat($("#selectService4").val(), 10);
var value5 = parseFloat($("#selectService5").val(), 10);
var value6 = parseInt($("#selectService6").val(), 10);
var value7 = parseInt($("#selectService7").val(), 10);
var completeValue = (((((value6*value7)/10000)*(value1))+((value2)*(value6/100))+((value3)*(value6/100))+((value4)*(value7/100)))*(value5))*1.21;
$('#spanComplete').text(completeValue);
}
</script>
</body></td></tr>
<br>
</form>
<tr><td width=40 align=center><FONT face=Calibri size=2 color=#000000><B>II.</B></FONT></td>
<td><input type="text" name="sirka" id="selectService16" maxlength="4" style="float: center; width: 40px; margin-right: 6px; vertical-align: top; padding-top: 2px; padding-bottom: 2px;" class="text active"></td>
<td><input type="text" name="vyska" id="selectService17" maxlength="4" style="float: center; width: 40px; margin-right: 6px; vertical-align: top; padding-top: 2px; padding-bottom: 2px;" class="text active"></td>
<td><select name="selectService11" id="selectService11" onchange="change('0',this.value)">
<option value="0" selected="selected">žádné</option>
<option value="700">celoprůhledné</option>
<option value="750">průhledné s lemem</option>
<option value="550">průhledné s neprůhledným</option>
<option value="450">neprůhledné</option>
</select>
<span id="spani11"></span></td><td><select name="selectService12" id="selectService12" onchange="change('0',this.value)">
<option value="0" selected="selected">žádné</option>
<option value="200">nahoru</option>
<option value="325">do boku</option>
</select>
<span id="spani12"></span></td><td><select name="selectService13" id="selectService13" onchange="change('0',this.value)">
<option value="210">hliníkový profil</option>
<option value="20">dřevěná lišty</option>
<option value="0" selected="selected">žádný</option>
</select>
<span id="spani13"></span></td><td><select name="selectService14" id="selectService14" onchange="change('0',this.value)">
<option value="200">ano</option>
<option value="0" selected="selected">ne</option>
</select>
<span id="spani14"></span></td><td><select name="selectService15" id="selectService15" onchange="change('0',this.value)">
<option value="1">ne</option>
<option value="1.2">ano</option>
</select>
<span id="spani15"></span></td><td><span id="spanComplete1"></span> ,-
<br>
</form>
<script type="text/javascript">
function change(id,val)
{
if(val == 0){
val = "žádné";
}
$('#span'+id).text(val);
count();
}
function count()
{
var value11 = parseFloat($("#selectService11").val(), 10);
var value12 = parseFloat($("#selectService12").val(), 10);
var value13 = parseFloat($("#selectService13").val(), 10);
var value14 = parseFloat($("#selectService14").val(), 10);
var value15 = parseFloat($("#selectService15").val(), 10);
var value16 = parseInt($("#selectService16").val(), 10);
var value17 = parseInt($("#selectService17").val(), 10);
var completeValue1 = (((((value16*value17)/10000)*(value11))+((value12)*(value16/100))+((value13)*(value16/100))+((value14)*(value17/100)))*(value15))*1.21;
$('#spanComplete1').text(completeValue1);
}
</script>
</body></td></tr>
<br>
</form>
</table>
</body> |
||
| Darker Profil |
#2 · Zasláno: 26. 5. 2014, 13:35:13
Co se sčítá s c čím?
Vidím tam sice nějaké načítání hodnot, ale sotva přijdu na to, kde je bereš. Můžu akorát doporučit zjednodušení kódu: var values = [];
//Načist hodnoty od 1 do 17
for(var i=1;i<=17; i++) {
values.push(document.getElementById("selectService"+i).value*1); //document.getElementById("id") je skoro totéž jako $("#id")
}
//Zaokrouhlit ty co se mají zaokrouhlit:
values[6] = Math.round(values[6]);
//Totez pro 7, 16, 17 |
||
|
Časová prodleva: 10 let
|
|||
0