A simple event drive framework: / * ControlDemo.js * /// Event Driver Framework (Demo) Function ControlDemo (Page) {// Initialization Page = Self;} IF (Page ! = Self) {// do sth. Here ...} this.page = page;
//Properties this.keypressed = 0;
// Controlable Entities // PageBody this.body1 = page.document.getElementById ( "main"); page.PageLoadEventSender = this; this.body1.onload = function () {this.PageLoadEventSender.PageLoad (this.PageLoadEventSender, page. event);} // Button1 this.button1 = page.button1; this.button1.value = "OK"; this.button1.ClickEventSender = this; this.button1.onclick = function () {this.ClickEventSender.Button1_Click (this .Clickeventsender, page.event);
// Button2 this.button2 = page.button2; this.button2.value = "Cancel"; this.button2.ClickEventSender = this; this.button2.onclick = function () {this.ClickEventSender.Button2_Click (this.ClickEventSender, page . Event);} // textBox1 this.textBox1; this.textBox1.style.Width = "100%"; this.textBox1.Rows = 10; this.textbox1.keyupsender = this; this.TextBox1.onkeyup = function () {this.KeyUpSender.Textbox1_KeyUp (this.KeyUpSender, page.event);} this.textbox1.MouseMoveSender = this; this.textbox1.onmousemove = function () {this.MouseMoveSender.Textbox1_MouseMove (this.MouseMoveSender, page (});
// labels this.label1 = page.document.getlementByid ("label1"); this.label2 = page.document.getlementByid ("label2"); this.Label3 = page.document.getlementByid ("label3);" Label3 ");
// EventHandlers this.pageLoad = function (sender, event) {this.page.defaultstatus = "event driver frame demonstration ~~"; this.page.resizeto (600, 400);} this.button1_click = function (sender, event) { Alert ("Hello ^ _ ^");} this.button2_click = function (sender, event) {if (page.opener == null) {page.close ();} page.close ();} this.TextBox1_keyup = function (sender, event) {this.keyPressed ; this.label1.innerText = this.keyPressed; this.label2.innerText = this.textbox1.value.length; this.label3.innerText = event.keyCode;} this.Textbox1_MouseMove = Function (sender, event) {this.page.status = "mouse position: x =" event.x "y =" event.y;}}
