/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
drag 'n drop
Fra : Stroemper


Dato : 01-01-03 16:52

Jeg har problemer med at fange oplysninger om et object som droppes til en
side i IE. Normalt vil browseren bare forsøge at vise det pågældende
dokument, men jeg ønser at fange en url eller et dokumentnavn i stedet.
Jeg søgt efter en løsning, og har fundet et eksempel, som viser giver nogle
ideer(se nedenfor). Det virker dog kun indenfor IE eller imellem 2 vinduer
med IE. Hvis jeg forsøger med et object fra f.eks. en folder. får jeg en
reference "null".
Nogen der kan hjælpe mig videre??
MVH
Erik
--------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Example 3</title>
<style>
#divTarget {position: absolute; left: 300px; width: 100px; height:
100px; background-color: gray; font-weight: bold}
#divDraggable {position: absolute; left: 10px; width: 100px; height:
100px; background-color: blue; color: white; font-weight: bold}
</style>
<SCRIPT LANGUAGE=javascript>
<!--

function cancelEvent() {
window.event.returnValue = false;
}

function drop() {
window.event.srcElement.style.backgroundColor = "gray";
alert(window.event.dataTransfer.getData("text"));
}

function handleMouseMove() {
if (window.event.button == 1) {
document.all.divDraggable.dragDrop();
}
}

function handleDragStart() {
window.event.dataTransfer.setData("text", "From the DIV")
}

function handleDragEnter() {
window.event.srcElement.style.backgroundColor = "red";
cancelEvent();
}

function handleDragLeave() {
window.event.srcElement.style.backgroundColor = "gray";
cancelEvent();
}
//-->
</SCRIPT>
</head>

<body>
Highlight some of the text in the textbox and drag it or drag the blue box
over to the square on the right.
<form method="post">
<input type="text" value="Drag me to the layer" />
</form>
<div id="divTarget" ondragenter="handleDragEnter()"
ondragover="cancelEvent()" ondragleave="handleDragLeave()"
ondrop="drop()">Drop on me</div>
<div id="divDraggable" onmousemove="handleMouseMove()"
ondragstart="handleDragStart()">Drag me too</div>


</body>
</html>
----------------------------------------




 
 
Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste