Kako pokupiti vrijednosti iz tabela koristeći javascript

Pozdrav,

Imam tabelu napravljenu u html-u i funkciju GetTableCells() napisanu u javascripti. Zadatak te funkcije je kao što joj samo ime kaže da vrati vrijednosti iz tabele.
Funkcija radi ispravno tj. prođe kroz citavu tabelu i ispiše vrijednosti svake ćelije u tabeli u vidu "alertsa".

Međutim to nije ono što meni treba. Prije svega meni je potrebno da mi kupi samo vrijednosti iz ćelija x,y,z.

To će mi biti potrebno kako bi na osnovu tih koordinata mijenjao poziciju slike u <canvasu>. Prvi problem je sto ne znam kako da pokupim baš vrijednost, a kad kažem baš vrijednost mislim na slijedeće. Naime jedan red tabele mi izgleda ovako: <td><input type="text" onchange="myFunction()"></td> i funkcija GetTableCells() kad prolazi kroz tabelu vraća <input type="text" onchange="myFunction()">, a meni treba da vrati ono što je upisano u tabelu.

Hvala unaprijed na pomoći.
Edit:
npr. za drugi red i treću kolonu funkcija će vratiti <input type="text" onchange="GetTableCells()">, a ja bi želio da mi vrati hsdsh kao sto je upisano u tabeli na slici.

Code:

<table id="cell_values" border="1">
    <tr>
        <td>#</td>
        <td>filename</td>
        <td>x</td>
        <td>y</td>
        <td>z</td>
    </tr>

    <tr>
        <td>1</td>
        <td><img src="images/sheep.png" width="40px" height="40px"></img></td>
        <td><input type="text" onchange="GetTableCells()"></td>
        <td><input type="text" onchange="myFunction()"></td>
        <td><input type="text" onchange="myFunction()"></td>
    </tr>
    <tr>
        <td>2</td>
        <td><img src="images/tshirt.png" width="40px" height="40px"></td>
        <td><input type="text" onchange="myFunction()"></td>
        <td><input type="text" onchange="myFunction()"></td>
        <td><input type="text" onchange="myFunction()"></td>
    </tr>
    <tr>
        <td>3</td>
        <td>item.png</td>
        <td><input type="text" onchange="myFunction()"></td>
        <td><input type="text" onchange="myFunction()"></td>
        <td><input type="text" onchange="myFunction()"></td>
    </tr>
</table>

Code:

function GetTableCells(){
    var oTable = document.getElementById('cell_values');
        //gets table

    var rowLength = oTable.rows.length;
    //gets rows of table

    for (i = 0; i < rowLength; i++){
    //loops through rows

        var oCells = oTable.rows.item(i).cells;
        //gets cells of current row
        var cellLength = oCells.length;
            for(var j = 0; j < cellLength; j++){
            //loops through each cell in current row
                var cellVal = oCells.item(j).innerHTML;
                        alert(cellVal);
            }
    }
}

Potpis

Rodjendanske Čestitke
Imena za bebe

Forum kao aplikacija na telefonu

Srodne teme