Forum PHP.pl > [JavaScript]Dynamiczna "w locie" zmiana przecinka na kropkę w formularzu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Dynamiczna "w locie" zmiana przecinka na kropkę w formularzu

metmusic

23.03.2011, 21:10:41

Witam,

Mam pytanie - jak zmienić dynamicznie w locie przecinek na kropkę w trakcie wpisywania przez użytkownika liczby w formularzu?
Jeżeli to za bardzo skomplikuje kod (ma być prosty) to jak zamienić już nie "w locie" do późniejszych obliczeń.

W 2 oddzielnych inputach wpisujemy liczby, trzeci input zwraca liczbę po dokonaniu obliczeń.

Prosta funkcja JS:

[PHP] pobierz, plaintext 
function funkcja_srednie_zuzycie_paliwa(){
	ilosc_paliwa=Number(document.formularz_srednie_zuzycie_paliwa.ilosc_paliwa.value);
	dystans=Number(document.formularz_srednie_zuzycie_paliwa.dystans.value);
 
// tutaj powinienem jakoś zamienić przecinki na kropki w liczbach wpisanych w formularzu...
 
	srednie_zuzycie_paliwa=Math.round((ilosc_paliwa*100/dystans)*10)/10;
	document.formularz_srednie_zuzycie_paliwa.wynik_srednie_zuzycie_paliwa.value=srednie_zuzycie_paliwa + ' L/100km';
}
[PHP] pobierz, plaintext

Kod formularza równie prosty:

[HTML] pobierz, plaintext 
<form name="formularz_srednie_zuzycie_paliwa">
Ilość paliwa: <input class="inputbox-form" name="ilosc_paliwa" type="text" />
Dystans: <input class="inputbox-form" name="dystans" type="text" />
Średnie zużycie paliwa: <input class="inputbox-result" name="wynik_srednie_zuzycie_paliwa" type="text" />
 
<input class="button-result" onclick="java script:funkcja_srednie_zuzycie_paliwa();" type="button" value="Oblicz" />
</form>
[HTML] pobierz, plaintext

Oczywiście wszystko działa jak wpisze się np 7.7 a nie 7,7.

Próbowałem kombinować tak:

[PHP] pobierz, plaintext 
ilosc_paliwa=ilosc_paliwa.replace(',','.');
dystans=dystans.replace(',','.');
[PHP] pobierz, plaintext

Ale niestety nie bardzo działa...

P.S.
Jak zrobić, żeby w trzecim inpucie wynik pojawiał się "w locie" bez konieczności użycia buttona do wywołania funkcji?

gacek80

23.03.2011, 21:23:02

Najlepiej za pomocą metody replace().

[PHP] pobierz, plaintext 
ilosc_paliwa.replace(',', '.');
dystans.replace(',', '.');
[PHP] pobierz, plaintext

Tylko wydaje mi się, że powinieneś zamienić przecinki na kropki przed stosowaniem funkcji Number().

metmusic

24.03.2011, 03:51:21

Cytat(gacek80 @ 23.03.2011, 21:23:02 )

Najlepiej za pomocą metody replace().

[PHP] pobierz, plaintext 
ilosc_paliwa.replace(',', '.');
dystans.replace(',', '.');
[PHP] pobierz, plaintext

Tylko wydaje mi się, że powinieneś zamienić przecinki na kropki przed stosowaniem funkcji Number().

Niestety takie rozwiązanie nie działa - gdziekolwiek bym wstawił. Formularz przestaje robić cokolwiek :/

Poradziłem sobie w ten sposób

[PHP] pobierz, plaintext 
ilosc_paliwa = parseFloat(document.formularz_srednie_zuzycie_paliwa.ilosc_paliwa.value.toString().replace(",", "."));
dystans = parseFloat(document.formularz_srednie_zuzycie_paliwa.dystans.value.toString().replace(",", "."));
[PHP] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.