Forum PHP.pl > [MySQL][JavaScript][PHP]Sortowanie tabeli za pomocą JS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [MySQL][JavaScript][PHP]Sortowanie tabeli za pomocą JS - nie sortuje liczb, sortowanie przyciski

timeo

30.01.2017, 11:00:05

Hejka

Przerobiłem trochę kod z jednego z Waszych przyjaciół. Proszę pomóżcie mi zrobić tak, żeby liczby też sortował. Sortuje tylko Po Alfabcie a nie po liczbach. I mam pytanie czy dużo zmian będzie, żeby zrobić dwie strzałki do sortowania malejąco/rosnąco?

[PHP] pobierz, plaintext 
<script type="text/JavaScript">
function sortUnicode(a,b){return a[0].toLowerCase().localeCompare(b[0].toLowerCase());}
function sortIt(o,s,r,n,t,i) {
    o.ord=!o.ord;
    n=o.parentNode.cellIndex;
    r=o.offsetParent.offsetParent.rows;
    var rows=[],cols=[];s=s||1;
    for(i=0;t=r[s+i];i++){
        rows.push(t.cloneNode(true));
        cols.push([t.cells[n].firstChild.nodeValue,i]);
    }
    cols.sort(sortUnicode);
    if(o.ord)cols.reverse()
    for(i=0;t=r[s+i];i++){
        var j = rows[cols[i][1]];
        t.parentNode.replaceChild(j,t);
        j.className=i%2?'odd':'even';
    }
}
function toggleClass(o,s){
    o.oldClassName=o.className
    o.className=s
    o.onmouseout=function(){o.className=o.oldClassName;}
}
</script>
</head>
<body>
<div class="tableContainer">
<div class="innerframe">
<table id="tab">
<thead>
<tr>
 
    <th><a href="#" onclick="sortIt(this);return false;">IMIĘ</a></th>
    <th><a href="#" onclick="sortIt(this);return false;">KSYWKA</a></th>
    <th><a href="#" onclick="sortIt(this);return false;">URODZINY</a></th>
    <th><a href="#" onclick="sortIt(this);return false;">FUNKCJA</a></th>
</tr>
</thead>
<tbody>
 
<?php 
$stmt = $db->query('SELECT * FROM mobidoktor WHERE status = "Otwarte"');
foreach ($stmt as $row)
{?>
<tr  onmouseover="toggleClass(this,'trOver')">
<td><?php echo $row['ticket']; ?> </td>
<td><?php echo $row['klient']; ?> </td>
<td><?php echo $row['imei']; ?> </td>
<td><?php echo $row['Ktorobil']; ?> </td> </tr>
<?php
}
?>
 
</tbody></table>
</div>
</div>
</body>
[PHP] pobierz, plaintext

Dobra zamieniłem cols.sort(sortUnicode); na cols.sort();
i działa. Kwestia jak zrobić, żeby móc wybrać malejąco / rosnąco?

ostrylg

30.01.2017, 11:12:21

Tutaj znajdziesz odpowiedz

http://www.w3schools.com/jsref/jsref_sort.asp

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.