appendChild i removeChild nie działa w IE :( Opcje

[exseerius]

Człowiek się męczy, pracuje pisze, sprawdza w FF działa, przechodzi na IE - już nie działa :/

Ktoś mi powie dlaczego ?

Kodzik JS:

[HTML] pobierz, plaintext 
var lines = 2;
var maks = 26;
var mini = 6;
 
function AddLine(table){
     if (lines == maks)  {
          alert("Osiągnąłeś maksymalną liczbę dokumentów!\nWygeneruj teraz PDF i przygotuj kolejną checklistę!");
     }
	  else {	
          var row = document.createElement('tr');
			 row.setAttribute("id",'dok_'+lines);
 
			 var cell = document.createElement('td');
			 var inpt = document.createElement('input');
			 var cellText = document.createTextNode(lines);
 
			 cell.appendChild(cellText);
			 row.appendChild(cell);
 
			 var cell = document.createElement('td');
			 var inpt = document.createElement('input');
			 var cellText = document.createTextNode(lines);
 
			 inpt.setAttribute("type",'text');
			 inpt.setAttribute("name","name["+lines+"]");
			 cell.appendChild(inpt);
			 row.appendChild(cell);
 
			 var cell = document.createElement('td');
			 var inpt = document.createElement('input');
			 var cellText = document.createTextNode(lines);
 
			 inpt.setAttribute("type",'text');
			 inpt.setAttribute("name","doc["+lines+"]");
			 cell.appendChild(inpt);
			 row.appendChild(cell);
 
			 var cell = document.createElement('td');
			 var inpt = document.createElement('input');
			 var cellText = document.createTextNode(lines);
 
			 inpt.setAttribute("type",'text');
			 inpt.setAttribute("name","uwagi["+lines+"]");
			 cell.appendChild(inpt);
			 row.appendChild(cell);
 
			 document.getElementById(table).appendChild(row);
 
          lines++;
     }
}
 
function DelLine(table) {
	var lp = lines-1;
	var tabelka = document.getElementById(table);
	var row = document.getElementById('dok_'+lp);
 	tabelka.removeChild(row);
	lines = lp;
	alert("DEL: dok_"+lp);
}
[HTML] pobierz, plaintext 

i to co w htmlu:

[HTML] pobierz, plaintext 
<table id="documents">
		<tr>
 
			<td>Lp.</td>
			<td>Imię i Nazwisko</td>
			<td>Typ dokumentu</td>
			<td>Uwagi</td>
		</tr>
 
		<tr>
			<td>1</td>
 
			<td><input type='text' name='name[1]' value=''></td>
			<td><input type='text' name='doc[1]' value=''></td>
			<td><input type='text' name='uwagi[1]' value=''></td>
		</tr>
	</table>
 
	<input type="button" onclick="javascript:AddLine('documents');" value="Dodaj">
        <input type="button" onclick="javascript:DelLine('documents');" value="Usuń">
[HTML] pobierz, plaintext 

[nospor]

Człowiek się męczy, pracuje pisze, sprawdza w FF działa, przechodzi na IE - już nie działa

Człowiek się meczy, stara pomagac na forum a tu przychodzi ci taki i pisze "NIE DZIALA" ....
Napisz co ci nie dziala, czym sie to objawia i takie tam.

[exseerius]

A no, za szybko wcisnęło mi się dodaj, bo się spieszyłem.

Pod FF dodaje mi kolejne wiersze tabeli z inputami, a w IE nic nie dodaje, a wiem, ze gdzies one są (np po wywołaniu funkcji POST i sprawdzeniu jakie wartosci się przesyłaja są inputy puste, a ich nie widać i tym samym nie mogę uzupełnić danych... Co robię źle?

Nikt nie wie dlaczego nie wyświetlają mi się wiersze tabeli?

Jak robię ten sam przykład, ale na divach to wszystko działa, ale mi zalezy na tabeli.

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

Ok, znalazłem rozwiązanie:

[HTML] pobierz, plaintext 
function AddLine(table){
	if (lines == maks) {
		alert("Osiągnąłeś maksymalną liczbę dokumentów!\nWygeneruj teraz PDF i przygotuj kolejną checklistę!");
	}
	else { 
		var nazwy = Array('name','doc','uwagi');
		var tr = document.getElementById(table).insertRow(-1);
 
		for(var i=0;i<=nazwy.length;i++){
			var td = tr.insertCell(0);
			var inpt = document.createElement('input');
			var lpt = document.createTextNode(lines);
 
			inpt.setAttribute("type",'text');
			inpt.setAttribute("name",nazwy[i-1]+"["+lines+"]");
 
			if (i == 0){
				td.appendChild(lpt);
			}
			else {
				td.appendChild(inpt);
			}
			tr.appendChild(td);
 
		}	 
 
		lines++;
	}
}
 
function DelLine(table) {
	var lp = lines-1;
	if(lp >= mini) {
		var tabelka = document.getElementById(table);
 		tabelka.deleteRow(lp);
		lines = lp;
	}
}
[HTML] pobierz, plaintext 

I przy okazji troszkę zoptymalizowałem kod, żeby był milszy dla oka i dodawanie kolejnych kolumn również było milsze (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Można zamknąć (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Ten post edytował exseerius 14.10.2008, 17:19:24