mehrere div's mit Upload-Zone - wie unterscheiden?

thunder1902 · 26. Februar 2018

Hallo!

Ich habe mehrere DIV's mit einer Upload-Zone:

z.B.

Code

<div  id="dragandrophandler"  class="innerFileArea" style="margin-top:30px" >Datei(en) hier ablegen</div></div>

<div  id="dragandrophandler"  class="innerFileArea" style="margin-top:30px" >Datei(en) hier ablegen</div></div>

<div  id="dragandrophandler"  class="innerFileArea" style="margin-top:30px" >Datei(en) hier ablegen</div></div>

mit folgendem Javascript realisiere ich den Upload:

Code

function init()
{
var obj = $("#dragandrophandler");
obj.on('dragenter', function (e) 
{
    e.stopPropagation();
    e.preventDefault();
    $(this).css('border', '2px solid #0B85A1');
    alert($(this).parentNode);
});
obj.on('dragover', function (e)
....(usw....)

Alles anzeigen

Jetzt ist es so, dass ich noch eine Variable in den div's mit einem Namen zur Unterscheidung der DIV's unterbringen muss, und auf diesen Namen dann in der Funktion init() zugreifen kann. Dachte schon, dass ich den DIV's ein title-Tag mitgebe - aber wie kann ich dann in der init-Funktion auf den Title des jeweiligen DIV's zugreifen??

basti1012 · 26. Februar 2018

ich weiß nicht ob ich dich richtig verstehe aber so würde ich es machen fals ich dich richtig verstanden habe

Code

<div  id="dragandrophandler" data-irgendwas="hallo irgendwas" class="innerFileArea" style="margin-top:30px" >Datei(en) hier ablegen</div></div>

function(){
wert=$('dragandrophandler').data('irgendwas');
console.log(wert);
}

Das sollte so gehen

Sempervivum · 26. Februar 2018

Du hast allen drei divs die selbe ID zugewiesen. Das ist nicht zulässig und kann zu Problemen führen, i. allg. in der Form, dass nur das erste Element erkannt wird.

mehrere div's mit Upload-Zone - wie unterscheiden?

Jetzt mitmachen!

Teilen