?
Solved

How to show the current x,y coordinate?

Posted on 2001-06-15
6
Medium Priority
?
270 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…

764 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