Advertisement
Guest User

Untitled

a guest
Oct 26th, 2013
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. < div id = "studentsTable" >
  2. < script type = "text/javascript" >
  3.  // zmienne globalne
  4. var names = new Array("Peter", "John", "Amber", "Valen", "Jonathan", "Michael", "Alex", "Caroline", "Kathy", "Dorothy", "Paul", "Jack", "Eve");
  5. var surnames = new Array("Kovalsky", "Smith", "Scott", "Gonzales", "Carter", "Nelson", "Obama", "Stewart", "Diaz", "Hatthew", "Webb", "Stevens");
  6. var studentsNumber = 0;
  7. var table, tabbody;
  8.  
  9. // generuj tabele poczatkowa
  10. function generate() {
  11.  
  12.     table = document.createElement("table");
  13.     tabbody = document.createElement("tabbody");
  14.     table.appendChild(tabbody);
  15.     var firstRow = document.createElement("tr");
  16.  
  17.     var count = document.createElement("td");
  18.     var countText = document.createTextNode("Lp.");
  19.     count.appendChild(countText);
  20.  
  21.     var name = document.createElement("td");
  22.     var nameText = document.createTextNode("Imię");
  23.     name.appendChild(nameText);
  24.  
  25.     var surname = document.createElement("td");
  26.     var surnameText = document.createTextNode("Nazwisko");
  27.     surname.appendChild(surnameText);
  28.  
  29.     firstRow.appendChild(count);
  30.     firstRow.appendChild(name);
  31.     firstRow.appendChild(surname);
  32.     tabbody.appendChild(firstRow);
  33.  
  34.     var add = document.createElement("input");
  35.     add.type = "button";
  36.     add.value = "Dodaj studenciaka";
  37.     add.onclick = function() {
  38.         addStudent();
  39.     };
  40.  
  41.     document.getElementById("studentsTable").appendChild(table);
  42.     document.getElementById("studentsTable").appendChild(add);
  43. }
  44.  
  45. function addStudent() {
  46.     studentsNumber = studentsNumber + 1;
  47.  
  48.     // nowy wiersz
  49.     var nextRow = document.createElement("tr");
  50.  
  51.     // komorka z liczba porzadkowa
  52.     var count = document.createElement("td");
  53.     var countNumber = document.createTextNode(studentsNumber);
  54.     count.appendChild(countNumber);
  55.  
  56.     // komorka z imieniem
  57.     var nextName = document.createElement("td");
  58.     var nextNameText = document.createTextNode(names[Math.floor(Math.random() * names.length)]);
  59.     next.appendChild(nextNameText);
  60.  
  61.     // komorka z nazwiskiem
  62.     var nextSurname = document.createElement("td");
  63.     var nextSurnameText = document.createTextNode(surnames[Math.floor(Math.random() * surnames.length)]);
  64.     next.appendChild(nextSurnameText);
  65.  
  66.     nextRow.appendChild(count);
  67.     nextRow.appendChild(nextName);
  68.     nextRow.appendChild(nextSurname);
  69.  
  70.     document.getElementsByTagName(tabbody).appendChild(nextRow);
  71.     document.getElementsByTagName(table).appendChild(tabbody);
  72. }
  73. < /script>
  74. < /div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement