Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [AJAX]Sumowanie zaznaczonych pól input...
MaciekDZN
post
Post #1





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 6.01.2008
Skąd: Działoszyn

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

Cześć,
mam tutaj takie dwa skrypty... które ze sobą nie są kompatybilne, tzn. nie umiem ich połączyć razem tak żeby skrypt się 

[PHP] pobierz, plaintext 
  1. <?php
  2. ?>
  3. <form name='test' method='post'>
  4.     <input name='kupiono1' onmouseover='liczba(1)' onchange='liczba(1)' size='5' maxlength='10' value='577' type='text' />
  5. </form>
  6. suma_laczna: <span id='suma'>0.0000...</span>
[PHP] pobierz, plaintext 


[JAVASCRIPT] pobierz, plaintext 
  1.  function liczba(id){
  2.  var suma_laczna;
  3.  suma_laczna=((document.forms['lista_a'].kupiono[id].value)+suma_laczna);
  4. return suma_laczna;//Tutaj suma
  5.  }
[JAVASCRIPT] pobierz, plaintext


Ten post edytował MaciekDZN 29.09.2011, 09:01:40
Go to the top of the page
+Quote Post
CuteOne
post
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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

ale o co chodzi.. ?

ps. uzywaj tagu [ javascript ] bez spacji

Ten post edytował CuteOne 28.09.2011, 17:52:46
Go to the top of the page
+Quote Post
bulimaxiu
post
Post #3





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 18.06.2008
Skąd: Reda

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

a może getElementById?
[HTML] pobierz, plaintext 
  1. <form name='test' method='post'>
  2. <input name='kupiono1' id="1" onmouseover='liczba(1)' onchange='liczba(1)' size='5' maxlength='10' value='577' type='text' />
  3. </form>
  4. suma_laczna: <span id='suma'>0.0000...</span>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1.     function liczba(id){
  2.     var suma_laczna;
  3.     suma_laczna=((getElementById(id).value)+suma_laczna);
  4.     return suma_laczna;//Tutaj suma
  5.     }
[HTML] pobierz, plaintext
Nie wiem czy to działa, ale to propozycja metody.
Go to the top of the page
+Quote Post
MaciekDZN
post
Post #4





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 6.01.2008
Skąd: Działoszyn

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

górna opcja w ogóle nie działa, napisałem takie coś:

[JAVASCRIPT] pobierz, plaintext 
  1. function liczba(id){
  2.     var suma_laczna;
  3.     suma_laczna=((getElementById(id).value)+suma_laczna);
  4.     forms.wynik_gielda.value=suma_laczna;
  5.     }
[JAVASCRIPT] pobierz, plaintext



zamiast <span id....> napisałem:
[HTML] pobierz, plaintext 
  1. cena wszystkiego: <input name='wynik_gielda' value='0.0000'>
[HTML] pobierz, plaintext


też nie chodzi ://///////////////////////////////////////
jakieś rady od doświadczonych użytkowników?
Go to the top of the page
+Quote Post
CuteOne
post
Post #5





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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

document.getElementById(id).value

id - to string oznaczający np. <div id="aaa"> a nie liczba...


ps. nie trać czasu na zadawanie pytań tylko siądź wieczorem przed jakimś tutorialem opisującym JS

Ten post edytował CuteOne 29.09.2011, 14:54:40
Go to the top of the page
+Quote Post
kpt_lucek
post
Post #6





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. 	<head>
  7. 	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
  8.          <script type="text/javascript">
  9. 	  $(document).ready(function() {
  10. 		$('input.cena').bind('keyup', function() {
  11. 			$('span.lacznie').html( $('input.cena').sumValues() );
  12. 		});
  13. 	});
  14. 	</script>
  15. 	</head>
  16.  
  17. 	<body>
  18. Cena1: <input type="text" name="cena1" class="cena" /><br/>
  19. Cena2: <input type="text" name="cena2" class="cena" /><br/>
  20.  
  21. Łącznie: <span class="lacznie"></span>
  22. <br/><br/>
  23. 	<script type="text/javascript">
  24. 		$.fn.sumValues = function() {
  25. 			var sum = 0; 
  26. 			this.each(function() {
  27. 				if ( $(this).is(':input') ) {
  28. 					var val = $(this).val();
  29. 				} else {
  30. 					var val = $(this).text();
  31. 				}
  32. 				sum += parseFloat( ('0' + val).replace(/[^0-9-\.]/g, ''), 10 );
  33. 			});
  34. 			return sum;
  35. 		};
  36. 	</script>
  37. </body>  
  38. </html>
[HTML] pobierz, plaintext


znalezione na: Link

BTW AJAX do niczego nie potrzebny (IMG:style_emoticons/default/smile.gif) , jak widać samo JQuery wystarcza.

Ten post edytował kpt_lucek 29.09.2011, 15:06:30
Go to the top of the page
+Quote Post
CuteOne
post
Post #7





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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

Do tak prostego zadania załączać KobyłęQuery.. (IMG:style_emoticons/default/questionmark.gif) bez jaj zrobienie tego to jest 5 linijek kodu..
Go to the top of the page
+Quote Post
kpt_lucek
post
Post #8





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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

Owszem, ale nie wiemy czy MaciekDZN nie używa jquery w jakiejś innej części swojego skryptu. Ja osobiście używam jej niemal w każdym skrypcie więc dla tego podałem takie rozwiązanie.
Go to the top of the page
+Quote Post
CuteOne
post
Post #9





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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

Co z tego że używa go gdzie indziej? Skoro samo wywołanie "$(this)" to ogromna strata zasobów? No ale jak coś działa po stronie klienta to przecież, może być wolne co nie?
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: 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: 22.09.2025 - 02:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn