Forum PHP.pl > [AJAX]Sumowanie zaznaczonych pól input...

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX]Sumowanie zaznaczonych pól input...

MaciekDZN

28.09.2011, 17:38:58

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

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

CuteOne

28.09.2011, 17:51:59

ale o co chodzi.. ?

ps. uzywaj tagu [ javascript ] bez spacji

bulimaxiu

29.09.2011, 10:29:16

a może getElementById?

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

[HTML] pobierz, plaintext 
    function liczba(id){
    var suma_laczna;
    suma_laczna=((getElementById(id).value)+suma_laczna);
    return suma_laczna;//Tutaj suma
    }
[HTML] pobierz, plaintext

Nie wiem czy to działa, ale to propozycja metody.

MaciekDZN

29.09.2011, 14:50:24

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

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

zamiast <span id....> napisałem:

[HTML] pobierz, plaintext 
cena wszystkiego: <input name='wynik_gielda' value='0.0000'>
[HTML] pobierz, plaintext

też nie chodzi ://///////////////////////////////////////
jakieś rady od doświadczonych użytkowników?

CuteOne

29.09.2011, 14:53:14

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

kpt_lucek

29.09.2011, 15:00:40

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
	<head>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
         <script type="text/javascript">
	  $(document).ready(function() {
		$('input.cena').bind('keyup', function() {
			$('span.lacznie').html( $('input.cena').sumValues() );
		});
	});
	</script>
	</head>
 
	<body>
Cena1: <input type="text" name="cena1" class="cena" /><br/>
Cena2: <input type="text" name="cena2" class="cena" /><br/>
 
Łącznie: <span class="lacznie"></span>
<br/><br/>
	<script type="text/javascript">
		$.fn.sumValues = function() {
			var sum = 0; 
			this.each(function() {
				if ( $(this).is(':input') ) {
					var val = $(this).val();
				} else {
					var val = $(this).text();
				}
				sum += parseFloat( ('0' + val).replace(/[^0-9-\.]/g, ''), 10 );
			});
			return sum;
		};
	</script>
</body>  
</html>
[HTML] pobierz, plaintext

znalezione na: Link

BTW AJAX do niczego nie potrzebny

, jak widać samo JQuery wystarcza.

CuteOne

29.09.2011, 15:08:29

Do tak prostego zadania załączać KobyłęQuery..

bez jaj zrobienie tego to jest 5 linijek kodu..

kpt_lucek

29.09.2011, 15:10:01

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.

CuteOne

29.09.2011, 15:15:06

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?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.