Discussion :

[WalidNat]

Bonjour,

j'ai un code qui permettrais de faire un drag & drop.

function beginDrag(bloc,e){

objectToDrag = document.getElementById(bloc);
alert(objectToDrag.style.left);

}

Ceci ne me renvoit rien. A contrario, lorsque j'ai le code suivant :

function beginDrag(bloc,e){

objectToDrag = document.getElementById(bloc);
objectToDrag.style.left = "20px";
alert(objectToDrag.style.left);

}

La mon alert m'affiche "20px".
Ca a l'air de rien comme ca, mais en réalité cela m'empeche de faire mon drag & drop puisque je ne sais ou se trouve le bloc a déplacer ...

[Bisûnûrs]

Code :

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

objectToDrag.style.left

Ce morceau de code va chercher la propriété left dans l'attribut style de ton élément, par exemple :

Code :

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

<div style="left:20px"></div>

Si tu n'as pas ça dans ton code il faut que tu récupères la position de ton élément dans l'écran et non par une propriété CSS.
Pour ça, tu peux fouiller la FAQ Javascript pour connaître les coordonnées d'un élément dans ta page.

[Tdeny]

Bonjour,

Code :

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

1
2
3
4
function beginDrag(bloc,e){
objectToDrag = document.getElementById(bloc).style.left;
alert(objectToDrag);
}

Je corrige ce message. bloc étant transmis ici en variable comme nom de l'id, la valeur transmise doit être 'bloc', ou n'importe quoi bien entendu... 'x'

[Bisûnûrs]

@Tdeny : Heu, tu dis exactement la même chose, seulement tu affectes différemment la variable objectToDrag.

Code :

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

1
2
objectToDrag = document.getElementById('bloc').style.left;
alert(objectToDrag);

C'est la même chose que

Code :

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

1
2
objectToDrag = document.getElementById('bloc');
alert(objectToDrag.style.left);

Et moi j'étais dans le deuxième cas, celui présenté par l'auteur du topic.

[Tdeny]

Oui, je viens de corriger ce message, un peu tard...
La correction est à discuter...

[WalidNat]

Justement, dans ma css j'ai bel et bien affecté la propriété "left" en lui spécifiant une valeur... alors pk n'arrive t'il pas à la récupérer???

[Jabbal'H]

Ce n'est pas parce que c'est dans une CSS, et non directement intégré dans ta div ?
En faisant cà :

Code :

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

objectToDrag.style.left = "20px";

je pense que tu attribus à ta div la propriété style left:"20".
donc après elle éxiste bel et bien, contrairement au cas ou cette propriété est dans ta css.
Je pense que ca vient de là.

[WalidNat]

J'ai enfin compris,
il faut pour accéder aux propriétés css d'une feuille utiliser la fonction getComputedStyle sur mozilla et currentStyle pour IE.
Voila donc l'exemple qui m'a permis de faire ce que je souhaitais :

Code :

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

1
2
objectToDrag = document.getElementById(bloc).parentNode;
	objectToDragStyle = objectToDrag.currentStyle || window.getComputedStyle(objectToDrag, null);

Voili voilou, on sais jamais, ca peut servir