Forum PHP.pl > [JavaScript]tworzenie tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]tworzenie tabeli

tokiano

21.12.2009, 17:52:55

witam, ucze sie js i troche mi slabo idzie. Znalazlem taki kod w necie

[HTML] pobierz, plaintext 
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="">
<script LANGUAGE="JavaScript">
 
 function ukryjtab(id) {
 
  var element = document.getElementById(id);
   while (element.firstChild) {
    element.removeChild(element.firstChild);
   }
 }
 
    function dodajtab(id) {
 
        var element = document.getElementById(id);
        var tbl     = document.createElement("table");
        var tblBody = document.createElement("tbody");
 
        for (var j = 0; j < 2; j++) {
            var row = document.createElement("tr");
            for (var i = 0; i < 2; i++) {
 
                var cell = document.createElement("td");
                var cellText = document.createTextNode("komórka nr: "+j+", kolumna nr: "+i);
                cell.appendChild(cellText);
                row.appendChild(cell);
            }
            tblBody.appendChild(row);
        }
 
        tbl.appendChild(tblBody);
        element.appendChild(tbl);
        tbl.setAttribute("border", "1");
    }
 
</SCRIPT>
</HEAD>
 
<BODY>
<TABLE border="1">
<TR>
 <TD>fiat stilo</TD>
 <TD>1,6</TD>
 <TD><input type="button" name="wybor" value="pokaz" onClick="dodajtab(2)"><input type="button" name="wybor" value="ukryj" onClick="ukryjtab(2)"></TD>
</TR>
<TR>
 <TD colspan="3" id="2"></TD>
</TR>
<TR>
 <TD>fiat panda</TD>
 <TD>1,1</TD>
 <TD>j</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[HTML] pobierz, plaintext

i chcialbym zrobic, zeby byly dwa buttony i jednym sie tworzylo nowa kolumne, a drugim dodawalo komorki. Naprowadzi mnie ktos jak to zrobic? Chodzi o to, ze klikam button kolumna i tworzy sie nowa kolumna a potem klikam button komorka i w tej kolumnie tworza sie komorki. I potem klikam button kolumna i robi sie nowa kolumna i teraz jak klikne button komorka to utworzy sie w tym nowym. W tym przykladzie robi sie to wszystko razem, a ja chcialbym osobno, ale nie wiem jak sie za to zabrac

Pozdrawiam

Wicepsik

21.12.2009, 17:59:13

Wiesz co robi każdy element kodu javascript w tym kodzie który znalazłeś? Jeżeli nie to poszukaj w necie co robią poszczególne metody. Bo takie kopiuj - wklej gówno daje

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.