Forum PHP.pl > [AJAX][JavaScript]Proste obliczenia w formularzu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX][JavaScript]Proste obliczenia w formularzu

lordmonkey

24.04.2010, 14:02:41

witam,
dzisiaj mam coś takiego

[HTML] pobierz, plaintext 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
	<script type="text/javascript">
	function pro(wellf,skillf){
		var wellness = 1 + 2 * (wellf / 100);
		var productiv = 0.25 * skillf * 2 * wellness * 2 * 1.5;
		document.getElementById('prod').innerHTML = productiv;
		}
	</script>
	</head>
 
	<body>	  
		<form action="" method="POST">
			<table >
				<tr> 
					<td>
					Wellness	</td>
					<td width=65>
						<input type="text" name="well" size="5"/>
					</td>
					<td >
					Skill	</td>
					<td width=65>
						<input type="text" name="skill" size="5"/>
					</td>
					<td>
					Productivity</td>
					<td >
						<input type="text" name="prod" size="5" />
					</td>
					<input type="button" value="Calculate" onclick="pro(skill, well)"/></td>
				</tr>
			</table>
		</form>
	</body>
</html>
[HTML] pobierz, plaintext

jak należy to zrobić, aby po naciśnięciu przycisku Calculate w "<input type="text" name="prod" size="5" />"pojawil sie wynik z funkcji? (bez odświeżania strony ofc )

varez

4.05.2010, 14:42:33

to się w ogole nie pisze pod ajax.
nadajesz ID inputom,
potem
getElementById('twoj_id').value
dodajesz druga wartosc, i potem wyswietlasz,
getElementById('blebllf').value = wynik;

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.