[js] dołączanie wielu plików Opcje

[leos]

Witam,
Prosze o jakies wskazówki jakzmodyfikować ten skrypt, aby po kliknieciu na załącz kolejny plik wyskakiwała nowa linia z polem na plik oraz polem do ktorego moge wprowadzic jakas liczbe

oto skrypt js:

Kod

<script type="text/javascript">
    <!--
    function dodaj_element(kontener){
       var znacznik = document.createElement('input');
       znacznik.setAttribute('type', 'file');
       znacznik.setAttribute('name', 'plik[]');
       var kontener = document.getElementById(kontener);
       kontener.appendChild(znacznik);
    }
    //-->
    </script>

oraz formularz html:

Kod

<form enctype="multipart/form-data" method=post action="add_foto.php">
  <table bgcolor=#cccccc>
  <tr>
     <td>Zdjęcie</td>
     <td>Ilość:</td>
  </tr>
  <div id="pliki">
  <tr>
     <td><input type="file" name="plik[]" /></td>
     <td><input type="text" name="ile[]" size="3" /></td>
  </tr>
    </div>
    </table>
    <div>
        <input type="button" value="Załącz kolejny plik" onclick="dodaj_element('pliki');" />
        <input type="submit" value="Wyślij" />
    </div>
  </form>

Probowalem dodawac do skryptu js znacznik2, ale nic to nie dalo

Kod

var znacznik2 = document.createElement('input');

       znacznik.setAttribute('type', 'text');

       znacznik.setAttribute('name', 'ile[]');

Jesli ktos ma jakis pomysl bede wdzieczny

Ten post edytował leos 11.03.2008, 12:06:46

[lord_t]

Eh.. Pisało, że kod był z palca (czyt. z pamięci). Pomyliłem się trochę z znakami =.
Wersja poprawiona poniżej. A na przyszłość korzystaj z FireBug (wtyczka do FF), jakbyś miał to od razu wyłapiesz, gdzie się pomyliłem.

[HTML] pobierz, plaintext 
function dodaj_element(kontener){
var znacznik = document.createElement('input');
znacznik.setAttribute('type', 'file');
znacznik.setAttribute('name', 'plik[]');
var znacznik2 = document.createElement('input');
znacznik2.setAttribute('type', 'text');
znacznik2.setAttribute('name', 'ile[]');
znacznik2.setAttribute('size', '3');
 
var elemTR=document.createElement('tr');
var elemTD1=document.createElement('td');
var elemTD2=document.createElement('td');
elemTD1.appendChild(znacznik);
elemTD2.appendChild(znacznik2);
elemTR.appendChild(elemTD1);
elemTR.appendChild(elemTD2);
var kontener = document.getElementById(kontener);
kontener.appendChild(elemTR);
}
[HTML] pobierz, plaintext