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

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