Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

kreiranje html tabele u js

[es] :: Javascript i AJAX :: kreiranje html tabele u js

[ Pregleda: 2410 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

damso
Novi Sad

Član broj: 78853
Poruke: 158
*.mbb.telenor.rs.



+9 Profil

icon kreiranje html tabele u js15.12.2014. u 13:18 - pre 113 meseci
Treba da kreiram tabelu a u celijama da bude dugmad.
Kada se klikne dugme treba da nestane.

Kreiram funkcijom Crtaj() a nestanak odradjuje funkcija Klik()
Medjutim nece da mi krera.Gde je greska?

Code:
<html>
<body  onload="crtaj()">
<script>

function klik(id){
//removes clicked object with id id

        var element = document.getElementById(id);
        element.parentNode.removeChild(element);
        
}

function crtaj(){
        
        var tabela=document.getElementById("dugmad");
        
       //r brojač  za redove:
        for (r=0;r<32;r++){

            //create tR:
            
            var tr= document.createElement("tr"); 
            tabela.appendChild(tr);  
            
            //k brojač za kolone:
            for (k=0;k<32;k++){

                var j=32*r+k;  //redni broj celije u tabeli
                
                //create td:
                var td= document.createElement("td");  
                var tr=document.getElementsByName("tr")[r];
                tr.appendChild(td);
                  
                //create dugme:    
                var dugme= document.createElement("button");            
                var textnode = document.createTextNode(j);          
                dugme.appendChild(textnode);
            
                var butt = document.getElementsByTagName("button")[j];        
                    var att = document.createAttribute("onclick");        
                att.value = "klik("+j+")";                        
                butt.setAttributeNode(att);

                att = document.createAttribute("id");  
                att.value = j;  
                butt.setAttributeNode(att);

                var td=document.getElementsByName("tr")[j];
                td.appendChild(dugme);
             };

        };
}


</script>

<table id="dugmad">
</table>
</body>
</html>

www.eden.rs
Izdavač duhovne i filozofske literature
 
Odgovor na temu

dusans
Stojanov Dušan
Pančevo

Član broj: 9551
Poruke: 1343
*.dynamic.sbb.rs.



+311 Profil

icon Re: kreiranje html tabele u js15.12.2014. u 13:25 - pre 113 meseci
Jel si ti pisao ovaj skript ili si radio copy-paste parčića iz drugih skriptova pa pokušavaš dok ne proradi?

Evo, ovako treba:
http://jsfiddle.net/xt3534zz/
 
Odgovor na temu

damso
Novi Sad

Član broj: 78853
Poruke: 158
*.mbb.telenor.rs.



+9 Profil

icon Re: kreiranje html tabele u js15.12.2014. u 15:26 - pre 113 meseci
Hvala. Dakle trebao sam da korisim vec postojece nodove kreirane sa create, a ne da im ponovo pristupam.
(da, kopirao sam kod za pristup nodovima)

www.eden.rs
Izdavač duhovne i filozofske literature
 
Odgovor na temu

[es] :: Javascript i AJAX :: kreiranje html tabele u js

[ Pregleda: 2410 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.