zoom3.html

<head><title>zoom3.html</title>
<script src=../window.js></script>
<script src=../examples.js></script>
</head>
<body>
<script>
w1 = new win(10,150,200,200,"First Window")
w1.setServerURL(MSURL)
w1.setVar("map",MSMAP)
w1.setVar("map_countries_class_color","255 0 0")

w2 = new win(220,150,200,200,"Second Window")
w2.setServerURL(MSURL)
w2.setVar("map",MSMAP)
w2.setVar("map_countries_class_color","0 255 0")

w3 = new win(100,370,200,200,"Third Window")
w3.setServerURL(MSURL)
w3.setVar("map",MSMAP)
w3.setVar("map_countries_class_color","0 0 255")

var zooming = false

function submitwin(w) {
	if (!zooming) {
    	var mapext = w.getReturnedVar("mapext")
    	if (mapext) w.setVar("mapext",mapext)
	} else {
		w.removeVar("mapext")
	}
    w.setVar("mapsize",w.contentWidth + " " + w.contentHeight)
    w.submit()
}

w1.setExecOnResize(submitwin)
w2.setExecOnResize(submitwin)
w3.setExecOnResize(submitwin)

function submitAll() {
	submitwin(w1)
	submitwin(w2)
	submitwin(w3)
}

function submitZoom(x1,y1,x2,y2,w) {
    var zx1 = x1 - w.contentLeft
    var zy1 = y1 - w.contentTop
    var zx2 = x2 - w.contentLeft
    var zy2 = y2 - w.contentTop
    if (zx1 > zx2) {
        var t = zx1
        zx1 = zx2
        zx2 = t
    } 
    if (zy1 > zy2) {
        var t = zy1
        zy1 = zy2
        zy2 = t
    } 
    var mapext = w.getReturnedVar("mapext")
    if (!mapext) mapext = "-180 -90 180 90"
    w.setVar("imgext",mapext)
    w.setVar("imgbox",zx1 + " " + zy1 + " " + zx2 + " " + zy2)
    zooming = true
    submitwin(w)
    zooming = false
    w.removeVar("imgext")
    w.removeVar("imgbox")
}

function submitPan(x1,y1,x2,y2,w) {
    var zx1 = x1 - x2
    var zy1 = y1 - y2
    var zx2 = zx1 + w.contentWidth
    var zy2 = zy1 + w.contentHeight
    var mapext = w.getReturnedVar("mapext")
    if (!mapext) mapext = "-180 -90 180 90"
    w.setVar("imgext",mapext)
    w.setVar("imgbox",zx1 + " " + zy1 + " " + zx2 + " " + zy2)
    zooming = true
    submitwin(w)
    zooming = false
    w.removeVar("imgext")
    w.removeVar("imgbox")
}

function submitZoomOut(x1,y1,x2,y2,w) {
    var zx1 = x1 - w.contentLeft
    var zy1 = y1 - w.contentTop
    var mapext = w.getReturnedVar("mapext")
    if (!mapext) mapext = "-180 -90 180 90"
    w.setVar("imgext",mapext)
    w.setVar("imgxy",zx1 + " " + zy1)
    w.setVar("zoom",-1.5)
    zooming = true
    submitwin(w)
    zooming = false
    w.removeVar("imgext")
    w.removeVar("imgxy")
    w.removeVar("zoom")
}

function submitZoomAll() {
    var w = WinList[0]
    w.setVar("mapext","-180 -90 180 90")
    w.submit()
}

var wins = new Array(w1,w2,w3)

function setZoomAll() {
    globalZoom(submitZoom,wins)
}
function setPanAll() {
    globalPan(submitPan,wins)
}
function setZoomOutAll() {
    globalClick(submitZoomOut,wins)
}

m = new menu(
    "submit 3 maps",submitAll,
    "zoom in",setZoomAll,
    "zoomout",setZoomOutAll,
    "pan",setPanAll,
    "zoom all",submitZoomAll
)
m.realSticky(true)
m.stickyButtons(true)
m.showAt(160,10)

</script>