drag and drop march pas sous firefox+joomla!

**tecap** · 01/10/2007, 17h50

Bonjour,
Je suis en train de développer un composant sous Joomla! pour classer les messages selon plusieurs catégories. Le problème est que j'utilise des div sur lesquels j'applique le drag and drop. Ca marche sous IE mais pas sous Firefox (enfin ça marche sous Firefox quand ce n'est pas intégré à Joomla!). Est-ce que qqn qui connait Joomla! aurait une idée du problème ?
Voici le 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
43
44
45
46
47
48
49
50
51
52
53
<head> 
<style type="text/css"> 
.grand_div { margin-left: 0px; margin-top: 0px; width:100%; height:200px; border: 4px solid #eeeeee; background-color:#CCFFCC; } 
.petit_div { position :relative; border-style:none; background-color:#00ced1; } 
</style> 
<script type="text/javascript"> 
var ie=document.all; 
var nn6=document.getElementById&&!document.all; 
var isdrag=false; 
var x,y; 
var dobj; 
 
function movemouse(e) { 
if (isdrag) { 
dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y; 
return false; 
} } 
 
function getcoord (e){ isdrag=false; }
 
function selectmouse(e) { 
var fobj = nn6 ? e.target : event.srcElement; 
var topelement = nn6 ? "HTML" : "BODY"; 
 
while (fobj.tagName != topelement && fobj.className != "dragme") { 
fobj = nn6 ? fobj.parentNode : fobj.parentElement; 
} 
if (fobj.className=="dragme") {
isdrag = true; 
dobj = fobj; 
tx = parseInt(dobj.style.left+0); 
ty = parseInt(dobj.style.top+0); 
x = nn6 ? e.clientX : event.clientX; 
y = nn6 ? e.clientY : event.clientY; 
document.onmousemove=movemouse; 
return false; 
} } 
 
document.onmousedown=selectmouse; 
document.onmouseup=getcoord; 
</script> 
 
</head> 
<form action="index.php?" method="post" name="adminForm" id="adminForm"> <div class=grand_div> 
<?php 
$array = array ( 
"0"=>array ( "myDiv0", "200", "50", "80", "80" ), 
"1"=>array ( "myDiv1", "200", "200", "80", "80" ), 
"2"=>array ( "myDiv2", "300", "300", "80", "80" ) ); 
 
foreach ($array as $row) { echo "<div class='petit_div' id=".$row[0]." style='position:absolute;top:".$row[1]."px;left:".$row[2]."px; background-color:#00ced1; border: 3px solid #00009C; width: ".$row[3]."px; height:".$row[4]."px; text-align:center;'> <br> ".$row[0]." </div>"; } 
?> 
</div>

Merci de votre aide !

**gKsam** · 01/10/2007, 19h14

En fait j'ai juste regarder le code :

la ligne :

Code :

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

dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y;

changer par :

Code :

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

dobj.style.left = nn6 ? tx + e.pageX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.pageX - y : ty + event.clientY - y;

et les lignes :

Code :

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

1
2
x = nn6 ? e.clientX : event.clientX; 
y = nn6 ? e.clientY : event.clientY;

par :

Code :

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

1
2
x = nn6 ? e.pageX : event.clientX; 
y = nn6 ? e.pageY : event.clientY;

comme ça a la louche...

**tecap** · 02/10/2007, 10h16

J'ai essayé mais ça ne change rien du tout... C'est bizarre parce que mes div bougent un peu de quelques px puis plus possible. Est-ce que ce ne serait pas un problème dans le css avec les positions ??

drag and drop march pas sous firefox+joomla!

JavaScript

Discussions similaires

Partager

Partager