Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: <input type='button' /> PROBLEM NR..2
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
damianooo
6.10.2011, 15:06:08
Witam

Mam taki kod java script:

[HTML] pobierz, plaintext 
  1. 	function add_zam_2 (inn,v) {
  2.  
  3. 			var el = document.getElementById(inn);
  4. 			var a;
  5. 			a = v;
  6. 			el.value = (Number(el.value) + a);
  7. 	}
  8.  
  9.  
  10. 	function sub_zam_2 (inn,v) {
  11.  
  12. 			var el = document.getElementById(inn);
  13. 			var a;
  14. 			a = v;
  15.  
  16. 			if (el.value == a)
  17. 			{
  18. 				a;
  19. 			}
  20. 			else
  21. 			{
  22. 				el.value = (Number(el.value) - a);
  23. 			}
  24. 	}
[HTML] pobierz, plaintext


oraz dwa przyciski (jeden do zwiększania wartości w polach a drugi do zmniejszania)


[PHP] pobierz, plaintext 
  1. $a = 5;
  2.  
  3. echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  4.     echo "<input type='button' value='' onclick=\"add_zam_2('Elem',".$a.");return false;\" style='width:100%;height:100%;background-image: url(img/sub_dod.png);background-repeat: no-repeat;border:none;'/>";
  5.   echo "</div>";
  6.   echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  7.     echo "<input type='button' value='' onclick=\"sub_zam_2('Elem',".$a.");return false;\" style='width:100%;height:100%;background-image: url(img/sub_odejm.png);background-repeat: no-repeat;border:none;'/>";
  8. echo "</div>";
[PHP] pobierz, plaintext




Do tego będzie wiele pól takich:

[PHP] pobierz, plaintext 
  1. echo "<center><input type='text' id='Elem' readonly='readonly' name='ilosc[]' value='4' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  2.  
  3. echo "<center><input type='text' id='Elem' readonly='readonly' name='ilosc[]' value='5' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  4.  
  5. echo "<center><input type='text' id='Elem' readonly='readonly' name='ilosc[]' value='6' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
[PHP] pobierz, plaintext



I teraz tak:
Chciałbym aby po kliknięciu na przyciski zwiększały się lub zmniejszały odpowiednio wszystkie pola z wartościami jednocześnie w tym samym czasie.

Wydaje mi się że musi być wspólny element ID , czyli o tej samej nazwie ale niestety to nie działa ...

proszę o pomoc jak to powinienem rozwiązać

dzięki
nospor
6.10.2011, 19:31:00
Id jak sama nazwa wskazuje ma być UNIKALNE i nie może być kilku elementów o tym samym ID.
Nadaj klasę dla elementów i wyszukuj elementy po klasie a nie po id.

Gdybyś używał jQuery to wyszukanie elementów o danym ID sprowadza się do:
jQuery('.klasa')
damianooo
6.10.2011, 20:49:25
czy mogę prosić o przykład ... bo nie bardzo chyba wiem jak się do tego zabrać ...

czyli rozumiem że mam stworzyć klasę z metodą taką jak mam obecnie funkcje napisaną ... i wówczas odwoływać się w miejscu onclick : onclick=\"sub_zam_2('Elem',5);return false;\" poprzez klasę czyli np. jak klasa ZwiekszZmniejsz to bedzie ZwiekszZmniejsz.sub_zam2 ... lub coś tego typu ... dobrze rozumiem ?


P.S.
Przepraszam za wysyłanie pytań indywidualnie na skrzynkę. To się nie powtórzy. Proszę jednak o pomoc jeszcze w tym temacie ...

dzięki, pozdrawiam
nospor
6.10.2011, 21:08:38
onclick=\"sub_zam_2('KlasaElementu',5);return false;\"
A w funkcji szukasz elementów po klasie i im zmieniasz wartości.
Jak szukać napisałem ci wcześniej na przykładzie jQuery
damianooo
7.10.2011, 09:31:04
ok mniej więcej chyba kumam jednak po mojej zmianie nie działa .. zastanawiam się czy nie powinienem dodać biblioteki jQuery jeszcze aby to ruszyło ... jednak prosiłbym jeszcze Ciebie o spojrzenie na te zmiany czy właśnie o to chodziło:

Oto cały kod do testu:


[HTML] pobierz, plaintext 
  1. <HTML>
  2. <HEAD>
  3. <TITLE>Test Input</TITLE>
  4.  
  5. <script LANGUAGE="JavaScript">
  6.  
  7.  
  8. 	function add_zam_2 (inn,v) {
  9.  
  10. 			s = jQuery('.inn');
  11.  
  12. 			var a;
  13. 			a = v;
  14. 			s.value = (Number(s.value) + a);
  15. 	}
  16.  
  17.  
  18. 	function sub_zam_2 (inn,v) {
  19.  
  20. 			s = jQuery('.inn');
  21.  
  22. 			var a;
  23. 			a = v;
  24.  
  25. 			if (s.value == a)
  26. 			{
  27. 				a;
  28. 			}
  29. 			else
  30. 			{
  31. 				s.value = (Number(s.value) - a);
  32. 			}
  33. 	}
  34.  
  35.  
  36. </SCRIPT>
  37.  
  38. </HEAD>
  39. <BODY>
  40.  
  41.  
  42. <?php
  43.  
  44. 	echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:1.5em;background-color:white;color:#378347;'>";
  45. 	  echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  46. 	    echo "<input type='button' value='' onclick=\"add_zam_2('Elem',5);return false;\" style='width:100%;height:100%;background-image: url(img/sub_dod.png);'/>";
  47. 	  echo "</div>";
  48. 	  echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  49. 	    echo "<input type='button' value='' onclick=\"sub_zam_2('Elem',5);return false;\" style='width:100%;height:100%;background-image: url(img/sub_odejm.png);'/>";
  50. 	    echo "</div>";
  51.         echo "</div>";
  52.  
  53. 	echo "<br />";
  54. 	echo "<br />";
  55. 	echo "<br />";
  56.  
  57. 	// tutaj pojawi się tyle pól ile będzie pobranych z bazy danych więc dla wyobrażenia podam to w pętli FOR
  58. 	for ($i=0;$i<3;$i++)
  59. 	{
  60. 	  echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  61. 	    echo "<center><input type='text' id='Elem$i' readonly='readonly' name='ilosc[]' value='5' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  62. 	  echo "</div>";
  63.         }
  64.  
  65. ?>
  66.  
  67.  
  68. </BODY>
  69. </HTML>
[HTML] pobierz, plaintext




ale właśnie , jeśli teraz nie po ID to teraz nie id='Elem$i' tylko ma być class='Elem$i' ? ... hmm ,... nie wiem
nospor
7.10.2011, 09:37:41
Cytat
zastanawiam się czy nie powinienem dodać biblioteki jQuery

Historyjka:
nospor - wsiądź na rower i jedź do lasu
ktoś - ok, fajna rada, ale nie działa.... zastanawiam się czy nie powinienem wpierw zaopatrzyć się w rower, jak myślisz?

co do kodu zaś, to s.value nie zadziała. Zainteresuj się w manualu jQuery czyms takim jak each()

Przecież ci pisałem, że masz nadać jedną i tą samą klasę dla elementów, bez żadnych $i.

I jeszcze co do kodu:
nie: s = jQuery('.inn');
a: s = jQuery('.'+inn);
damianooo
7.10.2011, 09:59:13
Chyba jestem już bliżej niż dalej ale jeszcze to nie to ... dokonałem zmian w uwagach które napisałeś ... chyba problem będzie w kodzie javascript ..


[HTML] pobierz, plaintext 
  1.  
  2. <HTML>
  3. <HEAD>
  4. <TITLE>Test Input</TITLE>
  5.  
  6. <script type="text/javascript" charset="UTF-8" src="http://code.jquery.com/jquery-1.6.4.js"></script>
  7.  
  8. <script LANGUAGE="JavaScript">
  9.  
  10.  
  11. 	function add_zam_2 (inn,v) {
  12.  
  13. 			s = jQuery('.'+inn);
  14.  
  15. 			var a;
  16. 			a = v;
  17.  
  18.  
  19. 			$.each(s, function(value) { 
  20. 				value + a;
  21. 			});
  22.  
  23. 	}
  24.  
  25.  
  26. 	function sub_zam_2 (inn,v) {
  27.  
  28. 			s = jQuery('.'+inn);
  29.  
  30. 			var a;
  31. 			a = v;
  32.  
  33. 			$.each(s, function(value) { 
  34.  
  35. 				if (value == a)
  36. 				{
  37. 					a;
  38. 				}
  39. 				else
  40. 				{
  41. 					value = (Number(value) - a);
  42. 				}
  43.  
  44. 			});
  45.  
  46. 	}
  47.  
  48.  
  49.  
  50.  
  51. </SCRIPT>
  52.  
  53. </HEAD>
  54. <BODY>
  55.  
  56.  
  57. <?php
  58.  
  59. 		echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:1.5em;background-color:white;color:#378347;'>";
  60. 			echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  61. 			echo "<input type='button' value='' onclick=\"add_zam_2('Elem',5);return false;\" style='width:100%;height:100%;background-image: url(img/sub_dod.png);'/>";
  62. 			echo "</div>";
  63. 			echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  64. 			echo "<input type='button' value='' onclick=\"sub_zam_2('Elem',5);return false;\" style='width:100%;height:100%;background-image: url(img/sub_odejm.png);'/>";
  65. 			echo "</div>";
  66. 		echo "</div>";
  67.  
  68. 		echo "<br />";
  69. 		echo "<br />";
  70. 		echo "<br />";
  71.  
  72. 		// tutaj pojawi się tyle pól ile będzie pobranych z bazy danych więc dla wyobrażenia podam to w pętli FOR
  73. 		for ($i=0;$i<3;$i++)
  74. 		{
  75. 			echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  76. 			echo "<center><input type='text' class='Elem' readonly='readonly' name='ilosc[]' value='5' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  77. 			echo "</div>";
  78. 		}
  79.  
  80. ?>
  81.  
  82.  
  83. </BODY>
  84. </HTML>
  85.  
  86.  
  87.  
  88.  
  89.  
[HTML] pobierz, plaintext



nie wiem też czy tylko wystarczy w inpucie dać po prostu: class='Elem' ....
nospor
7.10.2011, 10:07:56
Kod
function add_zam_2 (inn,v) {
s = jQuery('.'+inn);
s.each(function(){
  var el = jQuery(this);
  el.val(Number(el.val()) + v);
});
}
damianooo
7.10.2011, 10:26:37
super ... dzięki za pomoc ... nie wiem tylko czemu w funkcji drugiej czyli: sub_zam_2 w sekcji: if else wykonuje mi ciągle zmniejszanie a wyraźnie zaznaczyłem że jak el.val == v (czyli liczbie początkowej poniżej której nie można schodzić)


[HTML] pobierz, plaintext 
  1.  
  2. 	function sub_zam_2 (inn,v) {
  3.  
  4. 			s = jQuery('.'+inn);
  5.  
  6. 			s.each(function() { 
  7.  
  8. 			var el = jQuery(this);
  9.  
  10. 				if (el.val == v)
  11. 				{
  12. 					v;
  13. 				}
  14. 				else
  15. 				{
  16. 					el.val(Number(el.val()) - v);
  17. 				}
  18.  
  19. 			});
  20.  
  21. 	}
  22.  
[HTML] pobierz, plaintext
nospor
7.10.2011, 10:28:30
Zobacz jak ja używam val a jak ty.
damianooo
7.10.2011, 10:39:29
ok już wiem smile.gif co robiłem źle el.val to jest funkcja a więc ma być tak: el.val()

całość:

[HTML] pobierz, plaintext 
  1.  
  2. 	function sub_zam_2 (inn,v) {
  3.  
  4. 			s = jQuery('.'+inn);
  5.  
  6. 			s.each(function() { 
  7.  
  8. 			var el = jQuery(this);
  9.  
  10. 				if (el.val() == v)
  11. 				{
  12. 					v;
  13. 				}
  14. 				else
  15. 				{
  16. 					el.val(Number(el.val()) - v);
  17. 				}
  18.  
  19. 			});
  20.  
  21. 	}
  22.  
