I need to preserve the window (i.e., browser) position between sessions for a give web page. So a user opens a particular web page (an ASP.NET page) and moves it around then closes it. When the user opens that page again I want it to open at the same location that it was last at. I can get the window’s position using window.screenLeft and window.screenTop and preserve this in a cookie. I could then move the window to the former position on an onload event. What I don’t know what to do is when to trigger this process. What I need is something like an onmove event to trigger the process when the user moves the window. Does such an event exist? Or is there some better way to do this? I am using ASP.NET 2.0, Internet Explorer and JavaScript.
Thanks!
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
That would not be useful since the position of the window is actually the hack to find when the window is closed because it gets a silly value like 6000 or so.
Better is to set a cookie at intervals if allowed. Set one and if that cookie is correctly set, set one every second or so or monitor when the window moves and set one when it stops
Michel
I don't think that Internet Explorer has a window.onmove event.
Based on some of the comments, I was able to come up with the following:
--------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
<html xmlns="http://www.w3.org/1
<head>
<title>Saving Position With Cookies</title>
<script language="javascript" type="text/javascript">
// Global variables
var formerXPos = 0;
var formerYPos = 0;
// The following interval is how often the page will
// check if it's been moved (1000 = 1 second)
var myInterval = window.setInterval("checkP
// This function get the specified cookie's value and returns
// as a number.
// returns NaN is not a number.
function getTheCookieNumber(cookieN
{
var ret = NaN;
var xStr = "";
var theCookie = document.cookie;
var startIdx = theCookie.indexOf(cookieNa
var endIdx;
if (startIdx != -1)
{
endIdx = theCookie.indexOf(";", startIdx);
if (endIdx == -1)
{
// no ending semicolon, us end of string
endIdx = theCookie.length;
}
xStr = theCookie.substr(startIdx + cookieName.length, endIdx);
ret = parseInt(xStr, 10);
return ret;
}
}
function myOnLoad()
{
var xTheStr = "";
var xCoordinate = -1;
var yCoordinate = -1;
// Check for former position cookie
var xCookieStr = "FormerWinPosX=";
var yCookieStr = "FormerWinPosY=";
xCoordinate = getTheCookieNumber(xCookie
yCoordinate = getTheCookieNumber(yCookie
if ((isNaN(xCoordinate)) || (isNaN(yCoordinate)))
{
// No cookies set coordinates to middle bottom of the screen
xCoordinate = (screen.availWidth - WindWidth) / 2;
yCoordinate = screen.availHeight - WindHeight;
}
else
{
// Use the former position cookie
// Adjust for border
xCoordinate = xCoordinate - 3;
yCoordinate = yCoordinate - 10;
}
window.moveTo(xCoordinate,
}
function checkPosition()
{
var expiresOn = new Date();
if ((formerXPos != window.screenLeft) ||
(formerYPos != window.screenTop))
{
// set cookie expiration for 6 months;
expiresOn.setMonth(expires
document.cookie = "FormerWinPosX=" + window.screenLeft + ";expires=" + expiresOn + ";";
document.cookie = "FormerWinPosY=" + window.screenTop + ";expires=" + expiresOn + ";";
// Save position
formerXPos = window.screenLeft;
formerYPos = window.screenTop;
}
}
</script>
</head>
<body onload="myOnLoad()">
<div>
This is sample page of how to save position!</div>
</body>
</html>
--------------------------
The one problem is that this code is not generic. window.screenLeft and window.screenTop give the coordinates of the client area and so you need to adjust for the boarders. In in my case, I have a set window size (not included in the code above) so I can hard code the adjustment. It would be nice to be able to not hard code the adjustment.
Does anyone know of a way to get the coordinates of the entire browser window (i.e. Internet Explorer) and not just the client area?
Business Accounts
Answer for Membership
by: pvginkelPosted on 2006-03-21 at 21:52:21ID: 16254582
I take it you mean to ask when to store the position? Use the body event onunload for this.