Untitled

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
    <table style="border":1px solid black id="MojaTabela">
        <tbody>
            <tr>
                <td onclick="Sortiraj(0)">RBR</td>
                <td onclick="Sortiraj(1)">IME</td>
                <td onclick="Sortiraj(2)">PREZIME</td>
            </tr>
            <tr>
                <td>1. </td>
                <td>Aleksa</td>
                <td>Nedeljkovic </td>
            </tr>
            <tr>
                <td>2. </td>
                <td>Vlada </td>
                <td>Blagojevic </td>
            </tr>
            <tr>
                <td>3. </td>
                <td>Antonije </td>
                <td>Misic </td>
            </tr>
            <tr>
                <td>4. </td>
                <td>Aleksa </td>
                <td>Manasijevic </td>
            </tr>
            <tr>
                <td>5. </td>
                <td>There was </td>
                <td>no other way </td>
            </tr>
        </tbody>
    </table>

    <script>
        /*
            uporedjuje prema njihovoj vrednosti u ascii tablici
        */

        Smer=1;
        function Sortiraj(kolona)
        {
            var table = document.getElementById("MojaTabela"); //tabelu stavljam u promenljivu

            for(i=1;i<table.rows.length;i++) //prvi red idemo do broja redova
            {
                for(j=1;j<table.rows.length;j++) //drugi red idemo do broja redova
                {
                    if((table.rows[i].cells[kolona].innerHTML<table.rows[j].cells[kolona].innerHTML && Smer==1) || (table.rows[i].cells[kolona].innerHTML>table.rows[j].cells[kolona].innerHTML && Smer==2)) //prvi red iz te i te kolone pitamo da li je manji/veci od drugog reda iz iste kolone i pitamo da li je smer jednak ili nije 1
                    {
                        var pom=table.rows[i].innerHTML; //prvi red stavljammo u pomocnu
                        table.rows[i].innerHTML=table.rows[j].innerHTML;//na mesto prvog reda stavljamo drugi
                        table.rows[j].innerHTML=pom;//na mestu drugog reda stavljamo pomocnu u koju smo stavili prvi
                    }
                }
            }
            if(Smer==1) //smer oznacava opadajuci ili rastuci
            {
                Smer=2;
            }
            else
                Smer=1;
        }
        </script>
</body>
</html>