Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]tworzenie tabeli
tokiano
post 21.12.2009, 17:52:55
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 12.12.2009

Ostrzeżenie: (0%)
-----

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

[HTML] pobierz, plaintext 
  1. <HTML>
  2. <HEAD>
  3. <TITLE> New Document </TITLE>
  4. <META NAME="Author" CONTENT="">
  5. <script LANGUAGE="JavaScript">
  6.  
  7.  function ukryjtab(id) {
  8.  
  9.   var element = document.getElementById(id);
  10.    while (element.firstChild) {
  11.     element.removeChild(element.firstChild);
  12.    }
  13.  }
  14.  
  15.     function dodajtab(id) {
  16.  
  17.         var element = document.getElementById(id);
  18.         var tbl     = document.createElement("table");
  19.         var tblBody = document.createElement("tbody");
  20.  
  21.         for (var j = 0; j < 2; j++) {
  22.             var row = document.createElement("tr");
  23.             for (var i = 0; i < 2; i++) {
  24.  
  25.                 var cell = document.createElement("td");
  26.                 var cellText = document.createTextNode("komórka nr: "+j+", kolumna nr: "+i);
  27.                 cell.appendChild(cellText);
  28.                 row.appendChild(cell);
  29.             }
  30.             tblBody.appendChild(row);
  31.         }
  32.  
  33.         tbl.appendChild(tblBody);
  34.         element.appendChild(tbl);
  35.         tbl.setAttribute("border", "1");
  36.     }
  37.  
  38. </SCRIPT>
  39. </HEAD>
  40.  
  41. <BODY>
  42. <TABLE border="1">
  43. <TR>
  44.  <TD>fiat stilo</TD>
  45.  <TD>1,6</TD>
  46.  <TD><input type="button" name="wybor" value="pokaz" onClick="dodajtab(2)"><input type="button" name="wybor" value="ukryj" onClick="ukryjtab(2)"></TD>
  47. </TR>
  48. <TR>
  49.  <TD colspan="3" id="2"></TD>
  50. </TR>
  51. <TR>
  52.  <TD>fiat panda</TD>
  53.  <TD>1,1</TD>
  54.  <TD>j</TD>
  55. </TR>
  56. </TABLE>
  57. </BODY>
  58. </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
Go to the top of the page
+Quote Post
Wicepsik
post 21.12.2009, 17:59:13
Post #2





Grupa: Zarejestrowani
Postów: 1 575
Pomógł: 299
Dołączył: 26.03.2009

Ostrzeżenie: (20%)
X----

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 smile.gif

Ten post edytował Wicepsik 21.12.2009, 17:59:34


--------------------
Manual .:. Google
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 26.04.2025 - 05:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn