<head><title>zoom2.html</title> <script src=../window.js></script> <script src=../examples.js></script> </head> <body> <script> w1 = new win(10,100,200,200,"First Window") w1.setServerURL(MSURL) w1.setVar("map",MSMAP) w1.setVar("map_countries_class_color","255 0 0") w2 = new win(220,100,200,200,"Second Window") w2.setServerURL(MSURL) w2.setVar("map",MSMAP) w2.setVar("map_countries_class_color","0 255 0") w3 = new win(100,320,200,200,"Third Window") w3.setServerURL(MSURL) w3.setVar("map",MSMAP) w3.setVar("map_countries_class_color","0 0 255") function submitW1() { w1.setVar("mapsize",w1.contentWidth + " " + w1.contentHeight) w1.submit() } function submitW2() { w2.setVar("mapsize",w2.contentWidth + " " + w2.contentHeight) w2.submit() } function submitW3() { w3.setVar("mapsize",w3.contentWidth + " " + w3.contentHeight) w3.submit() } w1.setExecOnResize(submitW1) w2.setExecOnResize(submitW2) w3.setExecOnResize(submitW3) function submitAll() { submitW1() submitW2() submitW3() } 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 alert("you zoomed from " + zx1 + "/" + zy1 + " to " + zx2 + "/" + zy2) } function submitPan(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 alert("you panned from " + zx1 + "/" + zy1 + " to " + zx2 + "/" + zy2) } function submitClick(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 alert("you clicked " + zx1 + "/" + zy1) } var wins = new Array(w1,w2,w3) function setZoomAll() { globalZoom(submitZoom,wins) } function setPanAll() { globalPan(submitPan,wins) } function setClickAll() { globalClick(submitClick,wins) } m = new menu( "zoom in",setZoomAll, "pan",setPanAll, "click",setClickAll ) m.realSticky(true) m.showAt(250,10) </script> <input type=button value="Submit three maps" onclick="submitAll()"> </body>