Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> <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
 
 Start new topic
Odpowiedzi
damianooo
post
Post #2





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

Posty w temacie
- damianooo   <input type='button' /> PROBLEM NR..2   6.10.2011, 15:06:08
- - nospor   Id jak sama nazwa wskazuje ma być UNIKALNE i nie m...   6.10.2011, 19:31:00
- - damianooo   czy mogę prosić o przykład ... bo nie bardzo chyba...   6.10.2011, 20:49:25
- - nospor   onclick=\"sub_zam_2('KlasaElementu...   6.10.2011, 21:08:38
- - damianooo   ok mniej więcej chyba kumam jednak po mojej zmiani...   7.10.2011, 09:31:04
- - nospor   Cytatzastanawiam się czy nie powinienem dodać bibl...   7.10.2011, 09:37:41
- - damianooo   Chyba jestem już bliżej niż dalej ale jeszcze to n...   7.10.2011, 09:59:13
- - nospor   Kodfunction add_zam_2 (inn,v) { s = jQuery...   7.10.2011, 10:07:56
- - damianooo   super ... dzięki za pomoc ... nie wiem tylko czemu...   7.10.2011, 10:26:37
- - nospor   Zobacz jak ja używam val a jak ty.   7.10.2011, 10:28:30
- - damianooo   ok już wiem co robiłem źle el.val to jest funkcja...   7.10.2011, 10:39:29
- - nospor   Wybacz za pytanie, możesz mnie odebrać jako chama ...   7.10.2011, 10:41:44
- - damianooo   nie nie uznam Ciebie za chama i prostaka domyślam ...   7.10.2011, 10:52:08
- - nospor   Chyba się nie rozumiemy... dałeś warunek porównani...   7.10.2011, 11:02:25
- - damianooo   ok fakt ... ale jeszcze jedna rzecz której chyba n...   7.10.2011, 11:06:53
- - nospor   Znowu nie myślisz..... 4==5 dawałem jak przykład. ...   7.10.2011, 11:11:24
- - damianooo   ale właśnie tak zrobiłem i nie działa ... sorry ż...   7.10.2011, 11:13:13
- - nospor   el.val() to tekst. Musisz go wpierw zamienic na li...   7.10.2011, 11:18:50
- - damianooo   a za pomocą "Number" ? [HTML] pobierz...   7.10.2011, 11:22:46
- - nospor   A zadziałało? No to może być Nie zadziało? No to n...   7.10.2011, 11:24:14
- - damianooo   ale musimy w tym miejscu coś zmienic [PHP] pobier...   7.10.2011, 11:25:47
- - nospor   A co ci znowu ta 5 przeszkadza?   7.10.2011, 11:27:01
- - damianooo   chodzi mi o to że nie może być podanej stałej wart...   7.10.2011, 11:34:36
- - nospor   Cytatjednak jest tak że po zwiekszeniu nie chce wr...   7.10.2011, 11:40:43
- - damianooo   chyba będzie problem ponieważ jednak zwiększanie t...   7.10.2011, 11:53:17
- - nospor   No to dla input oprócz value ustawiaj też startval...   7.10.2011, 11:57:56
- - damianooo   hmm startValue ... ale gdzie to ustawić ? ...   7.10.2011, 12:05:24
- - nospor   obok value..... ....value="2" startvalue...   7.10.2011, 12:08:57
- - damianooo   dodałem tak: [PHP] pobierz, plaintext echo ...   7.10.2011, 12:15:05
- - nospor   w inpucie dajesz startValue, w kodzie js piszesz s...   7.10.2011, 12:18:50
- - damianooo   ok super jest .... teraz jest wszystko tak jak być...   7.10.2011, 12:36:49

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

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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: 8.10.2025 - 01:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn