[JavaScript][HTML] Update pola DIV Opcje

[Kao]

Witam
Już mam dosyć szukania ... jak to zrobić ... może mała podpowiedź co robię źle.
Mianowicie mam taki oto kod:

[HTML] pobierz, plaintext 
<script language="JavaScript">
 
function pomnoz(mnozna, mnoznik, laminat, netto, brutto)
{
var netto, brutto = 0;
 
var mnozna = document.getElementById(mnozna).value;
var mnoznik =  document.getElementById(mnoznik).value;
 
if (document.getElementById(laminat).checked) laminat = 10;
 else laminat = 0;
 
var wynik = (parseInt(mnozna) * parseInt(mnoznik) * (32 + laminat))/10000;
 
var netto = Math.round(wynik*Math.pow(10,2))/Math.pow(10,2);
document.getElementById(netto).innerHTML=netto;
 
var brutto = Math.round((netto*1.22)*Math.pow(10,2))/Math.pow(10,2);
document.getElementById(brutto).innerHTML=brutto;
}
 
</script>
 
<b>--Kalkulator--</b><br>
Proszę podać<br>
szerokość: <input type="text" size="10" id="szer" onchange="pomnoz('szer', 'wys', 'lam', 'netto', 'brutto')" name="szer"> cm<br>
wysokość: <input type="text" size="10" id="wys" onchange="pomnoz('szer', 'wys', 'lam', 'netto', 'brutto')" name="wys"> cm<br>
Laminowanie: <input type="checkbox" id="lam" onclick="pomnoz('szer', 'wys', 'lam','netto', 'brutto')" name="lam"><br>
Cena: <div id="netto" style="display: inline;">0</div> zł netto<br>
Cena: <div id="brutto" style="display: inline;">0</div> zł brutto<br>
[HTML] pobierz, plaintext 

Proszę powiedzieć czemu nie aktualizuje pola div z ceną ?(mówię od razu że nie chcę mieć zamiast div pola INPUT (IMG:style_emoticons/default/exclamation.gif) )
Ja już sił nie mam:<

Pozdr.
Kao

Ten post edytował Kao 15.02.2010, 08:32:01

[skowron-line]

Zaglądałeś do konsoli błędów w FF. (IMG:style_emoticons/default/questionmark.gif)
I teraz pytanie do Ciebie.

[JAVASCRIPT] pobierz, plaintext 
document.getElementById(netto).innerHTML=netto;
[JAVASCRIPT] pobierz, plaintext 

Jak myślisz co to jest netto w nawiasach (IMG:style_emoticons/default/questionmark.gif) Odpowiesz że id diva, niestety błąd. jest to zmienna którą ty chcesz przekazać jako parametr funkcji ale uwaga co się dzieje na początku.

[JAVASCRIPT] pobierz, plaintext 
function pomnoz(mnozna, mnoznik, laminat, netto, brutto)
{
var netto, brutto = 0;
[JAVASCRIPT] pobierz, plaintext 

Odrazu ten parametr ustawiasz na wartość zero a takiego id już nie masz w swoim dokumencie.
Więc albo pozmieniasz sobie nazwy zmiennych na unikalne.
Albo

[JAVASCRIPT] pobierz, plaintext 
document.getElementById('netto').innerHTML=netto;
[JAVASCRIPT] pobierz, plaintext 

z brutto jest to samo.

[Kao]

Witam
Zrobiłem tak jak mówisz, a nawet skróciłem, bo nie potrzebnie (chyba) przekazywałem "coś co mam tylko oddawać":

[HTML] pobierz, plaintext 
<script language="JavaScript" type="text/javascript">
function pomnoz(mnozna, mnoznik, laminat)
{
var mnozna = document.getElementById(mnozna).value;
var mnoznik =  document.getElementById(mnoznik).value;
 
if (document.getElementById(laminat).checked) laminat = 10;
 else laminat = 0;
 
var wynik = (parseInt(mnozna) * parseInt(mnoznik) * (32 + laminat))/10000;
 
var bezvat = Math.round(wynik*Math.pow(10,2))/Math.pow(10,2);
document.getElementById(netto).innerHTML=bezvat;
 
var zvat = Math.round((bezvat*1.22)*Math.pow(10,2))/Math.pow(10,2);
document.getElementById(brutto).innerHTML=zvat;
}
</script>
 
<b>--Kalkulator--</b><br>
Proszę podać<br>
szerokość: <input type="text" size="10" id="szer" onchange="pomnoz('szer', 'wys', 'lam')" name="szer"> cm<br>
wysokość: <input type="text" size="10" id="wys" onchange="pomnoz('szer', 'wys', 'lam')" name="wys"> cm<br>
 
Laminowanie: <input type="checkbox" id="lam" onclick="pomnoz('szer', 'wys', 'lam')" name="lam"><br>
 
Cena: <div id="netto" style="display: inline;">0</div> zł netto<br>
Cena: <div id="brutto" style="display: inline;">0</div> zł brutto<br>
[HTML] pobierz, plaintext 

Ale i tak nie cyka!! Gubię się w tym! Chyba polegnę na tym skrypcie!

Proszę o podpowiedź.
Pozdr.

[edit]
znalazłem odpowiedź (IMG:style_emoticons/default/snitch.gif) błąd tkwił w tym że ID zmiennej nie było w apostrofie '
Ale jazda:>
Poprawny skrypt to:

[HTML] pobierz, plaintext 
<script language="JavaScript" type="text/javascript">
function pomnoz(mnozna, mnoznik, laminat)
{
var mnozna = document.getElementById(mnozna).value;
var mnoznik =  document.getElementById(mnoznik).value;
 
if (document.getElementById(laminat).checked) laminat = 10;
 else laminat = 0;
 
var wynik = (parseInt(mnozna) * parseInt(mnoznik) * (32 + laminat))/10000;
 
var bezvat = Math.round(wynik*Math.pow(10,2))/Math.pow(10,2);
document.getElementById('netto').innerHTML=bezvat;
 
var zvat = Math.round((bezvat*1.22)*Math.pow(10,2))/Math.pow(10,2);
document.getElementById('brutto').innerHTML=zvat;
}
</script>
 
<b>--Kalkulator--</b><br>
Proszę podać<br>
szerokość: <input type="text" size="10" id="szer" onchange="pomnoz('szer', 'wys', 'lam')" name="szer"> cm<br>
wysokość: <input type="text" size="10" id="wys" onchange="pomnoz('szer', 'wys', 'lam')" name="wys"> cm<br>
 
Laminowanie: <input type="checkbox" id="lam" onclick="pomnoz('szer', 'wys', 'lam')" name="lam"><br>
 
Cena: <div id="netto" name="netto" style="display: inline;">0</div> zł netto<br>
Cena: <div id="brutto" name="brutto" style="display: inline;">0</div> zł brutto<br>
[HTML] pobierz, plaintext 

Dzięki skowron-line

Pozdr.

Ten post edytował Kao 15.02.2010, 10:39:44