[js] dynamiczne grupowanie danych Opcje

[yarek12]

Witam,
Mam 3 inputy text (t_n) i 3 inputy text (r_n)

[HTML] pobierz, plaintext 
<input type="text" name="t_1"><input type="text" name="r_1">
<input type="text" name="t_2"><input type="text" name="r_2">
<input type="text" name="t_3"><input type="text" name="r_3">
[HTML] pobierz, plaintext 

Przykładowo wpisuje do t_1, t_2 i t_3 wartość 1, i teraz to r_1 wpisuje "dom", do r_2 też "dom", a do r_3 "trawa".

Przy użyciu tych danych chciałbym otrzymać 2 (jako suma wartości gdzie r_n wynosi "dom") i 1 (jako suma wartości gdzie r_n wynosi "trawa").

Prościej mówiąc potrzebuję sumować wartośći t_1 gdzie r_n jest takie same.


Jakieś pomysły?? Sam myślę żeby to zrobić na array, i pogrupować do tabeli - niestety nie mam pomysłu na strukturę tabeli i dodawanie.


Przypominam, że cały skrypt musi działać dynamicznie (bez odświeżania strony).


Z góry dziękuje za pomoc.

[wookieb]

Wrzuć dane do tablicy i... http://phpjs.org/functions/array_count_values:308

[yarek12]

Hmmm, funkcja array_count_values(); na pewno mi pomoże, jednak on zlicza ile jest w tabeli danych o podanej nazwie.

[PHP] pobierz, plaintext 
<?php
$array = array(1, "hello", 1, "world", "hello");
$count = array_count_values($array);
echo $count['hello'];
?>
[PHP] pobierz, plaintext 

W takim wypadku echo zwróci 2, ponieważ w tej tabeli są dwa "hello".
Możliwe, że źle wykorzystałem twoją poradę, proszę o małe wyjaśnienie, jak to wykorzystać w moim przypadku, kiedy potrzebuje zsumować wszystkie wartości t_n gdzie r_n jest takie samo (patrz 1 post).

[wookieb]

Twoja tablica

[JAVASCRIPT] pobierz, plaintext 
var tab = ['wartosc_t_1_wartosc_r_1', 'wartosc_t_2_wartosc_r_2']; // itd
[JAVASCRIPT] pobierz, plaintext 

[yarek12]

Czy w takim wypadku funkcja nie podliczy mi ponownie ile jest takich samych wartości??
Dalej nie wiem jak to wykorzystać, ta funkcja zlicza wartości o tej samej nazwie, może się źle zrozumieliśmy.

Ja potrzebuję dodać do siebie wartości t_n gdzie r_n jest takie same.

[wookieb]

Wybacz nie zrozumiałem Cię :/
No to niestety trzeba się bawić.

[JAVASCRIPT] pobierz, plaintext 
var t, r, combineValue;
var countArray = [];
for (var i =1; i<=n; i++) {
  t = document.getElementById('t_'+i);
  r = document.getElementById('r_'+i);
  if (t === r) {
     combineValue = t+'_'+r;
     if (!countArray[combineValue]) {
       countArray[combineValue] = 1;
     } else {
       countArray[combineValue]++;
     }
  }
}
[JAVASCRIPT] pobierz, plaintext 

[yarek12]

wywala null, albo undefinde

[wookieb]

Aj. poprawiam

[JAVASCRIPT] pobierz, plaintext 
Wybacz nie zrozumiałem Cię :/
No to niestety trzeba się bawić.
[javascript]
var t, r, combineValue;
var countArray = [];
for (var i =1; i<=n; i++) {
  t = document.getElementById('t_'+i).value;
  r = document.getElementById('r_'+i).value;
  if (t === r) {
     combineValue = t+'_'+r;
     if (!countArray[combineValue]) {
       countArray[combineValue] = 1;
     } else {
       countArray[combineValue]++;
     }
  }
}
[JAVASCRIPT] pobierz, plaintext 

Ale to już mogłeś sam doszukać.
Oczywiście "n" musisz zdefiniować ....

[yarek12]

[HTML] pobierz, plaintext 
<script type="text/javascript">
var t, r, combineValue;
var countArray = [];
var n = 3;
for (var i =1; i<=n; i++) {
  t = document.getElementById('t_'+i).value;
  r = document.getElementById('r_'+i).value;
  if (t === r) {
     combineValue = t+'_'+r;
     if (!countArray[combineValue]) {
       countArray[combineValue] = 1;
     } else {
       countArray[combineValue]++;
     }
  }
}
</script>
<input type="text" value="3" id="t_1"><input type="text" value="dom" id="r_1"><br />
<input type="text" value="2" id="t_2"><input type="text" value="dom" id="r_2"><br />
<input type="text" value="1" id="t_3"><input type="text" value="lato" id="r_3">
[HTML] pobierz, plaintext 

.value zauważyłem, jednka mimo tego zwraca null

[wookieb]

Bo.. nie ma pól z grupy t i r o tych samych wartościach. Poza tym "kto, co" zwraca?

[yarek12]

Alert ma zwracać, no jednak teraz też nie do końca się zrozumieliśmy.

On nie szuka takich samych t_n i r_n

Tylko sumuje wartości t_n gdzie r_n są takie same.

np.:

[HTML] pobierz, plaintext 
<input type="text" id="t_1" value="2"><input type="text" id="r_1" value="dom">
<input type="text" id="t_2" value="5"><input type="text" id="r_2" value="dom">
<input type="text" id="t_3" value="6"><input type="text" id="r_3" value="lato">
[HTML] pobierz, plaintext 

