Discussion :

[elisha]

bonnour, j'ai des images sur mon site que je peux déplacer, et je souhaiterais limité ce déplacement, en effet j'aimerais que je ne puisse pas déplacer les images sur certaines zones sur la page. comme par exemple ma bannière qui est située tout en haut de la page.
voila merci
elisha

[Invité]

Si tu ne nous dit pas comment tu fais pour les déplacer et que tu ne nous donne pas de code à nous mettre sous la dent, nous aurons un peu de mal à t'aider...

[SpaceFrog]

je crois que javatwister nous avait gratifié dun script comme ça pour faire un puzzle ...

Ha ben oui quelle mémoire ...

http://javatwist.imingo.net/edika.php

[elisha]

voila le code

Code :

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

1
2
3
//On récupère la position de la souris par rapport à l'objet.
		myObjectClick.style.left= e.clientX + ( positionXMyobjectClick - positionXAtClick ) + "px";
		myObjectClick.style.top = e.clientY + ( positionYMyobjectClick - positionYAtClick ) + "px";

et ensuite je peux déplacer l'objet. et je ne c'est pas comment limité ses déplacement !!! jespère que je suis assez clair !!
elisha

[SpaceFrog]

ben verifies

Code :

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

if (myObjectClick.style.offSetleft>200){myObjectClick.style.left=200+px}

[elisha]

ça fais quoi exactement ce bout de code?

[SpaceFrog]

ça trouve les numéros du loto ...


heu ta demande c'est bien limiter le déplacement des images non???

[elisha]

oui, mais la je ne comprends pas ce que c'est censé faire la ....

[elisha]

je ne comprends pas ce bout de code.... j'arrive pas à me le traduire !!

[SpaceFrog]

Code :

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

if(e.clientX>200){e.clientX=200;}

en gros si ta positioon x de souris est supérieure à 200 tu le remets à 200 ...
comme ça ton curseur de souris ne depasse pas 200 ...

ceci étant e.cleintX n'est pas crossbrowser ...

[elisha]

ok ok je viens de comprendre, mais ça ne marche pas chez moi ...

[elisha]

personne n'a d'autre piste... parce que je ne vois pas trop la ....

[elisha]

ok c'est bon tout marche comme il faut merci

[Invité]

Se serait super cool si tu mettais ta solution finale si jamais quelqu'un avait le même problème que toi un jour.

[elisha]

voila la solution!!
//On récupère la position de la souris par rapport à l'objet.
myObjectClick.style.left= e.clientX + ( positionXMyobjectClick - positionXAtClick ) + "px";
myObjectClick.style.top = e.clientY + ( positionYMyobjectClick - positionYAtClick ) + "px";

//Limiter le déplacement de la fenêtre vers le haut.

if ( e.clientY +(positionYMyobjectClick - positionYAtClick) <= 0)
{
myObjectClick.style.top = 0 + "px";
}

[Invité]

Merci beaucoup pour eux !