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>