helpframe3.html

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

    <span id="First Page">
    This is the first page, with one window and one button. The zoom menu
    is common to all pages
    </span>

    <span id="Second Page">
    And this is the second one with two windows and one menu besides the
    zoom menu
    </span>

    <span id="Third Page">
    You guessed it!
    </span>

    <input type=button id=page1Button value="Submit First Page" onclick=winSubmit(w1)>

    <script>

    h=new helpFrame(10,50,200,200)

    function winInit(w) {
        w.setVar("map",MSMAP)
        w.setServerURL(MSURL)
        w.setExecOnResize(winSubmit)
    }

    function winSubmit(w,zooming) {
        if (! zooming) {
            var mapext = w.getReturnedVar("mapext")
            if (mapext) w.setVar("mapext",mapext)
        }
        w.setVar("mapsize",w.contentWidth + " " + w.contentHeight)
        w.setVar("map_countries_class_color",
            Math.round(Math.random()*255) + " " +
            Math.round(Math.random()*255) + " " +
            Math.round(Math.random()*255)
        )
        w.submit()
    }

    w1 = new win(300,120,400,400,"First Page");winInit(w1)
    h.addPage("First Page",w1,"page1Button")

    w2a = new win(500,10,200,500,"Second Page a");winInit(w2a)
    w2b = new win(250,250,200,100,"Second Page b");winInit(w2b)
    m2 = new menu (
        "submit 2a",function(){winSubmit(w2a)},
        "submit 2b",function(){winSubmit(w2b)}
    )
    m2.realSticky(true)
    m2.showAt(300,10)

    h.addPage("Second Page",w2a,w2b,m2)

    w3a = new win(300,10,400,100,"Third Page a");winInit(w3a)
    w3b = new win(300,120,300,200,"Third Page b");winInit(w3b)
    w3c = new win(300,330,200,250,"Third Page c");winInit(w3c)
    m3 = new menu (
        "submit 3a",function(){winSubmit(w3a)},
        "submit 3b",function(){winSubmit(w3b)},
        "submit 3c",function(){winSubmit(w3c)}
    )
    m3.realSticky(true)
    m3.showAt(220,10)
    h.addPage("Third Page",w3a,w3b,w3c,m3)
    </script>
    <script src=zoom.js></script>
    </body>