button5.html

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

    <body>
    <script>
    var streetSpan = document.createElement("span")
    document.body.appendChild(streetSpan)
    with (streetSpan.style) {
        width = 200
        height = 300
        overflow = "scroll"
    }

    streetButton = new button(streetSpan,null)
    streetMenu = new menu(streetButton)
    streetMenu.realSticky(true)
    streetMenu.showAt(100,100)

    function gotoStreet() {
        var x1 = this.x - 150
        var y1 = this.y - 150
        var x2 = this.x + 150
        var y2 = this.y + 150
    	alert(this.streetName + ": " + x1 + "/" + y1 + " - " + x2 + "/" + y2)
    }

    function createStreet(text,x,y) {
        var div = document.createElement("div")
        streetSpan.appendChild(div)
        div.innerHTML = text
        div.streetName = text
        div.x = x
        div.y = y
        div.onclick = gotoStreet
        div.onmouseover = function(){this.style.backgroundColor = "#f0f0f0"}
        div.onmouseout  = function(){this.style.backgroundColor = "#d0d0d0"}
    }

    createStreet("bijltjespad",122999 ,487147)
    createStreet("binnen bantammerstraat",121984 ,487430)
    createStreet("binnen brouwersstraat",121190 ,488142)
    createStreet("binnen dommersstraat",120831 ,488449)
    createStreet("binnen oranjestraat",120932 ,488355)
    createStreet("binnen vissersstraat",121346 ,488073)
    createStreet("binnen wieringerstraat",121313 ,488093)
    createStreet("binnendraaierij",122903 ,488436)
    createStreet("binnengasthuisstraat",121459 ,486852)
    createStreet("binnenkadijk",122854 ,486856)
    createStreet("binnenkant",122134 ,487393)
    createStreet("binnenzagerij",122950 ,488490)
    createStreet("blaauwlakensteeg",121606 ,487373)
    createStreet("blaeu erf",121305 ,487518)
    createStreet("blaeustraat",121294 ,487498)
    createStreet("blankenstraat",123847 ,486971)
    createStreet("blasiusstraat",122524 ,485546)
    createStreet("blauwbrug",121884 ,486608)
    createStreet("blauwburgwal",121178 ,487745)
    createStreet("blinde katersteeg",121302 ,486796)
    createStreet("blindemansteeg",121432 ,486609)
    createStreet("bloedstraat",121778 ,487330)
    createStreet("bloemgracht",120482 ,487521)
    createStreet("bloemstraat",120451 ,487444)
    createStreet("blokmakerstraat",121112 ,488533)
    createStreet("boerensteeg",121214 ,487288)
    createStreet("boerhaaveplein",122704 ,485871)
    createStreet("bokkinghangen",121171 ,489113)
    createStreet("bontekoegang",120846 ,488016)
    createStreet("boomklokstraat",121374 ,488186)
    createStreet("boomsteeg",121837 ,487471)
    createStreet("boomstraat",120777 ,488039)
    createStreet("boorstraat",123333 ,488407)
    createStreet("bootstraat",123249 ,487187)
    createStreet("bosboom toussaintstraat",120172 ,486522)
    createStreet("bossche hofje",120730 ,488391)
    createStreet("boulevardpad",123401 ,486890)
    createStreet("brandewijnsteeg",121935 ,487319)
    createStreet("brantasgracht",123598 ,488008)
    createStreet("brede vogelstraat",123691 ,488949)
    createStreet("breemertuin",122015 ,487199)
    createStreet("bremstraat",122455 ,489186)
    createStreet("broenshofje",120770 ,488053)
    createStreet("brouwersgracht",120996 ,488249)
    createStreet("buiksloterweg",122920 ,489099)
    createStreet("buiten bantammerstraat",122128 ,487465)
    createStreet("buiten brouwersstraat",121235 ,488219)
    createStreet("buiten dommersstraat",120901 ,488526)
    createStreet("buiten kadijken",122974 ,486917)
    createStreet("buiten oranjestraat",121018 ,488446)
    </script>
    </body>