JavaScript Reference/Javascript Methods/dragDrop

Материал из Web эксперт
Перейти к: навигация, поиск

"dragDrop()" Example

<!-- 
Example revised from 
The Web Programmer"s Desk Reference
by Lazaro Issi Cohen and Joseph Issi Cohen 
ISBN: 1593270119
Publisher: No Starch Press 2004
-->   
<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>



"dragDrop()" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <area>                        |
|                |<basefont>                      <bgsound>                     |
|                |<body>                          <br>                          |
|                |<button>                        <caption>                     |
|                |<col>                           <comment>                     |
|                |<dd>                            <div>                         |
|                |<dt>                            <embed>                       |
|                |<font>                          <form>                        |
|                |<frame>                         <head>                        |
|                |<hr>                            <html>                        |
|                |<iframe>                        <img>                         |
|                |<input type="button">           <input type="checkbox">       |
|                |<input type="file">             <input type="image">          |
|                |<input type="password">         <input type="radio">          |
|                |<input type="reset">            <input type="submit">         |
|                |<input type="text">             <isindex>                     |
|                |<label>                         <legend>                      |
|                |<li>                            <map>                         |
|                |<marquee>                       <meta>                        |
|                |<object>                        <ol>                          |
|                |<option>                        <p>                           |
|                |<script>                        <select>                      |
|                |<span>                          <style>                       |
|                |<table>                         <td>                          |
|                |<textarea>                      <title>                       |
|                |<tr>                            <ul>                          |
+----------------+--------------------------------------------------------------+



"dragDrop()" Syntax, Parameters and Note

Note:
Starts a drag-and-drop operation. 
Returns true (successful) or false (failed).
    
Syntax:
    
document.all.elementID.dragDrop()