[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]

Dziekuje za odpowiedz - kilka lykow kawy rozjasmilo mi umysl i problem rozwiazalem wlasciwie tak samo

[PHP] pobierz, plaintext 
el = document.createElement("div");
el.setAttribute("id","wyjazd[" + id + "][inny_block]");
el.setAttribute("style","display: none;");
 
var inp = document.createElement("input");
inp.type="text";
inp.setAttribute("id","wyjazd[" + id + "][inny_opis]");
inp.setAttribute("name","wyjazd[" + id + "][inny_opis]");
el.appendChild(inp);
[PHP] pobierz, plaintext 

... musialo mi sie "przetrawic" o co w tym wszystkich chodzi (IMG:style_emoticons/default/smile.gif)

Taka konstrukcje

[PHP] pobierz, plaintext 
el.setAttribute("onChange", ...);
[PHP] pobierz, plaintext 

Znalazlem w innych skryptach i dlatego zastosowalem.

O "addEvent JS" oczywiscie poczytam i postaram sie stosowac (IMG:style_emoticons/default/smile.gif)

Dziekuje za odpowiedzi

----------

Skrypt dziala poprawnie ale kod HTML juz nie (IMG:style_emoticons/default/sad.gif)

Na FF, O i Chrome wyglada tak:

(IMG:http://slepiec.cba.pl/ff_o_ch.jpg)

ale juz kochany IE8 wyswietla tak:

(IMG:http://slepiec.cba.pl/ie.jpg)

ma ktos pomysl dlaczego?

--
pozdrawiam
Marek

Ten post edytował slepiec68 25.10.2011, 11:06:56