Dobrý den,
snažím se udělat formulář pro upload souborů na server. Přál bych si to udělat tak, aby se po každém kliknutí na odkaz "přidat další soubor" objevil nový prvek pro přidání.
Problém je, že po objevení nového prvku zmizí všechny dříve vybrané soubory. Při odstraňování vše funguje jak má. Testoval jsem to na IE8 a Firefox 3.
S jinými prvky jsem to řešil tak, že jsem vytvořil speciální pole, ve kterém jsem uchovával vždycky jejich aktuální hodnoty, a při každém přidávání jsem pomocí tohoto pole a atributu value obnovil hodnoty. Ale bohužel u typu "file" to nelze použít.
Zde je zdrojový kód:
<html>
<body>
<script language="JavaScript" type="text/javascript">
<!--
var elm = 1;
function remove(index) {
var x = document.getElementById("container");
var z = document.getElementById("item/" + index);
x.removeChild(z);
}
function add() {
// přidání a nasavení elementu
var x = document.getElementById("container");
x.innerHTML += "<div id=\"item/" + elm + "\">\n" +
"<input type=\"file\" id=\"" + elm + "\" name=\"file/" + elm + "\" />" +
"<a href=\"#\" onclick=\"remove(" + elm + "); return false;\" >Odstranit</a>" +
"</div>";
++elm;
}
// -->
</script>
<form name="" method="post" enctype="multipart/form-data" action="">
<div id="container">
<script language="JavaScript" type="text/javascript">
<!--
add();
// -->
</script>
</div>
<div>
<a href="#" onclick="add(); return false; ">Pridat dalsi soubor</a>
</div>
</form>
</body>
</html>
Za každou radu děkuju
Radek
Přihlásit se
Registrovat
FAQ
Hledat
