Tekstfelter tømmes "af sig selv"?
Hejsa JS-Eksperter,Jeg er ved at lave en webside, der kan holde styr på fakturaer mm. I den forbindelse har jeg følgende java script:
<script type="text/javascript">
<!--
line_id=1;
function calculatelinetotal(line_id) {
document.getElementById('Total['+line_id+']').value = document.getElementById('Antal['+line_id+']').value*document.getElementById('LinjeBelob['+line_id+']').value;
}
function addline(FakturaUdstederVareNavn,KundeVareNr,EnhedsBetegnelse,DimensionsKontoStreng2,Antal,LinjeBelob,LinjeBelobMoms) {
if(FakturaUdstederVareNavn === undefined) FakturaUdstederVareNavn='';
if(KundeVareNr === undefined) KundeVareNr='';
if(EnhedsBetegnelse === undefined) EnhedsBetegnelse='';
if(DimensionsKontoStreng2 === undefined) DimensionsKontoStreng2='';
if(Antal === undefined) Antal='0';
if(LinjeBelob === undefined) LinjeBelob='0';
linje = '<div id="line_'+line_id+'">';
linje += '<table style="width: 100%;">';
linje += '<tr>'
linje += '<td style="width: 20%;"><input name="beskrivelse['+line_id+']" size="30" value="'+FakturaUdstederVareNavn+'" /></td>';
linje += '<td style="width: 10%;"><input name="KundeVareNr['+line_id+']" size="14" value="'+KundeVareNr+'" /></td>';
linje += '<td style="width: 10%;"><input name="EnhedsBetegnelse['+line_id+']" size="14" value="'+EnhedsBetegnelse+'" /></td>';
linje += '<td style="width: 20%;">[Afgifter] - TOM PT.</td>';
linje += '<td style="width: 10%;"><input name="DimensionsKontoStreng2['+line_id+']" size="14" value="'+DimensionsKontoStreng2+'" /></td>';
linje += '<td style="width: 5%;"><input id="Antal['+line_id+']" name="Antal['+line_id+']" size="5" value="'+Antal+'" onchange="calculatelinetotal('+line_id+');" /></td>';
linje += '<td style="width: 5%;"><input id="LinjeBelob['+line_id+']" name="LinjeBelob['+line_id+']" size="5" value="'+LinjeBelob+'" onchange="calculatelinetotal('+line_id+');" /></td>';
linje += '<td style="width: 5%;"><input type="checkbox" name="LinjeBelobMoms['+line_id+']" '; if(LinjeBelobMoms) linje += ' checked'; linje += ' /></td>';
linje += '<td style="width: 5%;"><input id="Total['+line_id+']" name="Total['+line_id+']" size="5" /></td>';
linje += '<td style="width: 10%;"><input type="button" onclick="deleteline('+line_id+');" value="Slet linje" /></td>';
linje += '</tr>';
linje += '</table>';
linje += '</div>';
document.getElementById('linjer').innerHTML = document.getElementById('linjer').innerHTML+linje;
calculatelinetotal(line_id);
line_id++;
}
function deleteline(line_id) {
document.getElementById('line_'+line_id).innerHTML = '';
// document.getElementById('line_'+line_id).outerHTML = ''; // virker ikk!?
}
// -->
</script>
Scriptet styrer når man trykker på tilføj (add) og slet (delete) fakturalinje på den side hvor man kan redigere/oprette fakturaer. Men den opfører sig mærkeligt, når man gør følgende.
Man trykker først på Tilføj linje (addline()) og der kommer en linje frem. Man udfylder nogle af felterne i denne linje. Når man så trykker på addline() igen, så tømmes felterne i den første linje?! - Det forstår jeg ikke... har forsøgt at "troubleshoote" så meget som jeg kan, men kan ikke finde fejlen.
Help! :)
mvh. Rasmus
