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>