On Page Load, Set Focus of Browser to specific point in a Large image

[ke6rwj]

I am developing a kiosk application, this will not have a keyboard or
mouse for use.

The system rotates through a series of images - no problem

One image is very large, like this one...

http://radar.weather.gov/Conus/Loop/NatLoop.gif

I want to browser focus to be on Georgia (bottom Right) when the image
loads instead of the default Washington State (Top Left)

I have tried image maps and other onMouse events, but this needs to
occur automatically not when someone touches the mouse or keyboard,
since the system will not have any interaction from a human...

any ideas?

[Jim Land]

ke****@gmail.co m wrote in news:1161032213 .380933.193550
@i3g2000cwc.goo glegroups.com:

I am developing a kiosk application, this will not have a keyboard or
mouse for use.

The system rotates through a series of images - no problem

One image is very large, like this one...

http://radar.weather.gov/Conus/Loop/NatLoop.gif

I want to browser focus to be on Georgia (bottom Right) when the image
loads instead of the default Washington State (Top Left)

I have tried image maps and other onMouse events, but this needs to
occur automatically not when someone touches the mouse or keyboard,
since the system will not have any interaction from a human...

Look into scrollTo:

window.scrollTo (x-coord, y-coord)

[nutso fasst]

<ke****@gmail.c omwrote in message
news:11******** **************@ i3g2000cwc.goog legroups.com...

I want to browser focus to be on Georgia (bottom Right) when the image
loads instead of the default Washington State (Top Left)

You can use CSS to set the image as a background-image with a negative
position, e.g.:

body {
margin: 0; padding: 0; border: none; overflow: hidden;
position: relative; width: 100%; height: 100%;
background: white url(natloop.gif ) -[x_offset]px -[y_offset]px no-repeat;
}

If you don't know window dimensions, you can set the background-position
property in a window.onload function. I believe the following will do it in
most browsers:
----------------------
var x = [x offset in image to center of Georgia] - (window.innerWi dth ?
window.innerWid th : (document.docum entElement.clie ntWidth ?
document.docume ntElement.clien tWidth : document.body.c lientWidth))/2;

var y = [y offset in image to center of Georgia] - (window.innerHe ight ?
window.innerHei ght : (document.docum entElement.clie ntHeight ?
document.docume ntElement.clien tHeight : document.body.c lientHeight))/2;

document.getEle mentsByTagName( 'body')[0].style.backgrou ndPosition='-' + x +
' -' + y
----------------------

You can also put the image in a relatively-positioned DIV and
negatively-offset the top and left of the DIV.

nf