?
Solved

How to show the current x,y coordinate?

Posted on 2001-06-15
6
Medium Priority
?
273 Views
Last Modified: 2006-11-17
I would like to get the xy coordinate of the current screen relative to the whole page.....how can i do that?
Actually I need this because I want to do a floating frame which will follow the screen as you scroll.  So what I am gonna do is get teh xy coordinate of the current screen.....and then set the iframe to the position.  Are there any other way that I don't need to get the xy coordinate of the current screen? Just like I can set the position relative to the current screen?
Plz help....thx
0
Comment
Question by:armansiu
  • 4
  • 2
6 Comments
 
LVL 9

Accepted Solution

by:
nimaig earned 800 total points
ID: 6195622
Check this


<html>
<head>
<script language="javascript">
<!--
     function getXY(){
          if (window.pageXOffset > -1) {
             x = window.pageXOffset;
             y = window.pageYOffset;
         } else if (document.body) {
             x = window.document.body.scrollLeft;
             y = window.document.body.scrollTop;
         }
         alert("x :" + x)
         alert("y :" + y)
     }
//-->
</script>  

</head>
<body leftmargin=5 topmargin=0>
<form>
Hello .......... testing ............
<input type="button" value=" Click " onClick="getXY()">
<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" value=" Click " onClick="getXY()">
<table width="200%">
<tr><td align="right" width="200%"><input type="button" value=" Click " onClick="getXY()"></td></tr>
</table>

</form>
</body>
</html>
0
 
LVL 9

Expert Comment

by:nimaig
ID: 6195638
You can get similar example. It is of floating logo. You can modify as per your requirement :

http://www.dynamicdrive.com/dynamicindex4/logo.htm
0
 

Author Comment

by:armansiu
ID: 6195683
but why we need that if statement?
and what's the difference between scrollLeft and pageXOffset?
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 9

Expert Comment

by:nimaig
ID: 6195707
That is to make it work in Netscape
0
 
LVL 9

Expert Comment

by:nimaig
ID: 6195711
That is to make it work in Netscape
0
 

Author Comment

by:armansiu
ID: 6195720
Thanks so much =)
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Having worked on larger scale sites, we found out that you are bound to look at more scalable solutions to integrating widgets, code snippets or complete applications and mesh them into functional sites, in any given composition. To share some of…
This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

755 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question