Tjena!

Tack alla som har hjälp mig förut med vissa prylar! Uppskattar jag verkligen. Jättebra forum.

Jag har ett problem som jag verkar omöjligt!
Det handlar om att dra en bild från ett window.showModelessDialog till en sida under detta fönster.
Eftersom det är ett adminsystem jag bygger så är det inte bra ifall man släpper en bild på en annan bild
eller på ett ställe där bilden inte bör hamna.

Jag har ett div lager som innehåller text, det är endast detta område som en drop ska kunna göras.
Själva droppen funkar bra, bara det ifall jag släpper bilden på en annan bild i divlagret så laddas sidan om och endast bilden som man drog visas i browsern. Då tappar jag alla ändringar i texten eller bilder som jag dragit in förut...inte bra. Därför vill jag hitta en lösning som göra att jag kan blocka en drag event när den går över en bild i div lagret.

Har sett att man kan använda följande syntax window.event.dataTrasfer.effectAllowed = 'none' vilket fungerar när jag har det satt på ondragstart och ondrag events för bilden som dras, men då blockas alla dropfunktioner för bilden som dras. Eftersom jag drar bilden från ett annat fönster än target fönstret så är det svårt att blocka bilden när man under själva dragproceduren att känna av och slänga dit effectsAllowed='none' ifall den går över en bild i divlagret...phui svårt att förklara detta.


Nedan funkar ju, men då blockas allt.

Fönstret jag drar från:

<img src="../prod042.jpg" width="128" height="128" id="image" ondrag="initDrop();" ondragover="initDrop();">

function initDrop()
{
event.dataTransfer.effectAllowed='none';
}



Lagret(i det andra fönstret) som den droppas på:

<div id="pagecontent" style="width:555;height:100%; background-color:#fffff;" onmouseup="checkselection();" ondblclick="showtoolbox(3, 0);" ondrop="setTimeout('checkselection(true)', 10);">
Text
</div>


Snälla hjälp!!!
Någon här som har några förslag. Vore väldigt tacksam!


Med vänlig hälsning
Adrian