Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [AJAX][JavaScript]Proste obliczenia w formularzu
lordmonkey
post
Post #1





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 2.02.2009

Ostrzeżenie: (0%)
-----

witam,
dzisiaj mam coś takiego
[HTML] pobierz, plaintext 
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. 	<head>
  3. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  4. 	<script type="text/javascript">
  5. 	function pro(wellf,skillf){
  6. 		var wellness = 1 + 2 * (wellf / 100);
  7. 		var productiv = 0.25 * skillf * 2 * wellness * 2 * 1.5;
  8. 		document.getElementById('prod').innerHTML = productiv;
  9. 		}
  10. 	</script>
  11. 	</head>
  12.  
  13. 	<body>	  
  14. 		<form action="" method="POST">
  15. 			<table >
  16. 				<tr> 
  17. 					<td>
  18. 					Wellness	</td>
  19. 					<td width=65>
  20. 						<input type="text" name="well" size="5"/>
  21. 					</td>
  22. 					<td >
  23. 					Skill	</td>
  24. 					<td width=65>
  25. 						<input type="text" name="skill" size="5"/>
  26. 					</td>
  27. 					<td>
  28. 					Productivity</td>
  29. 					<td >
  30. 						<input type="text" name="prod" size="5" />
  31. 					</td>
  32. 					<input type="button" value="Calculate" onclick="pro(skill, well)"/></td>
  33. 				</tr>
  34. 			</table>
  35. 		</form>
  36. 	</body>
  37. </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?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
thek
post
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
Da się to zrobić na przynajmniej 2 sposoby. Albo zmieniasz wywołanie funkcji, albo funkcję. To co zrobiłeś to 2 wariant. Wariant pierwszy to zamiana:
[HTML] pobierz, plaintext 
  1. <input type="button" value="Calculate" onclick="pro(skill, well)"/></td>
[HTML] pobierz, plaintext
na
[HTML] pobierz, plaintext 
  1. <input type="button" value="Calculate" onclick="pro(document.getElementById('skill').value, document.getElementById('well').value )"/></td>
[HTML] pobierz, plaintext

W tym przypadku podanym przeze mnie jawnie przekazujesz wartości, więc skrypt zna je i może przetwarzać. Możesz jeszcze ciut inaczej zrobić jako minimalny mix obu wariantów. Przekazujesz jako parametry same document.getElementbyId('tutaj_id') a w funkcji posługujesz się wywołaniem wellf.value choćby. To więc kwestia wygody tak naprawdę.
Go to the top of the page
+Quote Post

Posty w temacie
- lordmonkey   [AJAX][JavaScript]Proste obliczenia w formularzu   24.04.2010, 00:01:20
- - thek   Może zamiast innerHTML użyj value?   24.04.2010, 12:14:01
- - lordmonkey   ja narazie się dopiero uczę także jeżeli mógłbyś p...   24.04.2010, 13:41:33
- - thek   Zamień w funkcji innerHTML na value, czyli z: docu...   24.04.2010, 14:28:19
- - lordmonkey   zrobiłem jak napisałeś, ale teraz w okienku z id=...   24.04.2010, 14:32:05
- - thek   Da się to zrobić na przynajmniej 2 sposoby. Albo z...   24.04.2010, 20:48:46

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.09.2025 - 10:50
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn