Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Przekazywanie zmiennych do pola html
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Foxim
8.08.2013, 10:50:54
Witam,

Od dłuższej chwili borykam się z problemem i proszę was o pomoc.

Mam taki kod:
[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3.  
  4. <script language="javascript">
  5. 		function check (skill){
  6. 			if(parseInt (document.getElementById("SP").value) > 0)
  7. 				add(skill);
  8. 			else
  9. 				alert("U don't have skills points!");
  10. 	}
  11. 		function add (skill){
  12. 			if(skill < 101)
  13. 				alert("dziala");
  14. 			else if(skill > 100 && skill < 126)
  15. 				alert("dziala");
  16. 			else if(skill >125 && skill < 151)
  17. 				alert("dziala");
  18. 			else if(skill  > 150 && skill < 176 )
  19. 				alert("dziala");
  20. 			else if(skill >175 && skill < 201)
  21. 				alert("dziala");
  22. 			else if(skill > 200 && skill < 301)
  23. 				alert("dziala");
  24. 			else
  25. 				return;
  26. 		}
  27. </script>
  28.  
  29. <body>
  30. <input type='text' class="stats" id='SP' value='5' readonly="yes" > </h1>
  31. Klik <input type='text' class='skills' id="OUT" value='20' readonly="yes" > % 
  32. <input type='button' class="skills" name='add' onclick='check(OUT.value)' value='+'/>
  33. <input type='button' class="skills" name='subtract' onclick='check(OUT.value)' value='-'/></p></h3>
  34.  
  35. </body>
  36. </html>
[HTML] pobierz, plaintext


I wszystko działa problem polega pojawia się gdy chcę uzyskać coś takiego:
[HTML] pobierz, plaintext 
  1.  
  2. 	}
  3. 		function add (skill){
  4. 			if(skill < 101)
  5. 				skill = skill +1;
  6.                                 return skill;
  7. 			else if(skill > 100 && skill < 126)
  8. 				alert("dziala");
  9. 			else if(skill >125 && skill < 151)
  10. 				alert("dziala");
  11. 			else if(skill  > 150 && skill < 176 )
  12. 				alert("dziala");
  13. 			else if(skill >175 && skill < 201)
  14. 				alert("dziala");
  15. 			else if(skill > 200 && skill < 301)
  16. 				alert("dziala");
  17. 			else
  18. 				return;
  19. 		}
  20. </script>
[HTML] pobierz, plaintext



Chodzi o to aby funkcja zwracała wartość zmiennej do pola(w tym przypadku OUT) z której uzyskała wartość.
Nie mogę użyć getElementById("") (w taki sposób jaki ja potrafie jej użyć) gdyż dla każdego przypadku musiałbym tworzyć osobną funkcje.

Pozdrawiam.
kaznodziej/ka
8.08.2013, 13:38:31
var wynik = skil;
var txt_out = document.getElementById('OUT');
txt_out.value = wynik;

lub zwyczajnie:
var txt_out = document.getElementById('OUT');
txt_out.value = skil;

Pozdrawiam
Foxim
8.08.2013, 16:02:25
Cytat(kaznodziej/ka @ 8.08.2013, 14:38:31 ) *
var wynik = skil;
var txt_out = document.getElementById('OUT');
txt_out.value = wynik;

lub zwyczajnie:
var txt_out = document.getElementById('OUT');
txt_out.value = skil;

Pozdrawiam



Może inaczej zadam pytanie.

[HTML] pobierz, plaintext 
  1.  
  2. <script language="javascript">
  3. 		function check (skill){
  4. 			if(parseInt (document.getElementById("SP").value) > 0)
  5. 				add(skill);
  6. 			else
  7. 				alert("U don't have skills points!");
  8. 	}
  9. 		function add (skill){
  10. 		 	var wynik = skill +1;
  11. 			var txt_out = document.getElementById('OUT');
  12. 			if(skill < 101)
  13. 				 txt_out.value = wynik;
  14. //else if(skill > 100 && skill < 126)
  15. 			//	alert("dziala");
  16. 			//else if(skill > 125 && skill < 151)
  17. 			//	alert("dziala");
  18. 			//else if(skill  > 150 && skill < 176 )
  19. 			//	alert("dziala");
  20. 			//else if(skill >175 && skill < 201)
  21. 			//	alert("dziala");
  22. 			//else if(skill > 200 && skill < 301)
  23. 			//	alert("dziala");
  24. 			else
  25. 				return;
  26. 		}
  27. </script>
  28.  
[HTML] pobierz, plaintext


Jak najbardziej działa jednak w momencie kiedy dodam cos takiego:

[HTML] pobierz, plaintext 
  1.  
  2. <input type='text' class="stats" id='SP' value='5' readonly="yes" > </h1>
  3. Klik <input type='text' class='skills' id="OUT" value='20' readonly="yes" > % 
  4. <input type='button' class="skills" name='add' onclick='check(OUT.value)' value='+'/> 
  5. <input type='button' class="skills" name='subtract' onclick='check(OUT.value)' value='-'/></p></h3>
  6.  
  7. Klik2 <input type='text' class='skills' id="LD" value='20' readonly="yes" > % 
  8. <input type='button' class="skills" name='add' onclick='check(LD.value)' value='+'/>
  9.  <input type='button' class="skills" name='subtract' onclick='check(LD.value)' value='-'/></p></h3>
  10.  
[HTML] pobierz, plaintext


Funkcja zadziała tylko dla pierwszego przypadku.
kaznodziej/ka
13.08.2013, 10:09:56
dużo ma być tych "przypadków" questionmark.gif... bo możnaby dodać odwołanie do każdego ID w funkcji. (?)

Pozdrawiam.
Foxim
17.08.2013, 12:47:58
Cytat(kaznodziej/ka @ 13.08.2013, 11:09:56 ) *
dużo ma być tych "przypadków" questionmark.gif... bo możnaby dodać odwołanie do każdego ID w funkcji. (?)

Pozdrawiam.



Rozwiązałem problem "na piechote" (1 funkcja dla każdego pola) jednak gdyby ktoś miał pomysł jak to zrobić w inny sposób chętnie posłucham.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.