Drag and Drop

Version imprimable

Drag and Drop

bonjour à tous,

voilà je n'arrive pas à implémenter la fonction draganddrop de la YUI pourtant je pense suivre les indications de yahoo.

j'ai installé dans un répertoire root de mon site ./yui l'ensemble de la bibliotheque YUI.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" media="screen" type="text/css" title="Design" href="./css/style.css" />
        <title></title>
        <script type="text/javascript"  src="./yui/build/dragdrop/dragdrop-min.js"> </script>
        <script type="text/javascript" src="./yui/build/yuiloader/yuiloader-min.js"> </script>
        <script type="text/javascript" src="./yui/build/yahoo-dom-event/yahoo-dom-event.js"> </script>
 
        <script type="text/javascript">
            var dd1 = new YAHOO.util.DD("dd-demo");
        </script>
     </head>
<body>
<div id="dd-demo" class="dd-demo">
    <img src="./image/image.jpg" alt="mon Image" />       
</div>
</body>
</html>

je pense donc suivre ce qui est indiqué par Yahoo mais mon image n'est tjrs pas drag and drop... quelqu'un voit pourquoi?

merci

Code:

1
2
3
4
 
<script type="text/javascript" src="./yui/build/yahoo-dom-event/yahoo-dom-event.js"> </script>
<script type="text/javascript"  src="./yui/build/dragdrop/dragdrop-min.js"> </script>
<script type="text/javascript" src="./yui/build/yuiloader/yuiloader-min.js"> </script>

il faut que le dom-event s'initialise avant et ça fonctionne.

02/02/2009, 14h50
sheira

Bonjour,

J'utilise la même librairie pour effectuer un drag and drop.
Seulement je ne voit pas comment tester que tous mes conteneurs (dans mon cas mes <div>) ont été glisser-déposer et surtout comment savoir sur quel élément mon objet <div> a été déposer?

Merci d'avance pour votre aide...