Aller au contenu

Problème drag and drop avec lien window.scroll


kiliking

Messages recommandés

Bonjour à tous,

Voila je suis en train de réaliser une page web comme suit :

2 iframes une à gauche et une à droite :

- Celle de gauche contient une très grande image (une carte : 7000*8000) dans un div en background et il y a dessus plein de petites images contenues dans un div chacun. Chacune indiquant un endroit précis de la carte.

- Dans celle de droite, des liens déplaçant la fenêtre de gauche sur une de ces images concernée grace à la formule : window.scroll()

Jusque ici pas de problème, tout marche.

Maintenant j ai voulu insérer un script permettant de déplacer et de naviguer sur la carte grâce à la souris. J ai donc fais un drag and drop. Celui ci fonctionne bien sauf que mon window.scroll() est maintenant tout décalé. Ce décalage est exactement le même que celui du drag and drop. En gros, vous déplacez la carte sur la droite de 200px par exemple et mon window.scroll d'origine à (1800,3000) passe à (2000,3000).

Donc j aimerai enlever ce décalage fais pendant le drag and drop. Voici le code javascript du drag and drop :

<script language=javascript>

	var dragging;
	var divtodrag;
	var decalagex;
	var decalagey;


	function drag(objet){				 
			divtodrag = document.getElementById(objet);			  
			decalagex = event.x + document.body.scrollLeft - divtodrag.offsetLeft;
			decalagey = event.y + document.body.scrollTop - divtodrag.offsetTop;
			dragging = true;}		

	function drop(){
		if(dragging == true)
				{													  
					dragging = false;
					divtodrag = "";
					decalage = 0;
				}
		}						

	function move()
		{  if (dragging == true)
				{					   
				 divtodrag.style.left = (event.x + document.body.scrollLeft) - decalagex;																						  


				 divtodrag.style.top = (event.y + document.body.scrollTop) - decalagey; 
				}				   
		}					

</script>

Je ne suis pas un grand specialiste en la matière et c'est pourquoi je demande votre aide cher inpactien.

Grand merci :incline:

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...