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

<body>

<span id=b5span style="font-weight:bold">Bold HTML</span>
<span id=scrollspan style="width:200;height:300;overflow:scroll">
Scrollable Button
<span style="position:absolute;top:400">last line</span>
</span>
<span id=scrollclickspan style="width:200;height:300;overflow:scroll">
<span onclick="javascript:alert('line 1 clicked')">click this line</span>
<span onclick="javascript:alert('line 2 clicked')">click this line</span>
<span onclick="javascript:alert('line 3 clicked')">click this line</span>
<span onclick="javascript:alert('line 4 clicked')">etc</span>
</span>

<script>
w=new win(10,10,90,90,"K")
function buttonPushed(b) {
	var txt = b.div.innerHTML
	alert(txt + " pushed")
}
b1 = new button("simple button",buttonPushed)
b2 = new button("<h3>simple HTML button</h3>",buttonPushed,150,20)
b3 = new button("graphics/zoomin.gif",buttonPushed,550,50)
b4 = new button("positioned button",buttonPushed,100,100)
b5 = new button("relatively positioned button",buttonPushed,20,20,b4)
b7 = new button("colored button",buttonPushed,30,60)
b7.div.style.color="red"
b7.div.style.backgroundColor="yellow"
b8 = new button(document.getElementById("b5span"),buttonPushed,10,250)
b9 = new button(document.getElementById("scrollspan"),null,150,150)
b10 = new button(document.getElementById("scrollclickspan"),null,450,150)
b11 = new button("Button positioned relative to the screen",buttonPushed,"40%","90%")
</script>