Masterpage, document.body.scrollLeft

Question

User32292006 posted

Hello there,

i integrated a drag&drop functionality in my application. My problem is that i cannot retrieve the correct mouse position when the user scrolled the page.

Maybe its because of the Masterpage ? Here is my javascript function, called by document.onmousemove:

 

        function mouseMove()
        {        
                var x = event.clientX + document.body.scrollLeft;
	var y = event.clientY + document.body.scrollTop;	        	     
	        
	if (draggedElement != null)
	{	           
	 draggedElement.style.top = y;
	 draggedElement.style.left = x;	           
	}
        } 

 Both, scrollLeft and scrollTop are always 0.

Any hint ? Thanks a lot !

Answer 1

User798903548 posted

Seems to work for me:

<form id="Form1" method="post" runat="server">
 abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz
 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 <input type="button" id="htmlButton" value="Press here" onclick="onButtonClick();">
</form>
  
<script type="text/javascript">
<!--
function onButtonClick()
{
 alert('document.body.scrollLeft: ' + document.body.scrollLeft + ' document.body.scrollTop: ' + document.body.scrollTop);
}
// -->
</script>

NC...

Answer 2

User811641306 posted

I'm having the exact same problem too.  Master.master javascript code, always returns 0,0.

Answer 3

User798903548 posted

I'm having the exact same problem too.  Master.master javascript code, always returns 0,0.

Did you try the sample that I posted?

NC...

 

Answer 4

User811641306 posted

No becuase it's not a master page in your example.

After further searching on the internet I discovered that MS$ decided to move document.body information to document.documentElement on Master pages.  So document.documentElement.scrollLeft works. 

Answer 5

User798903548 posted

Hmm, you couldn't move that sample into a Master Page example?

Anyways, glad you got it figured out.

NC...

 

Answer 6

User811641306 posted

That's just it, the code is inside the master page itself.  That code inside a master page, then putting hte javascript in question in the .master page, not the .aspx page, will not work.