[JS] Dynamicznie wstawienie tr -> td -> div -> input Opcje

[slepiec68]

Witam

W JS jestem na poziomie zlobka wiec moje pytanie moze sie niektorym wydac smieszne :/

Tworze dynamicznie tabele: 1 wiersz to 6 kolumn z opisem, 2 wiersz to samo z checkbox-ami, a ponizej wiersz z div w ktorym potrzebuje umiescic input

Mam taki kod:

[PHP] pobierz, plaintext 
function dodajtab(id) {
 
var naglowek = new Array("pryw","sluz","PKP","PKS","pasaż","inny");
var input = new Array("prywatny","sluzbowy","pkp","pks","pasazer","inny");
 
var element = document.getElementById("typ_" + id);
var tbl = document.createElement("table");
var tblBody = document.createElement("tbody");
var row = document.createElement("tr");
 
for (var i = 0; i < 6; i++) {
	var cell = document.createElement("td");
	var cellText = document.createTextNode(naglowek[i]);
	cell.appendChild(cellText);
	row.appendChild(cell);
}
tblBody.appendChild(row);
 
var row = document.createElement("tr");
 
for (var i = 0; i < 6; i++) {
	cell = document.createElement("td");
	cell.setAttribute("style", "text-align: center;");
	el = document.createElement("input");
	el.type = "checkbox";
        el.value = "checkbox"
	el.name = "wyjazd[" + id + "][" + input[i] + "]";
        if(input[i] == "inny") el.setAttribute("onChange", "inny(this); return false;");
	cell.appendChild(el);  
	row.appendChild(cell);
}
tblBody.appendChild(row);
 
var row = document.createElement("tr");
 
cell = document.createElement("td");
cell.setAttribute("colspan", "6");
cell.setAttribute("style", "text-align: center;");
 
el = document.createElement("div");
el.setAttribute("id","wyjazd[" + id + "][inny_block]");
el.setAttribute("style","display: none;");
 
cell.appendChild(el);  
row.appendChild(cell);
 
tblBody.appendChild(row);
tbl.appendChild(tblBody);
element.appendChild(tbl);
}
[PHP] pobierz, plaintext 

Problem jest taki ze nie moge sobie poradzic z dynamicznym wstawieniem tego ostatniego input do div wyjazd[" + id + "][inny_block] :/

Bede wdzieczny za pomoc.

--
pozdrawiam
Marek

[slepiec68]

... ustala display: none dla div, poniewaz ma sie on pojawic dopiero po wybraniu ostatniego pola checkbox - "inny", po wybraniu ktorego trzeba podac jaki i do tego potrzebuje input

statyczny kod ktory chce wygenerowac wyglada tak

[HTML] pobierz, plaintext 
<table align="center" border="0" cellpadding="2" cellspacing="0">
  <tbody>
    <tr>
      <td>pryw</td>
      <td>służ</td>
      <td>PKP</td>
      <td>PKS</td>
      <td>pasaż</td>
      <td>inny</td>
    </tr>
    <tr>
      <td align="center" valign="middle"><input name="wyjazd[0][prywatny]" value="checkbox" type="checkbox"></td>
      <td align="center" valign="middle"><input name="wyjazd[0][sluzbowy]" value="checkbox" type="checkbox"></td>
      <td align="center" valign="middle"><input name="wyjazd[0][pkp]" value="checkbox" type="checkbox"></td>
      <td align="center" valign="middle"><input name="wyjazd[0][pks]" value="checkbox" type="checkbox"></td>
      <td align="center" valign="middle"><input name="wyjazd[0][pasazer]" value="checkbox" type="checkbox"></td>
      <td align="center" valign="middle"><input name="wyjazd[0][inny]" id="wyjazd[0][inny]" value="checkbox" onchange="inny(this); return false;" type="checkbox"></td>
    </tr>
    <tr>
      <td colspan="6" style="text-align: center;"><div id="wyjazd[0][inny_block]" style="display: none;">
          <input name="wyjazd[0][inny_opis]" id="wyjazd[0][inny_opis]" value="" type="text">
        </div></td>
    </tr>
  </tbody>
</table>
[HTML] pobierz, plaintext 

Ten post edytował slepiec68 25.10.2011, 10:20:20