[HTML] pobierz, plaintext



teraz wszystko działa ładnie ...

jeszcze raz wielkie dzięki i dzięki za cierpliwość ..

pozdro

ale ... chyba to jeszcze nie koniec ...

całość wygląda tak:


[HTML] pobierz, plaintext 
  1.  
  2. <HTML>
  3. <HEAD>
  4. <TITLE>Test Input</TITLE>
  5.  
  6. <script type="text/javascript" charset="UTF-8" src="http://code.jquery.com/jquery-1.6.4.js"></script>
  7.  
  8. <script LANGUAGE="JavaScript">
  9.  
  10.  
  11. function add_zam_2 (inn,v) {
  12.  
  13. 	s = jQuery('.'+inn);
  14. 	s.each(function()
  15. 	{
  16. 		var el = jQuery(this);
  17. 		el.val(Number(el.val()) + v);
  18. 	});
  19.  
  20. }
  21.  
  22.  
  23. 	function sub_zam_2 (inn,v) {
  24.  
  25. 			s = jQuery('.'+inn);
  26.  
  27. 			s.each(function() { 
  28.  
  29. 			var el = jQuery(this);
  30.  
  31. 				if (el.val() == v)
  32. 				{
  33. 					v;
  34. 				}
  35. 				else
  36. 				{
  37. 					el.val(Number(el.val()) - v);
  38. 				}
  39.  
  40. 			});
  41.  
  42. 	}
  43.  
  44.  
  45.  
  46.  
  47. </SCRIPT>
  48.  
  49. </HEAD>
  50. <BODY>
  51.  
  52.  
  53. <?php
  54.  
  55. 		echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:1.5em;background-color:white;color:#378347;'>";
  56. 			echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  57. 			echo "<input type='button' value='' onclick=\"add_zam_2('Elem',5);return false;\" style='width:100%;height:100%;background-image: url(img/sub_dod.png);'/>";
  58. 			echo "</div>";
  59. 			echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  60. 			echo "<input type='button' value='' onclick=\"sub_zam_2('Elem',5);return false;\" style='width:100%;height:100%;background-image: url(img/sub_odejm.png);'/>";
  61. 			echo "</div>";
  62. 		echo "</div>";
  63.  
  64. 		echo "<br />";
  65. 		echo "<br />";
  66. 		echo "<br />";
  67.  
  68.  
  69. 			echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  70. 			echo "<center><input type='text' class='Elem' readonly='readonly' name='ilosc[]' value='5' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  71. 			echo "</div>";
  72. 			echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  73. 			echo "<center><input type='text' class='Elem' readonly='readonly' name='ilosc[]' value='4' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  74. 			echo "</div>";
  75. 			echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  76. 			echo "<center><input type='text' class='Elem' readonly='readonly' name='ilosc[]' value='2' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  77. 			echo "</div>";
  78.  
  79.  
  80. ?>
  81.  
  82.  
  83. </BODY>
  84. </HTML>
  85.  
  86.  
  87.  
  88.  
  89.  
[HTML] pobierz, plaintext





dlaczego w pierwszym polu wartości nie zmniejszają się poniżej wartości podanej , natomiast w dwóch pozostałych maleją questionmark.gif ...


nospor
7.10.2011, 10:41:44
Wybacz za pytanie, możesz mnie odebrać jako chama i prostaka, ale muszę:
czy ty myślisz?

Dajesz warunek:
el.val() == v
5 == 5 tak
4 == 5 tak?
2 == 5 tak?
damianooo
7.10.2011, 10:52:08
nie nie uznam Ciebie za chama i prostaka domyślam się że ludzie, którzy są w danym temacie prawie całkowicie obeznani mogą reagować tak właśnie ... także luz ...


sprawdziłem dla pewności smile.gif ... w google jak w javascript tworzy się instrukcje warunkowe i zdaje sie że tak jak napisałem ale fakt możliwe że to trochę źle zrealizowałem

a więc zrobiłem tak :

