[js] modyfikacja formularza Opcje

[Seraph]

Witam, znalazłem skrypt, który po drobnych modyfikacjach byłby przydatny na mojej stronie, problem jednak w tym, że nie radzę sobie do końca z owymi modyfikacjami.

[HTML] pobierz, plaintext 
<form action="" method="post" enctype="multipart/form-data">
<p>Tytuł wydarzenia:<br/>
<input type="text" name="title" value=""/><br/>
Pliki: Autorzy:<br />
<div id="pola">
<input type="file" name="plik[]" /><input type="button" onClick="plus();" value="+" /><input type="button" onClick="minus();" disabled="true" value="-" /><br />
</div>
<input type="hidden" name="MAX_FILE_SIZE" value="100000">
<input type="submit" value="Wyślij" />
</p>
</form>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
var ile = 1;
function plus()
{
	var pole = document.getElementById('pola');
	pole.removeChild(pole.getElementsByTagName('input')[ile]);
	pole.removeChild(pole.getElementsByTagName('input')[ile]);
	var a = document.createElement('input');
		a.type = "file";
		a.name = "plik[]";
	var b = document.createElement('input');
		b.type = "button";
		b.onclick = function(){return plus();}
		b.value = "+";
	var c = document.createElement('input');
		c.type = "button";
		c.onclick = function(){return minus();}
		c.value = "-";
	var d = document.createElement('br');
	pole.appendChild(a);
	pole.appendChild(b);
	pole.appendChild(c);
	pole.appendChild(d);
	ile += 1;
}
function minus()
{
	var pole = document.getElementById('pola');
	pole.removeChild(pole.getElementsByTagName('br')[ile-2]);
	pole.removeChild(pole.getElementsByTagName('br')[ile-2]);
	pole.removeChild(pole.getElementsByTagName('input')[ile-1]);
	pole.removeChild(pole.getElementsByTagName('input')[ile-1]);
	pole.removeChild(pole.getElementsByTagName('input')[ile-1]);
	var b = document.createElement('input');
		b.type = "button";
		b.onclick = function(){return plus();}
		b.value = "+";
	var c = document.createElement('input');
		c.type = "button";
		c.onclick = function(){return minus();}
		c.value = "-";
	var c2 = document.createElement('input');
		c2.type = "button";
		c2.onclick = function(){return minus();}
		c2.value = "-";
		c2.disabled = "true";
	var d = document.createElement('br');
	pole.appendChild(b);
	if(ile==2) pole.appendChild(c2);
	else pole.appendChild(c);
	pole.appendChild(d);
	ile--;
}
[HTML] pobierz, plaintext 

Wydaje mi się, że rozumiem w miarę ideę działania skryptu. Potrzebuję jednak dodać jeszcze pole autor do każdego pliku. Stworzyłem więc

[HTML] pobierz, plaintext 
<input type="text" name="autor[]" />
[HTML] pobierz, plaintext 

a w skrypcie

[HTML] pobierz, plaintext 
var e = document.createElement('input');
		e.type = "text";
		e.name = "autor[]";
[HTML] pobierz, plaintext 

Jednak wtedy całość zaczyna szaleć i działać jak chce - za jednym razem pojawia się nowe pole dla autora, po naciśnięciu + znika, itp. W czym tkwi mój błąd?

[arecki]

Twój błąd nigdzie. Ten skrypt jest jakiś dziwny. Ja bym zmienił go tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
var ile = 1;
function plus()
{
	var e = document.createElement('input');
		e.type = "text";
		e.name = "autor[]";
	var a = document.createElement('input');
		a.type = "file";
		a.name = "plik[]";
	var b = document.createElement('input');
		b.type = "button";
		b.onclick = function(){return plus();}
		b.value = "+";
	var c = document.createElement('input');
		c.type = "button";
		c.onclick = function(){return minus();}
		c.value = "-";
	var d = document.createElement('br');
 
	var pole = document.getElementById('pola');
	pole.appendChild(e);
	pole.appendChild(a);
	pole.appendChild(b);
	pole.appendChild(c);
	pole.appendChild(d);
	ile++;
	if(ile > 1) {
		pole.getElementsByTagName('input')[3].disabled = false;
	}
}
 
function minus()
{
	var pole = document.getElementById('pola');
		pole.removeChild(pole.getElementsByTagName('br')[pole.getElementsByTagName('br').length-1]);
		for(i=0; i<4; i++)
			pole.removeChild(pole.getElementsByTagName('input')[pole.getElementsByTagName('input').length-1]);
		ile--;
		if(ile == 1) {
			pole.getElementsByTagName('input')[3].disabled = true;
		}
}
 
</script>
[HTML] pobierz, plaintext 

No i oczywiście dodaj pole "autor[]" przed inputem "file" :

[HTML] pobierz, plaintext 
<div id="pola">
<input type="text" name="autor[]" /><input type="file" name="plik[]" /><input type="button" onClick="plus();" value="+" /><input type="button" onClick="minus();" disabled="true" value="-" /><br />
</div>
[HTML] pobierz, plaintext 

Pozdrawiam.