Bonjour,

je débute dans le javascript et aussi dans le framework jquery, je fais des tests pour créer un objet dynamiquement et lui ajouter du drag and drop.

Mon objet est bien crée mais je n'arrive pas à lui attribuer le drag and drop (pourtant j'ai essayé simplement et sa fonctionne).

Voici mon code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  <head>
    <title>Exemples Jquery</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
  </head>
  <body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
   <style>
  #draggable{background-color:red; height:50px;width:100px;}
  </style>
 
  <script type="text/javascript">
 
	function create()
	{
		var cadre=document.createElement('div');
		document.body.appendChild(cadre);
		cadre.setAttribute("id","draggable");
 
		var par=document.createElement('p');
		var texte=document.createTextNode("message test");
		par.appendChild(texte);
		cadre.appendChild(par);
	}
 
	$(function() 
	{
		$("#draggable").draggable();
	}
	);	
 
  </script>
 
  <input type="button" value="test" onclick="create()" />
 
 
  </body>
</html>
pouvez-vous m'aider ?
est-il possible de définir la position initial de l'objet pour le drag and drop ? j'ai vu qu'il y avait ui.position, mais je ne vois pas comment l'utiliser.

PS : la création de l'élément c'est du js simple (je débute vraiment)



Merci d'avance