[HTML] pobierz, plaintext 
  1.  
  2. 	function sub_zam_2 (inn,v) {
  3.  
  4. 			s = jQuery('.'+inn);
  5.  
  6. 			s.each(function() { 
  7.  
  8. 			var el = jQuery(this);
  9. 			var w;
  10. 			w = v;
  11.  
  12. 				if (w == v)
  13. 				{
  14. 					v;
  15. 				}
  16. 				else
  17. 				{
  18. 					el.val(Number(el.val()) - v);
  19. 				}
  20.  
  21. 			});
  22.  
  23. 	}
  24.  
  25.  
[HTML] pobierz, plaintext





i jest lepiej .. jednak nie do końca ponieważ jak zwiększe to już nie zmniejsza mi do wartosci początkowej tylko zostaje przy tej zwiększonej ...
nospor
7.10.2011, 11:02:25
Chyba się nie rozumiemy...
dałeś warunek porównania 4==5 i się dziwisz, czemu nie jest sprawdzony...
Jesli nie chcesz zmniejszać pól, których wartość jest mniejsza równa 5 to ma być tak 4<=5
damianooo
7.10.2011, 11:06:53
ok fakt ... ale jeszcze jedna rzecz której chyba nie wytłumaczyłem na początku ...

tam gdzie jest (chodzi mi o tą wartość "5")

[HTML] pobierz, plaintext 
  1.  
  2. onclick=\"add_zam_2('Elem',5);return false;\"
  3.  
[HTML] pobierz, plaintext



to ma być dla każdego z pól wpisana wartość taka jaka jest w tym polu na początku, czyli

- jak jest 5 to ma sie zwiększać o 5
- jak jest 4 to ma się zwiekszac o 4
itd.
nospor
7.10.2011, 11:11:24
Znowu nie myślisz..... 4==5 dawałem jak przykład. Ty masz miec el.val() <= v
damianooo
7.10.2011, 11:13:13
ale właśnie tak zrobiłem i nie działa smile.gif ... sorry że nie napisałem jak wygląda kod po zmianie, bo wróciłem do wcześniejszej wersji:

a więc tak jest teraz: 


[HTML] pobierz, plaintext 
  1.  
  2. 	function sub_zam_2 (inn,v) {
  3.  
  4. 			s = jQuery('.'+inn);
  5.  
  6. 			s.each(function() { 
  7.  
  8. 			var el = jQuery(this);
  9.  
  10. 				if (el.val() <= v)
  11. 				{
  12. 					v;
  13. 				}
  14. 				else
  15. 				{
  16. 					el.val(Number(el.val()) - v);
  17. 				}
  18.  
  19. 			});
  20.  
  21. 	}
  22.  
[HTML] pobierz, plaintext
nospor
7.10.2011, 11:18:50
el.val() to tekst. Musisz go wpierw zamienic na liczbę, chocby przy pomocy parseInt
damianooo
7.10.2011, 11:22:46
a za pomocą "Number" ? 

[HTML] pobierz, plaintext 
  1.  
  2. 	function sub_zam_2 (inn,v) {
  3.  
  4. 			s = jQuery('.'+inn);
  5.  
  6. 			s.each(function() { 
  7.  
  8. 			var el = jQuery(this);
  9.  
  10. 				if (Number(el.val()) <= v)
  11. 				{
  12. 					v;
  13. 				}
  14. 				else
  15. 				{
  16. 					el.val(Number(el.val()) - v);
  17. 				}
  18.  
  19. 			});
  20.  
  21. 	}
  22.  
[HTML] pobierz, plaintext
nospor
7.10.2011, 11:24:14
A zadziałało? No to może być
Nie zadziało? No to nie może być
tongue.gif
damianooo
7.10.2011, 11:25:47
ale musimy w tym miejscu coś zmienic

[PHP] pobierz, plaintext 
  1.  
  2. echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:1.5em;background-color:white;color:#378347;'>";
  3.   echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  4.     echo "<input type='button' value='' onclick=\"add_zam_2('Elem',5);return false;\" style='width:100%;height:100%;background-image: url(img/sub_dod.png);'/>";
  5.   echo "</div>";
  6.   echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  7.     echo "<input type='button' value='' onclick=\"sub_zam_2('Elem',5);return false;\" style='width:100%;height:100%;background-image: url(img/sub_odejm.png);'/>";
  8.   echo "</div>";
  9. echo "</div>";
  10.  
