Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
 Reply to this topicStart new topic
> <input type='button' /> PROBLEM NR..2, jednoczesne zwiększanie danych w wielu inputach
damianooo
post
Post #1





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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

Ten post edytował damianooo 6.10.2011, 15:16:44
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
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')
Go to the top of the page
+Quote Post
damianooo
post
Post #3





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
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
Go to the top of the page
+Quote Post
damianooo
post
Post #5





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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

Ten post edytował damianooo 7.10.2011, 09:35:48
Go to the top of the page
+Quote Post
nospor
post
Post #6





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
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);
Powód edycji: [nospor]:
Go to the top of the page
+Quote Post
damianooo
post
Post #7





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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

Ten post edytował damianooo 7.10.2011, 10:02:39
Go to the top of the page
+Quote Post
nospor
post
Post #8





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
Kod
function add_zam_2 (inn,v) {
s = jQuery('.'+inn);
s.each(function(){
  var el = jQuery(this);
  el.val(Number(el.val()) + v);
});
}
Go to the top of the page
+Quote Post
damianooo
post
Post #9





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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
Go to the top of the page
+Quote Post
nospor
post
Post #10





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
Zobacz jak ja używam val a jak ty.
Go to the top of the page
+Quote Post
damianooo
post
Post #11





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

ok już wiem (IMG:style_emoticons/default/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ą (IMG:style_emoticons/default/questionmark.gif) ...
Go to the top of the page
+Quote Post
nospor
post
Post #12





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
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?
Go to the top of the page
+Quote Post
damianooo
post
Post #13





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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 (IMG:style_emoticons/default/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 ...
Go to the top of the page
+Quote Post
nospor
post
Post #14





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
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
Go to the top of the page
+Quote Post
damianooo
post
Post #15





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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.
Go to the top of the page
+Quote Post
nospor
post
Post #16





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
Znowu nie myślisz..... 4==5 dawałem jak przykład. Ty masz miec el.val() <= v
Go to the top of the page
+Quote Post
damianooo
post
Post #17





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

ale właśnie tak zrobiłem i nie działa (IMG:style_emoticons/default/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


Ten post edytował damianooo 7.10.2011, 11:15:20
Go to the top of the page
+Quote Post
nospor
post
Post #18





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
el.val() to tekst. Musisz go wpierw zamienic na liczbę, chocby przy pomocy parseInt
Go to the top of the page
+Quote Post
damianooo
post
Post #19





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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
Go to the top of the page
+Quote Post
nospor
post
Post #20





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
A zadziałało? No to może być
Nie zadziało? No to nie może być
(IMG:style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
damianooo
post
Post #21





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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
Go to the top of the page
+Quote Post
nospor
post
Post #22





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
A co ci znowu ta 5 przeszkadza?
Go to the top of the page
+Quote Post
damianooo
post
Post #23





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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 ..
Go to the top of the page
+Quote Post
nospor
post
Post #24





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
Cytat
jednak jest tak że po zwiekszeniu nie chce wrócić do początkowej wartości ..
A teraz przełóż to na polski (IMG:style_emoticons/default/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.
Go to the top of the page
+Quote Post
damianooo
post
Post #25





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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.
Go to the top of the page
+Quote Post
nospor
post
Post #26





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
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
Go to the top of the page
+Quote Post
damianooo
post
Post #27





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

hmm startValue ... ale gdzie to ustawić ? ...
Go to the top of the page
+Quote Post
nospor
post
Post #28





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
obok value.....
....value="2" startvalue="2"....
Go to the top of the page
+Quote Post
damianooo
post
Post #29





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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()

Ten post edytował damianooo 7.10.2011, 12:19:07
Go to the top of the page
+Quote Post
nospor
post
Post #30





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
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
Go to the top of the page
+Quote Post
damianooo
post
Post #31





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

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

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
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

2 Stron V   1 2 >
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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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