Læg 2 tal sammen fra form felt

noget a la dette:

<script type="text/javascript">

function total(){
var antal = document.getElementById('ANTAL').value;            
var pris = document.getElementById('PRIS').value;        
var total;
if(pris >0 && antal > 0) total = antal*pris;
else total = 0;       
document.getElementById('IALT').value = total;        
}       
</script>

<form id="test">
<input type="text" id="ANTAL" name="ANTAL" size="28" onblur="total()">
<input type="text" id="PRIS" name="PRIS" size="28"  onblur="total()">
<input type="text" id ="IALT" name="IALT" size="28">
</form>

Prøv dette:

ronols-> Hvorfor bruger du onblur event, den er ikke standard?
Men ellers er det fint... og samme effekt som min.

askovdk læg mærke til at vi har begge tilføjet id til dine input felter, ellers kan de ikke findes i dit script.

-> bkp - i hvilken standard er onblur-eventen ikke med?

splazz -> Det er ud fra egen erfaring, hvor jeg har oplevet at den ikke virkede, men onchange virkede.

Det er længe siden, så det er ikke sikkert det er et issue mere, så hvis ikke andre har oplevet problemer, så glem min kommentar om onblur

Nu har jeg udvidet eksemplet lidt, og det virker også meget fint i Firefox, men ikke Internet Explorer ?

<script type="text/javascript">
  function changed() {
      var stk = Number(document.getElementById('antal').value);
      var pris = Number(document.getElementById('pris').value);
      var rabatprocent = Number(document.getElementById('rabatprocent').value);
      var rabatbelob = Number(document.getElementById('rabatbelob').value);
   

if(rabatprocent > 0) mellem = stk * pris / 100 * rabatprocent, ialt = stk * pris - mellem - rabatbelob;
else ialt = stk * pris - rabatbelob;       


      document.getElementById('ialt').value = ialt;
  };
</script>


<input type=text name=varetitel size="50">
<input type=text id=antal name=antal size="2" onchange="changed()">
<input type=text id=pris name=pris size="8" onchange="changed()">
<input type=text id=rabatprocent name=rabatprocent size="5" onchange="changed()">
<input type=text id=rabatbelob name=rabatbelob size="8" onchange="changed()">
<input type=text id=ialt name=ialt size="8" readonly="readonly">

<script type="text/javascript">
  function changed() {
    var stk = parseInt(document.getElementById('antal').value);
    var pris = parseFloat(document.getElementById('pris').value);
    var rabatprocent = parseFloat(document.getElementById('rabatprocent').value);
    var rabatbelob = parseFloat(document.getElementById('rabatbelob').value);
    var ialt =0; // var ikke erklæret   
    var mellem = 0; // behøver vist ikke at blive erklæret her
   
    if(rabatprocent > 0){
        mellem = ((stk * pris) / 100) * rabatprocent;
        ialt = (stk * pris) - mellem - rabatbelob;
    }
    else{
        ialt = (stk * pris) - rabatbelob;
    }     
    document.getElementById('ialt').value = ialt;
};
</script>


<input type=text name=varetitel size="50">
<input type=text id=antal name=antal size="2" onchange="changed()">
<input type=text id=pris name=pris size="8" onchange="changed()">
<input type=text id=rabatprocent name=rabatprocent size="5" onchange="changed()">
<input type=text id=rabatbelob name=rabatbelob size="8" onchange="changed()">
<input type=text id=ialt name=ialt size="8" readonly="readonly">
[/div]

1) ialt er ikke erklæret
2) du skal lave en block der udregner mellem og ialt
3) jeg har sat nogle hjælpe paranteser, for at udgå problemer med faktorens orden +/- har størrer priotet end *

