[PHP] Upload Feld erweitern / Multiupload

Dieses Thema im Forum "Webentwicklung" wurde erstellt von [Bensen], 24. Mai 2007 .

  1. 24. Mai 2007
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Upload Feld erweitern / Multiupload

    Nabend,

    habe gerade die Seite speedyshare.com entdeckt und mir ist besonders die Funktion Upload another file und die remove Funktion aufgefallen. Nun möchte ich diese Funktion auch auf meiner Website mit einbinden. Im Quelltext habe ich nur folgendes über die Funktionen gefunden:

    Code:
    <script language="javascript">
    <!--
    
     function anotherFile()
     {
     f++;
     document.getElementById("nextfiles"+f).innerHTML+='<span id=f'+f+'>'
     +'<BR><img src=/gf/spacer.gif border=0 width=1 height=2><BR>'
     +'<input type=file name=fileup'+f+' size="70"></span><span id=nextfiles'+(f+1)+'></span>';
     document.getElementById("nextremove"+f).innerHTML+='<span id=r'+f+'>'
     +'<font size=1 class=link onClick="document.getElementById(\'f'+f+'\').innerHTML=\'\'; document.getElementById(\'r'+f+'\').innerHTML=\'\';">remove<BR><BR></font></span><span id=nextremove'+(f+1)+'></span>';
     }
    
    -->
    </script>
    und

    Code:
    <tr><td></td><td><input type=file name=fileup0 size="70"><span id=nextfiles1></span><span class="link" onClick="anotherFile();"><font size="1"><br>Upload another file</font></a></td><td><img src=/gf/spacer.gif border=0 width=1 height=30><span id=nextremove1></span></td></tr>
    Anscheinen reicht dies aber nicht aus, denn als ich die beiden codes (an den richtigen Stellen) im Script eingefügt habe, hatte ich auf der Website auf einmal zwei "Durchsuchen... Button + Textfeld und der "Link" Upload another file wurde nicht verlinkt.

    Bild

    Vielleicht kann mir ja jemand so ein "Script" schreiben.
     
  2. 24. Mai 2007
    AW: Upload Feld erweitern / Multiupload

    Vereinfacht:
    Code:
    <script>
     var count=1;
     function oneMoreLink(div) { 
     document.getElementById(div).innerHTML += '<input type ="file" name="files[]" /><br />';
     }
    </script>
    <div id="dv">
    </div>
    <a onClick="oneMoreLink('dv');">One more Link!</a>
     
  3. 24. Mai 2007
    AW: Upload Feld erweitern / Multiupload

    Besten Dank , das klappt schon mal.

    Könntest du das mit der remove Funktion noch hinzufügen, also das man die erstellten Upload Felder wieder einzeln löschen kann, wie halt auf speedyshare.com.
     
  4. 26. Mai 2007
    AW: Upload Feld erweitern / Multiupload

    1) Lass einen counter mitzählen, wieviele Input-boxen schon erstellt wurden.
    2) Weise jedem Input Feld einen Button oder so dahinter zu, der removeBox(id) aufruft, wobei id die aktuelle counter zahl ist wieviele Felder schon eingetragen wurden.
    3) Schreib dir ne JS-Funktion die Input box (bzw. getElementById('count_' + id) entfernt. Ref dazu dürftest du bei google finden
     
  5. 29. Mai 2007
    AW: Upload Feld erweitern / Multiupload

    sinnvoller post!

    wieso das? wenn ein feld halt leer übergeben wird ist doch egal! ich versteh den sinn gerade nicht wieso er das zählen sollte....
     
  6. 29. Mai 2007
    AW: Upload Feld erweitern / Multiupload

    Es geht doch ums Loeschen von den Boxen...
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.