Forum PHP.pl > Konwersja typu zmiennej

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Gloin Eldring

24.06.2013, 12:02:45

witajcie.

potrzebuje stworzyc formularz dynamiczny, w ktorym podajemy 3 zmienne numeryczne i ktore sa obliczane w odpowiedni sposob.

stworzylem dzis na szybkosci takie cos:

[HTML] pobierz, plaintext 
<HTML>
<HEAD>
<TITLE>test</TITLE>
<script LANGUAGE="JavaScript">
function TestCalc (form) {
    var lampy = form.lampy.value;
	var godziny_dobowe = form.dobowe.value;
	var godziny_tygodniowo = form.tygodniowe.value;
	var testLamp1 = 0;
	testLamp1 = lampy + godziny_dobowe + godziny_tygodniowo;
	var testLamp = testLamp1 * 1;
    document.write ("Sumka: ");
	document.write (testLamp * 1);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="GET">wstaw dane: <BR>
dane <INPUT TYPE="text" NAME="lampy" VALUE=""><P>
dane <INPUT TYPE="text" NAME="dobowe" VALUE=""><P>
dane <INPUT TYPE="text" NAME="tygodniowe" VALUE=""><P>
<INPUT TYPE="button" NAME="button" Value="klik" onClick="TestCalc(this.form)">
</FORM>
</BODY>
</HTML>
[HTML] pobierz, plaintext

tak, wiem- wyglada to dziwnie.
otoz po wpisaniu 1, 1, 1 wyswietla mi sie 111 zamiast 3 (suma). spowodowane jest to najpewniej typem danych. zmienne sa wprowadzane jako "1", a nie jako 1... stad te mnozenie przez 1- mialem nadzieje,z e typ danych sie zmeni. Podobnie jak dwa razy document.write();
problem w tym, ze nie wiem jak to zmienic

i mam jeszcze prosbe- w jaki sposob wyswietlamy wynik na tej samej stronie, bez przeladowania, w okreslonym divie?
stawiam pierwsze kroki w javascript, niby troche czytam, ale milo jest gdy ktos pokaze kod i palcem pokaze co za co odpowiada

phpion

24.06.2013, 12:11:07

1. parseInt
2. document.getElementById('id').innerHTML

Gloin Eldring

25.06.2013, 09:53:32

juz wczoraj sobie poradzilem, tylko "naokoło"

[HTML] pobierz, plaintext 
function TestCalc (form) {
    var lampy = form.lampy.value;
	var godziny_dobowe = form.dobowe.value;
	var godziny_tygodniowo = form.tygodniowe.value;
 
    var lampy1 = new String(lampy);
	var godziny_dobowe1 = new String (godziny_dobowe);
	var godziny_tygodniowo1 = new String (godziny_tygodniowo);
 
 
	var suma = Number(lampy1) + Number(godziny_dobowe1) + Number(godziny_tygodniowo);
	document.write("suma <br/>" + suma);
}
[HTML] pobierz, plaintext

co do drugiego- juz zabieram sie za czytanie, dzieki

@edit:
odswiezam:
dobra, nie bede tworzyl nowego tematu, skoro jest ten

[HTML] pobierz, plaintext 
function TestCalc (form) {
    var lampy = form.lampy.value;
	var godziny_dobowe = form.dobowe.value;
	var godziny_tygodniowo = form.tygodniowe.value;
 
    var lampy1 = new String(lampy);
	var godziny_dobowe1 = new String (godziny_dobowe);
	var godziny_tygodniowo1 = new String (godziny_tygodniowo);
 
 
	var suma = Number(lampy1) + Number(godziny_dobowe1) + Number(godziny_tygodniowo);
	document.getElementById('policz').innerHTML = suma;
	//document.write("suma <br/>" + suma);
}
[HTML] pobierz, plaintext

wszystko fajnie dziala, aleeee....

po kliknieciu przycisku (ktory wywoluje ta funkcje) zmienia sie zawartosc i przeladowuje strone od razu...
czy to wina tego, ze przeladowuje caly formularz? Bo chce by wymienialo formularz na wynik...

[HTML] pobierz, plaintext 
<fieldset id="policz"><form name="kalkulator" id="kalkulator" action="" method="get" "="">
<p><label for="lampy">Liczba lamp</label><input type="text" class="input" name="lampy" value=""><br></p>
<p><label for="dobowe">Dobowa liczba godzin pracy</label><input type="text" class="input" name="dobowe" value=""><br></p>
<p><label for="tygodniowe">Liczba dni pracy tygodniowo</label><input type="text" class="input" name="tygodniowe" value=""><br <="" p=""><br>
</p><p class="submit"><input type="submit" value="Policz" onclick="TestCalc(this.form)"></p>
</form></fieldset>
[HTML] pobierz, plaintext

erix

25.06.2013, 13:52:34

Google: onsubmit + preventDefault.

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.