Przy takim kodzie, wartość dom wynosiła by 7 (5+2), a lato 6

Właśnie o taki skrypt mi chodzi.

Ten post edytował yarek12 9.06.2011, 12:52:07

[wookieb]

Trzeba było ten przykład walić na początku...

[JAVASCRIPT] pobierz, plaintext 
var t, r;
var countArray = [];
var n = 3;
for (var i =1; i<=n; i++) {
  t = Number(document.getElementById('t_'+i).value);
  r = document.getElementById('r_'+i).value;
     if (!countArray[r]) {
       countArray[r] = t;
     } else {
       countArray[r] += t;
     }
}
[JAVASCRIPT] pobierz, plaintext 

Powód edycji: [wookieb]:

[yarek12]

Hmmm, nie mogę wytestować, nie wiem dlaczego document.write(); nie działa po pętli for i nie mogę wyświetlić tabeli.

[HTML] pobierz, plaintext 
<script type="text/javascript">
var t, r;
var countArray = [];
var n = 1;                  
for (var i =1; i<=n; i++) {
t = Number(document.getElementById('t_'+i).value);
r = document.getElementById('r_'+i).value;     
if (!countArray[r]) {      
countArray[r] = t;   
} else {
countArray[r] += t;
}
}    
var arr = countArray[r];
document.write(arr);
</script>
[HTML] pobierz, plaintext 

[wookieb]

firebug i console.log (frazy dla google)
Poza tym wstawisz kod PRZED wystąpieniem tych elementów, a powinieneć PO. Podstawy JavaScriptu.

[yarek12]

Wpisuje tylko ostatnią wartość do countArray, a nie sumuje.

[HTML] pobierz, plaintext 
<input type="text" value="2" id="t_1"><input type="text" value="dom" id="r_1"><br />
    <input type="text" value="2" id="t_2"><input type="text" value="dom" id="r_2"><br />
    <input type="text" value="5" id="t_3"><input type="text" value="lato" id="r_3">
    <div id="test">-</div>
 
    <script type="text/javascript">
    var t, r;
    var countArray = [];
    var n = 3;
    for (var i =1; i<=n; i++) {
    t = Number(document.getElementById('t_'+i).value);
    r = document.getElementById('r_'+i).value;
    if (!countArray[r]) {
    countArray[r] = t;
    } else {
    countArray[r] += t;
    }
    }
    var arr = countArray[r];
    document.getElementById("test").innerHTML = arr;
    </script>
[HTML] pobierz, plaintext 

Powód edycji: [wookieb]: [wookieb]:

[wookieb]

A mówiłem "console.log" i nie "arr" tylko countArray

Powód edycji: [wookieb]:

[yarek12]

Możesz usunąć temat, chyba nie dojdziemy do porozumienia

W takim razie proszę moderatora, o wyczyszczenie tego tematu, aby został tylko wątek główny

[wookieb]

Przestań się rzucać. Dostałeś jasne wskazówki. Co z tego, że zostanie watek główny jak dojdziemy/ecie do tego samego punktu kulminacyjnego o nazwie "ja i tak was nie posłucham". Temat zostaje.
W myśl starej mądrości: 'Nie można coś widzieć a potem odwidzieć'.

[yarek12]

Nie chce być upierdliwy, ale nie do końca rozumiesz moją wizje skryptu.

Skrypt który napisałeś tylko zsumuje wartości t, do tabeli.

Ja ciągle mówie o sumowaniu wartości t_1 gdzie r_1 jest takie same.

Podaje jasne wytłumaczenie:

[HTML] pobierz, plaintext 
<input type="text" id="t_1" value="5"><input type="text" id="r_1" value="dom">
<input type="text" id="t_2" value="8"><input type="text" id="r_2" value="dom">
<input type="text" id="t_3" value="2"><input type="text" id="r_3" value="las">
<input type="text" id="t_4" value="6"><input type="text" id="r_4" value="las">
<input type="text" id="t_5" value="7"><input type="text" id="r_5" value="las">
<input type="text" id="t_6" value="1"><input type="text" id="r_6" value="basen">
[HTML] pobierz, plaintext 

W efekcie, potrzebuje otrzymać: Dom: 13 (5+8), Las: oraz 15 (7+6+2), oraz Basen: 1.

Jeśli ktoś ma pomysł na napisanie takiego skryptu, to proszę porady.
Staram się to wytłumaczyć najbardziej jak mogę, i myślę, że dobrze przedstawiłem sposób działania.

____________________________________

Ok, mam teraz taką tablice, id numerowane jest po kolei:

$mat[rodzaj][id] = wartość;


i potrzebuję zsumować wartości z tablic gdzie rodzaj jest taki sam.

Ten post edytował yarek12 9.06.2011, 16:42:56

[wookieb]

[JAVASCRIPT] pobierz, plaintext 
var t, r;
var countObj = {};
var n = 6;                  
for (var i =1; i<=n; i++) {
	t = Number(document.getElementById('t_'+i).value);
	r = document.getElementById('r_'+i).value;     
	if (!countObj[r]) {      
		countObj[r] = {
			occurTimes: 1,
			sum: t
		};
	} else {
		countObj[r].occurTimes++;
		countObj[r].sum += t;
	}
}
 
// przefiltrowanie
for (i in countObj) {
	if (countObj[i].occurTimes === 1) {
		delete countObj[i];
	} else {
            // tutaj robisz co chcesz z wynikiem
        }
}
 
// wynik
countObj['dom'].occurTimes  // ilosc ywstaw
countObj['dom'].sum // suma z nich
[JAVASCRIPT] pobierz, plaintext