serverframe3.html

<head><title>serverframe3.html</title></head>
<script src=../window.js></script>
<script src=../examples.js></script>

<body>

<input value="overlay 2 maps" type=button onclick="submitAll()">
<div style="position:relative">
<img id=img2 style="position:absolute;left:0;top:0">
<img id=img1 style="position:absolute;left:0;top:0">
</div>

<script>
function submitAll() {
    s1.setVar("map_countries_class_color",
        Math.round(Math.random() * 255) + " "  +
        Math.round(Math.random() * 255) + " "  +
        Math.round(Math.random() * 255)
    ) 
    s1.submit()
    s2.setVar("map_countries_class_color",
        Math.round(Math.random() * 255) + " " +
        Math.round(Math.random() * 255) + " " +
        Math.round(Math.random() * 255)
    ) 
    s2.submit()
}

img1var = document.getElementById("img1")
img2var = document.getElementById("img2")

s1 = new serverFrame()
s1.setServerURL(MSURL)
s1.setVar("map",MSMAP)
s1.setVar("mode","map")
s1.setVar("map_projection","proj=sinu,ellps=clrk66")
s1.setVar("mapext","-20000000 -10000000 20000000 10000000")
s1.setVar("mapsize","500 500")
s1.setTarget(img1var)

s2 = new serverFrame()
s2.setServerURL(MSURL)
s2.setVar("map",MSMAP)
s2.setVar("mode","map")
s2.setVar("map_projection","proj=gall,ellps=clrk66")
s2.setVar("mapext","-20000000 -10000000 20000000 10000000")
s2.setVar("mapsize","500 500")
s2.setTarget(img2var)

</script>
</body>