Discussion :

[totoche]

Bonjour,
Comment fait-on pour récupérer le style.left d'une balise li ?
Le code ci-dessous ne fonctionne pas, l'alert s'ouvre mais vide la position n'est pas affiché

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<li id="tst" onmousedown="beginDrag(this, event);" onmousemove="drag(event);" onmouseup="endDrag();">avril</li>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
function beginDrag(p_obj,e){
	alert(p_obj.style.left);	
}

ps : pour une balise div ça fonctionne bien
Merci de votre aide

[le_chomeur]

position en absolute ??

[totoche]

Bonjour et merci
Je tente de faire du Drag & Drop sur des puces.
mais ma puce ne bouge pas...
le positionnement dynamique ne marche pas
la page html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
 <ul>
<li id="tst" onmousedown='beginDrag(this, event);' onmousemove="drag(event);" onmouseup="endDrag();">avril</li>
    </ul>

Méthodes 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
function positionneLi(p_id, p_posX, p_pos_Y){
	document.getElementById(p_id).style.left = p_posX;
	document.getElementById(p_id).style.top = p_pos_Y;
}
 
 
 
function getPositionCurseur(e){
	//ie
	if(document.all){
		curX = event.clientX;
		curY = event.clientY;
	}
 
}
 
function beginDrag(p_obj,e){
	isDragging = true;
	objectToDrag = p_obj;
	//****Position dynamique*****
	//recupération position de la puce
	positionLiLeft = event.clientX;
	positionLiTop = event.clientY;
	//initialisaiton de la position pour objet objectToDrag
	positionneLi(objectToDrag, positionLiLeft, positionLiTop);
	//******fin****
 
	getPositionCurseur(e);
	ecartX = curX - parseInt(objectToDrag.style.left);
	ecartY = curY - parseInt(objectToDrag.style.top);
}
 
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;
	alert(objectToDrag.style.top);
}