Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Jonnsn" data-source="post: 1985644" data-attributes="member: 73967">AW: jQuery + jQuery-File-Upload Pluginok ich hab mir das eben nochmal genauer angesehenDu lädst deine Inhalte per Ajax und fügst sie mit[PHP]loadArtikelList(&quot;artikel_content&quot;, id); [/PHP]vermutlich dem DOM hinzu.Dann registrierst du einen eventHandler der auf ein drop-Event hört und sobald dieses gefeuert wird, änderst du eine Option des fileuploads, bzw. inzwischen sollte du ihn mit[PHP]$(e.target).children(&#039;#fileupload&#039;).fileupload(&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fileInput: $(&#039;input:file&#039;)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; );[/PHP]zu diesem Zeitpunkt initialisieren....Wieso erst beim drop? :uhm:Fehlt da Code (Was passiert in loadArtikelList())?Wenn ich deine Anforderungen richtig verstanden habe, sollte das etwa so aussehen:[PHP]function loadContent(id){&nbsp; &nbsp; var content = $(&quot;#angebotcontent_&quot;+id);&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; if( content.hasClass(&quot;loaded&quot;) == false)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; content.load(&quot;functions/_rpc_content.php?id=&quot;+id, function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; loadArtikelList(&quot;artikel_content&quot;, id);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // ACHTUNG: diueser Code wird parallel zu loadArtikelList() ausgeführt&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Es ist also nicht sicher, dass der Inhalt bereits dem DOM hinzugefügt wurde.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // daher sollte der folgende Code eher am Ende von loadArtikelList() oder in einer Callback-Funktion stehen....&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(&#039;Content geladen&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // NACHDEM der Inhalt dem DOM hinzugefügt wurde:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // jQuery File Upload für das Formular mit der ID #fileupload&nbsp; initialisieren(eine ID ist eindeutig, daher kann man sich das children() sparen...)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#fileupload&#039;).fileupload();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // zusätzliche Optionen setzen (ginge auch schon bei der Initialisierung)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#fileupload&#039;).fileupload(&#039;option&#039;,{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;fileInput&#039;: $(&#039;input:file&#039;),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; url: &#039;hier-sollen-die-files-hin.php&#039;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Ab jetzt sollte der Upload prinzipiell funktionieren&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }).addClass(&quot;loaded&quot;).delay(800);&nbsp; &nbsp; }&nbsp; &nbsp; }[/PHP]Bei diesem Beispiel kann es, wie in den Kommentaren angemerkt allerdings sein, dass der Upload zu früh initialisiert wird.Der Demo nach ist auch für DRAG-DROP-Support keine weitere Konfiguration nötig. Lediglich die entsprechenden jQuery Bibliotheken müssen eingebunden sein.Das hören auf drop wird das Plugin schon selber machen.Hoffe das hilft weiter.</blockquote>

[QUOTE="Jonnsn, post: 1985644, member: 73967"] [b]AW: jQuery + jQuery-File-Upload Plugin[/b] ok ich hab mir das eben nochmal genauer angesehen Du lädst deine Inhalte per Ajax und fügst sie mit [PHP]loadArtikelList("artikel_content", id); [/PHP]vermutlich dem DOM hinzu. Dann registrierst du einen eventHandler der auf ein drop-Event hört und sobald dieses gefeuert wird, änderst du eine Option des fileuploads, bzw. inzwischen sollte du ihn mit [PHP]$(e.target).children('#fileupload').fileupload( fileInput: $('input:file') );[/PHP]zu diesem Zeitpunkt initialisieren.... Wieso erst beim drop? :uhm: Fehlt da Code (Was passiert in loadArtikelList())? Wenn ich deine Anforderungen richtig verstanden habe, sollte das etwa so aussehen: [PHP]function loadContent(id){ var content = $("#angebotcontent_"+id); if( content.hasClass("loaded") == false) { content.load("functions/_rpc_content.php?id="+id, function(){ loadArtikelList("artikel_content", id); // ACHTUNG: diueser Code wird parallel zu loadArtikelList() ausgeführt // Es ist also nicht sicher, dass der Inhalt bereits dem DOM hinzugefügt wurde. // daher sollte der folgende Code eher am Ende von loadArtikelList() oder in einer Callback-Funktion stehen.... console.log('Content geladen'); // NACHDEM der Inhalt dem DOM hinzugefügt wurde: // jQuery File Upload für das Formular mit der ID #fileupload initialisieren(eine ID ist eindeutig, daher kann man sich das children() sparen...) $('#fileupload').fileupload(); // zusätzliche Optionen setzen (ginge auch schon bei der Initialisierung) $('#fileupload').fileupload('option',{ 'fileInput': $('input:file'), url: 'hier-sollen-die-files-hin.php' }); // Ab jetzt sollte der Upload prinzipiell funktionieren }).addClass("loaded").delay(800); } }[/PHP][B]Bei diesem Beispiel kann es, wie in den Kommentaren angemerkt allerdings sein, dass der Upload zu früh initialisiert wird.[/B] Der Demo nach ist auch für DRAG-DROP-Support keine weitere Konfiguration nötig. Lediglich die entsprechenden jQuery Bibliotheken müssen eingebunden sein. Das hören auf drop wird das Plugin schon selber machen. Hoffe das hilft weiter. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?