Bonsoir,
je voudrais effectuer un dragdrop pr deplacer des objets :
le souci est que ces objets crées ne bougent pas : voici mon code :
fichier html :
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<img id="salle" src = "salle.jpg" alt = "salle">;
<img id="micro" src = "mic.jpg" alt = "micro">;
<img id="table" src = "table.jpg" alt = "table">;
 
<div id="micro"  onmousedown="beginDrag(this,event);" onmousemove="drag(event);" onmouseup="endDrag();"></div>
//idem pour table

Fichier JS:
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
function beginDrag(p_obj,e){
	isDragging = true;
	objectToDrag = p_obj;
	getPositionCurseur(e);
	ecartX = curX - parseInt(objectToDrag.style.left);
	ecartY = curY - parseInt(objectToDrag.style.top);
}
function getPositionCurseur(e){
	//ie
	if(document.all){
		curX = event.clientX;
		curY = event.clientY;
	}
 
	//mozilla
	if(document.getElementById){
		curX = e.clientX;
		curY = e.clientY;
	}
}
function drag(e){
	var newPosX;
	var newPosY;
	if(isDragging == true){
 
		getPositionCurseur(e);
		newPosX = curX - ecartX;
		newPosY = curY - ecartY;
 
		objectToDrag.style.left = newPosX; //+ 'px';
		objectToDrag.style.top = newPosY; //+ 'px';
}
function endDrag(){
	isDragging = false;
}
Fichier css:
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
#micro, #salle, #table{
	position: absolute;
	cursor: move;
}
Je ne comprends vraiment pas d'où vient le pb, merci de votre aide !!