в 09:59, 26 мая 2010

2010-05-26T09:59:47Z

Admin: 1 версия

2010-05-26T07:20:11Z

1 версия

Новая страница

=="dragDrop()" Example==



<source lang="html4strict">

<html>
<body>
<script language="JavaScript">
function function1() {
document.all.sourceObject.dragDrop()
var m = document.all.sourceObject.dragDrop()
alert(m+".\nDrag operation is not yet completed")
}
</script>
<div onmouseup="function1();">
<input id="sourceObject" size=50 value="The (whole or part) text to drag">
<p>Drop selected text into the following text field.</p>
<input id="targetObject" size=50 value="Drag destination element">
</div>
</body>
</html>

</source>

=="dropEffect" Example==



<source lang="html4strict">

<html>
<head>
<script language="JavaScript">
function transferDrop() {
window.event.srcElement.innerText = window.event.dataTransfer.getData("text");
window.event.returnValue = false;
}
function transferDrag() {
window.event.dataTransfer.dropEffect = "move";
window.event.returnValue = false;
}
</script>
</head>
<body bottommargin="150">
<p id="mySource"
ondragstart="window.event.dataTransfer.effectAllowed="move";">
Highlight text in this paragraph and drag it to the text area bellow
</p>
<textarea id="myTarget"
ondrop="transferDrop();"
ondragover="window.event.returnValue = false;"
ondragenter="transferDrag();">
</textarea>

</source>

=="effectAllowed" Example==



<source lang="html4strict">

<html>
<head>
<script language="JavaScript">
function transferDrop() {
window.event.srcElement.innerText = window.event.dataTransfer.getData("text");
window.event.returnValue = false;
}
function transferDrag() {
window.event.dataTransfer.dropEffect = "move";
window.event.returnValue = false;
}
</script>
</head>
<body bottommargin="150">
<p id="mySource"
ondragstart="window.event.dataTransfer.effectAllowed="move";">
Highlight text in this paragraph and drag it to the text area bellow
</p>
<textarea id="myTarget"
ondrop="transferDrop();"
ondragover="window.event.returnValue = false;"
ondragenter="transferDrag();">
</textarea>

</source>

← Предыдущая	Версия 09:59, 26 мая 2010
(нет различий)

JavaScript DHTML/Document/Drag Drop - История изменений

в 09:59, 26 мая 2010

Admin: 1 версия