Drag & drop billedsti

<ole>

Jamen, når du dropper et billede i et vindue, skifter du jo siden ud med billedet  :)

/mvh
</bole>

Det nærmeste, du nok kan komme, er at bruge et contenteditable div som drop-area:

<style type="text/css">
#droparea {
    width: 50px;
    height: 50px;
    background-color: red;
    overflow: hidden;
}
#droparea img {
    visibility: hidden;
}
</style>
<script type="text/JavaScript">
function myDrop(elm) {
    var aIm = elm.getElementsByTagName("IMG");
    if (aIm.length>0) {
        document.getElementById("result").innerHTML = aIm[0].src;
        aIm[0].parentNode.innerHTML = "";
    } else {
        setTimeout(function(){myDrop(elm)}, 50);
    }
}
</script>

<div id="droparea" ondrop="myDrop(this)" contenteditable></div>
<div id="result"></div>

Det skal kunne virke med et dokument i enten en anden FRAME eller en IFRAME, da det skal være eksterne sider, der skal trækkes billedurl'er fra.

Jeg har altså ikke adgang til at pille i HTML koden med billederne

mvh
Lars Kohsel

Har du overhovedet testet det, jeg har skrevet?  :)

Ja, det fungerer ikke. Jeg har tilføjet en IFRAME og forsøger at trække et billede ned på det røde drop-area. Jeg går ud fra at
<div id="droparea" ondrop="myDrop(this)" contenteditable></div>
skulle have været
<div id="droparea" ondrop="myDrop(this)">contenteditable</div>
mvh
Lars Kohsel

Prøv nu bare at kopiere det, jeg skrev ... det er helt korrekt - og det virker

Skal du sende et svar istedet for en kommentar for at jeg kan give dig point ?

Det virker i hvert fald, dit svar - tak for det

Et svar  :)