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

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

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