Drag content across frames

Hvordan man ikke kan? Hmmmm...

Du ved hvad jeg mener :p

ikke over frames

Kan man så klikke på et billede i en frame og så "kopierer" den billedet til en anden frame?

som et link eller riktig copy past mener du

Copy paste. Det skal bare være så man kan få billeder fra én frame over i en anden og derefter stadig kunne dragge dem rundt!

<ole>

Jeg holder meget af dit "Det skal bare være så man kan ..." *ROTFL*  :D

Du kan få det her som inspiration - så kan du bare lave det færdigt  ;o)
Det er ikke lavet X-browser og der skal nok også laves en drag-funktion i den anden frame - men: don't ask. Dette er - som sagt - til inspiration og hjælp til selvhjælp:

------- frames start -------
<html>
<frameset cols="50%,50%" framespacing="0">
    <frame name="fr1" src="s1.html" frameborder="0">
    <frame name="fr2" src="s2.html" frameborder="0">
</frameset>
</html>
------- frames slut -------

------- s1.html start -------
<html>
<head>
<style type="text/css">
body {
    background-color: blue;
    overflow: hidden;
    margin: 0px;
}
#d1 {
    position: absolute;
}
</style>
<script type="text/JavaScript">
var d=document;
var offs1,offs2,w,x,y,drElm1=drElm2=false;
function move() {
    if (drElm1) {
        drElm1.style.left = offs1 + event.clientX - x;
        drElm2.style.top = drElm1.style.top = offs2 + event.clientY - y;
        drElm2.style.left = drElm1.offsetLeft - w;
        return false;
    }
}
function getM() {
    x = event.clientX;
    y = event.clientY;
}
function drag() {
    w = d.body.offsetWidth;
    drElm2 = parent.fr2.d.getElementById("d2");
    offs1 = drElm1.offsetLeft;
    offs2 = drElm1.offsetTop;
    drElm2.style.left = offs1 - w;
    drElm2.style.top = offs2;
    drElm2.innerHTML = drElm1.innerHTML;
    drElm2.style.visibility = "visible";
    d.onmousemove = move;
}
d.onmousedown = getM;
</script>
</head>
<body scroll="no">

<div id="d1" onmousedown="drElm1=this;drag()"
    onmouseup="drElm1=drElm2=false;"><img src="pic.gif"></div>

</body>
</html>
------- s1.html slut -------

------- s2.html start -------
<html>
<head>
<style type="text/css">
body {
    background-color: red;
    margin: 0px;
}
#d2 {
    position: absolute;
    visibilty: hidden;
}
</style>
<script type="text/JavaScript">
var d=document;
</script>
</head>
<body>

<div id="d2"></div>

</body>
</html>
------- s2.html slut -------

/mvh
</bole>

Du kan også lave noget:

<div onclick="parent.fr2.document.body.innerHTML+=this.innerHTML">
  <img src="pic.gif">
</div>

og så lave en drag-funktion i den anden frame. Der er flere måder at løse det på - men den første afgjort er den mest 'sexy', hvis den bliver skrevet færdig  :)
/mvh

ups .... og det ligner vist et svar

Hehe olebole, det var da noget af en stil du fik skrevet der ;)

Jeg kan ikke selv løse problemet, men måske jeg kan hjælpe lidt videre på vej. Prøv at gå ind på http://www.microbians.com/ og vælg "Drag across windows" under "Projects". Så kan man se et eksempel på hvordan man kan drag'ge et billed over i et andet mellem to VINDUER! Det ser for sejt ud ;)

Yups ... for såvidt samme princip  :)