[/div] skal du ikke bruge, jeg ville have lagt det i en blå boks, men glemte den øverste div (havde skrevet den i kladen men fik ikke kopieret den over :()
http://www.eksperten.dk/guide/1325

Ok så er der vist ved at være lidt styr på det

Men kan jeg ikke have den flere gange på samme side ?

<script type="text/javascript">
  function changed() {
    var stk = parseInt(document.getElementById('antal').value);
    var pris = parseFloat(document.getElementById('pris').value);
    var rabatprocent = parseFloat(document.getElementById('rabatprocent').value);
    var rabatbelob = parseFloat(document.getElementById('rabatbelob').value);
    var ialt =0; // var ikke erklæret 
    var mellem = 0; // behøver vist ikke at blive erklæret her
 
    if(rabatprocent > 0){
        mellem = ((stk * pris) / 100) * rabatprocent;
        ialt = (stk * pris) - mellem - rabatbelob;
    }
    else{
        ialt = (stk * pris) - rabatbelob;
    }   
    document.getElementById('ialt').value = ialt;
};
</script>


<input type=text name=varetitel size="50">
<input type=text id=antal name=antal size="2" onchange="changed()">
<input type=text id=pris name=pris size="8" onchange="changed()">
<input type=text id=rabatprocent name=rabatprocent size="5" onchange="changed()">
<input type=text id=rabatbelob name=rabatbelob size="8" onchange="changed()">
<input type=text id=ialt name=ialt size="8" readonly="readonly">



OG så igen.... osv osv:

<script type="text/javascript">
  function changed() {
    var stk = parseInt(document.getElementById('antal').value);
    var pris = parseFloat(document.getElementById('pris').value);
    var rabatprocent = parseFloat(document.getElementById('rabatprocent').value);
    var rabatbelob = parseFloat(document.getElementById('rabatbelob').value);
    var ialt =0; // var ikke erklæret 
    var mellem = 0; // behøver vist ikke at blive erklæret her
 
    if(rabatprocent > 0){
        mellem = ((stk * pris) / 100) * rabatprocent;
        ialt = (stk * pris) - mellem - rabatbelob;
    }
    else{
        ialt = (stk * pris) - rabatbelob;
    }   
    document.getElementById('ialt').value = ialt;
};
</script>


<input type=text name=varetitel size="50">
<input type=text id=antal name=antal size="2" onchange="changed()">
<input type=text id=pris name=pris size="8" onchange="changed()">
<input type=text id=rabatprocent name=rabatprocent size="5" onchange="changed()">
<input type=text id=rabatbelob name=rabatbelob size="8" onchange="changed()">
<input type=text id=ialt name=ialt size="8" readonly="readonly">

?

nej du kan ikke have den samme funktion to gange og de samme felter to gange og regne med at siden selv kan regne ud hvad du vil. men du kan udvide funktionen lidt:



hvis jeg har forstået dit "problem" :)

du kan selvføgelig ikke have 2 id'er på sammen side der hedder det sammen
du kan selvføgelig ikke have 2 functioner der hedder der sammen (tror ikke functions overloadning er tilladt i JS)

en af fordelene ved functioner er netop de kan bruges flere gange, uden at skulle gentage den.

hvorfor vil du gentage det ??, hvis det er andre input boxe skal de hedde noget andet

man kan godt have flere input boxe der har sammen "name" (array), men de kan ikke have sammen id

Mange tak for hjælpen nu virker det :-) Smid svar så i kan få point

svar

selv tak :)

tfp :)

Hvis man putter felterne ind i hver deres <form> ...

<script type="text/javascript">
function changed(form){
    form.blabla.value = form.antal.value;
}
</script>

<form>
<input type="text" name="antal" size="28" onchange="changed(this.form)">
<input type="text" name="blabla">
</form>

<form>
<input type="text" name="antal" size="28" onchange="changed(this.form)">
<input type="text" name="blabla">
</form>

Ved godt det her er et gammel spørgsmål, men bkp #2 (http://www.eksperten.dk/spm/923734#reply_7684557):