[PHP] pobierz, plaintext


bo tam cały czas jest liczba 5


w takim razie chyba tą piątkę trzeba będzie wywalić z tamtąd i zrobić wczytywanie jednego tylko parametru
nospor
7.10.2011, 11:27:01
A co ci znowu ta 5 przeszkadza?
damianooo
7.10.2011, 11:34:36
chodzi mi o to że nie może być podanej stałej wartości o jaką mają się zwiększać wszystkie wartości w polach

tak jak pisałem ma być tak:

- jesli w polu jest wartosć 5 to ma sie zwiekszac wartosc w polu o 5
- jesli w polu jest wartosc 4 to ma sie zwiekszac wartosc w polu o 4

itd.


zmieniłem więc tak :



[HTML] pobierz, plaintext 
  1.  
  2. <HTML>
  3. <HEAD>
  4. <TITLE>Test Input</TITLE>
  5.  
  6. <script type="text/javascript" charset="UTF-8" src="http://code.jquery.com/jquery-1.6.4.js"></script>
  7.  
  8. <script LANGUAGE="JavaScript">
  9.  
  10.  
  11. function add_zam_2 (inn) {
  12.  
  13. 	s = jQuery('.'+inn);
  14.  
  15. 	s.each(function()
  16. 	{
  17. 		var el = jQuery(this);
  18. 		el.val(Number(el.val()) + Number(el.val()));
  19. 	});
  20.  
  21. }
  22.  
  23.  
  24. 	function sub_zam_2 (inn) {
  25.  
  26. 			s = jQuery('.'+inn);
  27.  
  28. 			s.each(function() { 
  29.  
  30. 			var el = jQuery(this);
  31.  
  32. 				if (Number(el.val()) <= Number(el.val()))
  33. 				{
  34. 					Number(el.val());
  35. 				}
  36. 				else
  37. 				{
  38. 					el.val(Number(el.val()) - Number(el.val()));
  39. 				}
  40.  
  41. 			});
  42.  
  43. 	}
  44.  
  45.  
  46.  
  47.  
  48. </SCRIPT>
  49.  
  50. </HEAD>
  51. <BODY>
  52.  
  53.  
  54. <?php
  55.  
  56. 		echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:1.5em;background-color:white;color:#378347;'>";
  57. 			echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  58. 			echo "<input type='button' value='' onclick=\"add_zam_2('Elem');return false;\" style='width:100%;height:100%;background-image: url(img/sub_dod.png);'/>";
  59. 			echo "</div>";
  60. 			echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
  61. 			echo "<input type='button' value='' onclick=\"sub_zam_2('Elem');return false;\" style='width:100%;height:100%;background-image: url(img/sub_odejm.png);'/>";
  62. 			echo "</div>";
  63. 		echo "</div>";
  64.  
  65. 		echo "<br />";
  66. 		echo "<br />";
  67. 		echo "<br />";
  68.  
  69.  
  70. 			echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  71. 			echo "<center><input type='text' class='Elem' readonly='readonly' name='ilosc[]' value='5' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  72. 			echo "</div>";
  73. 			echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  74. 			echo "<center><input type='text' class='Elem' readonly='readonly' name='ilosc[]' value='4' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  75. 			echo "</div>";
  76. 			echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  77. 			echo "<center><input type='text' class='Elem' readonly='readonly' name='ilosc[]' value='2' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  78. 			echo "</div>";
  79.  
  80.  
  81. ?>
  82.  
  83. </BODY>
  84. </HTML>
  85.  
  86.  
  87.  
  88.  
  89.  
[HTML] pobierz, plaintext



jest lepiej bo teraz pola się zwiekszaja o tyle ile jest wartośc w danym polu podana , jednak jest tak że po zwiekszeniu nie chce wrócić do początkowej wartości ..
nospor
7.10.2011, 11:40:43
Cytat
jednak jest tak że po zwiekszeniu nie chce wrócić do początkowej wartości ..
A teraz przełóż to na polski smile.gif

