[JavaScript] jak zliczyć wartość i wyświetlić? Opcje

[dwwa]

mam prosty skrypt w jquery, która ma zsumować 2 pola z formularza i jak dam w funkcji jquery takie coś:

alert(pole1+pole2);

to działa, a teraz chcę zrobić żeby po kliknięciu w submit pokazała się pod formularzem suma dwóch pół o których mowa, ale nie wiem jakiej funkcji jQuery do tego użyć... chodzi mi o samo wyświetlanie tekstu po kliknięciu, tak jak w php echo jest ;d

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
		$(document).ready(
			function() {
				$("#count").click(function() {
					var total = 0;
					var weight = parseFloat($("#weight").attr('value'));
					var height = parseFloat($("#height").attr('value'));
					if (!weight || !height) {
						alert('Wypełnij wszystkie pola');
						return false;
					}
					var total = ((weight)/((height * weight)/10000));
 
					// pokaz total
					$("#result").JAKAFUNKCJA(total);
 
				});
			}
		)
 
	</script>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<form id="formularz" name="" method="post">
		pole1: <input type="text" name="weight" id="weight" />
		pole2: <input type="text" name="height" id="height" />
		<input type="submit" value="oblicz" name="" id="count" /><br />
		<div id="result" style="display: none;">tutaj suma</div>
	</form>
[HTML] pobierz, plaintext 

wiem że to prosta sprawa ;d z góry dzięki za pomoc.

Ten post edytował dwwa 25.10.2011, 11:22:39

[nospor]

Kod

jQuery('#iddivadoktoregocheszwpisac').html('to co chcesz wpisac a na przyszlosc czytaj dokumentacje, skoro juz uzywasz jquery');

[dwwa]

ok, niby działa, problem w tym, że od razu znika mi ten tekst ;d po 0,1 sek. co może być nie tak?

[HTML] pobierz, plaintext 
$("#message").html(message);
[HTML] pobierz, plaintext 

[nospor]

No jesli pokazujesz to na submicie to nic dziwnego ze znika, skoro submit wysyla formularz czyli de facto przładowuje strone
Skoro nie chcesz wysyłać forma to daj na submicie w onlick jeszcze return false;

[dwwa]

ok, działa, a możesz mi powiedzieć czemu wyskakuje mi "NaN" jak nie podam żadnych wartości w polach formularza?

[nospor]

A skad ja mam wiedziec jak ty te dane pobierasz? No wrozyc mam?

No dobra, wróże:
uzywasz parseInt lub czegoś podobnego i logiczne, ze jak nie ma zadnej wartosci to funkcja nie ma co parsowac i pluje błędem

[dwwa]

var weight = parseFloat($("#weight").attr('value'));
var height = parseFloat($("#height").attr('value'));

było wyżej przecież

jak temu zapobiec?

[konrados]

No sprawdź wcześniej, przed parseFloat czy wartość nie jest pusta, takie coś powinno zadziałać:

[HTML] pobierz, plaintext 
if($("#weight").attr('value') == "") {
 alert('wpisz wartości');
 return false;
}
[HTML] pobierz, plaintext 

Ten post edytował konrados 25.10.2011, 11:45:06

[nospor]

było wyżej przecież

ślepne na starość ale wróżę dobrze

Powód edycji: [nospor]:

[dwwa]

działa, a czemu mam tak, że jak wprowadzę jakieś dane do pól i kliknę na submit, a później zmienię dane w polu pierwszym, to po kliknięciu na submit nic się nie dzieje? dopiero jak wprowadzę dane do pola 1 i pola 2 i kliknę submit to jest ok.

a nie, dzieje się tak tylko z polem 1.

Ten post edytował dwwa 25.10.2011, 11:51:52

[konrados]

Ale co dokładnie "nie działa"? Zauważyłeś, że sprawdzałem tylko weight, winno być raczej:

if($("#weight").attr('value') == "" || $("#height").attr('value') == "")...

A w ogóle to:

1. umieść to gdzieś w sieci
2. zainstaluj sobie firebuga

[dwwa]

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
		$(document).ready(
			function() {
				$("#count").click(function() {
					var total = 0;
					var weight = $("#weight").attr('value');
					var height = $("#height").attr('value');
 
					if (weight == "" || height == "") {
						message = "Wypełnij wszystkie pola";
					}
					else {
						var weight = parseFloat(weight);
						var height = parseFloat(height);
					}
 
					var total = ((weight)/((height * weight)/10000));
 
 
					$("#result").html(total.toFixed(3));
					$("#message").html(message);
					return false;
				});
			}
		)
 
	</script>
[HTML] pobierz, plaintext 

coś takiego mam i teraz jak wprowadzę w pole 1 wartość np. 50, a w pole 2 wprowadzę 150 wyskakuje mi jakiś tam wynik i teraz jak w pole 1 wpiszę np. 10 wynik jest taki sam, tak jakby nic się nie działo, jak wprowadzę jakąś inną wartość w pole 2 i kliknę w submita to jest ok..

nie mam gdzie tego wrzucić...

[konrados]

No wynik jest taki sam, bo tak wynika z Twojego wzoru:

var total = ((weight)/((height * weight)/10000));

cokolwiek podstawisz za weight, jeśli nie zmienisz height no to tak sobie myślę, że wynik uzyskasz identyczny:)

Co Ty tam w ogóle obliczasz?

[dwwa]

nieważne co to nie jest istotne

ciągle wyskakuje mi ten "NaN" :/

[konrados]

No a spójrz na ten fragment:

if (weight == "" || height == "") {
message = "Wypełnij wszystkie pola";
}

Czy on zapobiega temu, że potem robisz

var total = ((weight)/((height * weight)/10000));

?

Tak więc zrób return w tym warunku, np:

[HTML] pobierz, plaintext 
if (weight == "" || height == "") {
 $("#message").html('Wypełnij wszystkie pola');
 return false;
}
[HTML] pobierz, plaintext 

[dwwa]

o to chodziło