Jeg synes ikke jeg kan bruge den kode flere gange på samme side. Korrekt? Jeg vil gerne have 5 linjer med varenummer, pris, antal, i alt pris. Til udregning af i alt pris har jeg jo de fem javascripts. Koden ser sådan her ud:

    <div> <tr>
        <td>Vare:</td><td><input name="vare1" style="width:375px;" type="text"></td><td>Pris:</td><td><input type="text" style="width:375px;" name="pris1" id="pris1" onchange="changed()" /></td><td>Antal:</td><td><input type="text" style="width:375px;" name="antal1" id ="antal1" size="28" onchange="changed()" /></td><td>I alt:</td><td><input type="text" style="width:375px;" name="ialt1" id="ialt1" size="28" readonly="readonly" /></td>
    <script type="text/javascript">
        function changed() {
        var stk = Number(document.getElementById('antal1').value);
        var p = Number(document.getElementById('pris1').value);
        document.getElementById('ialt1').value = stk * p;
        };
    </script>
    </tr>
   
    <tr>
        <td>Vare:</td><td><input name="vare2" style="width:375px;" type="text"></td><td>Pris:</td><td><input type="text" style="width:375px;" name="pris2" id="pris2" onchange="changed()" /></td><td>Antal:</td><td><input type="text" style="width:375px;" name="antal2" id ="antal2" size="28" onchange="changed()" /></td><td>I alt:</td><td><input type="text" style="width:375px;" name="ialt2" id="ialt2" size="28" readonly="readonly" /></td>
    <script type="text/javascript">
        function changed() {
        var stk = Number(document.getElementById('antal2').value);
        var p = Number(document.getElementById('pris2').value);
        document.getElementById('ialt2').value = stk * p;
        };
    </script>
    </tr>
   
    <tr>
        <td>Vare:</td><td><input name="vare3" style="width:375px;" type="text"></td><td>Pris:</td><td><input type="text" style="width:375px;" name="pris3" id="pris3" onchange="changed()" /></td><td>Antal:</td><td><input type="text" style="width:375px;" name="antal3" id ="antal3" size="28" onchange="changed()" /></td><td>I alt:</td><td><input type="text" style="width:375px;" name="ialt3" id="ialt3" size="28" readonly="readonly" /></td>
    <script type="text/javascript">
        function changed() {
        var stk = Number(document.getElementById('antal3').value);
        var p = Number(document.getElementById('pris3').value);
        document.getElementById('ialt3').value = stk * p;
        };
    </script>
    </tr>
   
    <tr>
        <td>Vare:</td><td><input name="vare4" style="width:375px;" type="text"></td><td>Pris:</td><td><input type="text" style="width:375px;" name="pris4" id="pris4" onchange="changed()" /></td><td>Antal:</td><td><input type="text" style="width:375px;" name="antal4" id ="antal4" size="28" onchange="changed()" /></td><td>I alt:</td><td><input type="text" style="width:375px;" name="ialt4" id="ialt4" size="28" readonly="readonly" /></td>
    <script type="text/javascript">
        function changed() {
        var stk = Number(document.getElementById('antal4').value);
        var p = Number(document.getElementById('pris4').value);
        document.getElementById('ialt4').value = stk * p;
        };
    </script>
    </tr>
   
    <tr>
        <td>Vare:</td><td><input name="vare5" style="width:375px;" type="text"></td><td>Pris:</td><td><input type="text" style="width:375px;" name="pris5" id="pris5" onchange="changed()" /></td><td>Antal:</td><td><input type="text" style="width:375px;" name="antal5" id ="antal5" size="28" onchange="changed()" /></td><td>I alt:</td><td><input type="text" style="width:375px;" name="ialt5" id="ialt5" size="28" readonly="readonly" /></td>
    <script type="text/javascript">
        function changed() {
        var stk = Number(document.getElementById('antal5').value);
        var p = Number(document.getElementById('pris5').value);
        document.getElementById('ialt5').value = stk * p;
        };
    </script>
    </tr> </div>

Fejl på de der div åbenbart, hvorfor kommer det ikke i en blå kasse?:O

du skal bruge squarebrackets uden om div, pre osv...

og så se #10, der er løsningen på dit problem :)

Ups, ja selvfølge skal der bruges []. Har skrevet så meget html i dag at jeg glemte *GG*. Men synes ikke det virker. Følgende js står øverst i min body:

<script type="text/javascript">
  function changed(number) {
    var stk = parseInt(document.getElementById('antal_'+number).value);
    var pris = parseFloat(document.getElementById('pris_'+number).value);
      document.getElementById('ialt_'+number).value = stk * p;
  };
</script>

Det her er så en af de linjer hvor det skal virke:

<td>Vare:</td><td><input name="vare1" style="width:375px;" type="text"></td><td>Pris:</td><td><input type="text" style="width:375px;" name="pris1" id="pris" onchange="changed(1)" /></td><td>Antal:</td><td><input type="text" style="width:375px;" name="antal1" id="antal" onchange="changed(1)" /></td><td>I alt:</td><td><input type="text" style="width:375px;" name="ialt1" id="ialt" readonly="readonly" /></td>

smid scriptet i dit head-tag hvor det hører til :)

og så prøv med:

glemte

id="ialt"

som skal være

id="ialt_1"

Slettede pareint og parsefloat fra script. Det stod der ikke i #2, men det gjorde der i #10. Det virkede. Script:




Html linje:

<td>Vare:</td><td><input name="vare1" style="width:375px;" type="text"></td><td>Pris:</td><td><input type="text" style="width:375px;" name="pris1" id="pris1" onchange="changed(1)" /></td><td>Antal:</td><td><input type="text" style="width:375px;" name="antal1" id="antal1" onchange="changed(1)" /></td><td>I alt:</td><td><input type="text" style="width:375px;" name="ialt1" id="ialt1" readonly="readonly" /></td>

Vil du have nogle points for svar?

Html linje:




(span kan ikke li linjeskift! :O)

det burde nu også virke med parseint og float.

skidt med points :)