if (Number(el.val()) <= Number(el.val()))
Przecież teraz porównujesz liczbę x z liczbą x. One są zawsze równe więc i ten warunek jest zawsze równy i nigdy nie dojdzie do zmniejszenia.
damianooo
7.10.2011, 11:53:17
chyba będzie problem ponieważ jednak zwiększanie też nie działa tak jak powinno ...

jak zwiększę inputa z wartością 5 o 5 to jak będzie 10 to następnie zwiększa się o 10 a nie dalej o pięć i powstaje taki ciąg: 5,10,20,40 itd .. a ja chcę aby było 5,10,15,20 itd.
nospor
7.10.2011, 11:57:56
No to dla input oprócz value ustawiaj też startvalue i zwiększaj/zmniejszaj o tę wartość.
Zeby dobrać sie do dowolnego parametru masz użyć funkcji attr() - patrz manual jquery
damianooo
7.10.2011, 12:05:24
hmm startValue ... ale gdzie to ustawić ? ...
nospor
7.10.2011, 12:08:57
obok value.....
....value="2" startvalue="2"....
damianooo
7.10.2011, 12:15:05
dodałem tak:

[PHP] pobierz, plaintext 
  1. echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  2.   echo "<center><input type='text' class='Elem' readonly='readonly' name='ilosc[]' value='5' startValue='5' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  3. echo "</div>";
  4. echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  5.   echo "<center><input type='text' class='Elem' readonly='readonly' name='ilosc[]' value='4' startValue='4' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  6. echo "</div>";
  7. echo "<div style='float:left;padding:0;margin:0;width:5.9em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
  8.   echo "<center><input type='text' class='Elem' readonly='readonly' name='ilosc[]' value='2'  startValue='2' maxlength=6 style='width:6.6em;height:1.3em;color:#378347;text-align:right;'></center>";
  9. echo "</div>";
[PHP] pobierz, plaintext


i zmieniłem skrypt tak:


[HTML] pobierz, plaintext 
  1. function add_zam_2 (inn) {
  2.  
  3. 	s = jQuery('.'+inn);
  4.  
  5. 	s.each(function()
  6. 	{
  7. 		var el = jQuery(this);
  8. 		var x = Number(el.attr(startvalue));
  9.  
  10. 		el.val(Number(el.val()) + x);
  11. 	});
  12.  
  13. }
[HTML] pobierz, plaintext




ale chyba źle się dobrałem do funkcji attr()
nospor
7.10.2011, 12:18:50
w inpucie dajesz startValue, w kodzie js piszesz startvalue

znajdź 10 różnic
startvalue
startValue
Proszę cię - skup się trochę, bo mi się wkoncu to znudzi.


Dodatkowo w kodzie js ma być to tekst, czyli 'startvalue' a nie startvalue

damianooo
7.10.2011, 12:36:49
ok super jest .... teraz jest wszystko tak jak być powinno ... 


[HTML] pobierz, plaintext 
  1. function add_zam_2 (inn) {
  2.  
  3. 	s = jQuery('.'+inn);
  4.  
  5. 	s.each(function()
  6. 	{
  7. 		var el = jQuery(this);
  8. 		var x = Number(el.attr('startValue'));
  9.  
  10. 		el.val(Number(el.val()) + x);
  11. 	});
  12.  
  13. }
  14.  
  15.  
  16. 	function sub_zam_2 (inn) {
  17.  
  18. 			s = jQuery('.'+inn);
  19.  
  20. 			s.each(function() { 
  21.  
  22. 			var el = jQuery(this);
  23. 			var x = Number(el.attr('startValue'));
  24.  
  25. 				if (Number(el.val()) <= x)
  26. 				{
  27. 					x;
  28. 				}
  29. 				else
  30. 				{
  31. 					el.val(Number(el.val()) - x);
  32. 				}
  33.  
  34. 			});
  35.  
  36. 	}
[HTML] pobierz, plaintext



myślę, że temat zamknięty ... wprowadzę teraz całość zmian do mojej aplikacji i jeśli będzie mi działać tak jak chciałem to zakończę ten wątek ...

jeszcze raz dzięki

ok mogę już potwierdzić że działa w mojej aplikacji tak jak powinno ... dzięki

pozdrawiam
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.