[es] - Kako pokupiti vrijednosti iz tabela koristeći javascript

Kondenzator
Studiram
BiH

Član broj: 273610
Poruke: 22
31.176.205.*

Sajt: www.rodjendanskecestitke...

Profil

Kako pokupiti vrijednosti iz tabela koristeći javascript

^{19.02.2013. u 13:22 - pre 135 meseci}

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);
            }
    }
}

_{[Ovu poruku je menjao Kondenzator dana 19.02.2013. u 23:59 GMT+1]}

_{[Ovu poruku je menjao Kondenzator dana 20.02.2013. u 00:01 GMT+1]}

_{[Ovu poruku je menjao Kondenzator dana 20.02.2013. u 00:01 GMT+1]}

Rodjendanske Čestitke
Imena za bebe

Odgovor na temu