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

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

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
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: 14.10.2025 - 02:00
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn