project.js.
function btnHandler(event)
{
alert("button command: " + event);)
}
//dynamically assign event handler properties with a try/catch block
function initialize()
{
try
{
document.getElementById("B1").addEventListener ("command", btnHandler, true);
document.getElementById("B2").addEventListener ("command", btnHandler, true);
document.getElementById("B3").addEventListener ("command", btnHandler, true);
document.getElementById("B4").addEventListener ("command", btnHandler, true);
//adding a login script to the login button
document.getElementById("login button").addEventListener("command", btnHandler, true);
}
catch(e)
{
alert("Exception caught: " + e)
}
}
initialize function, add a stub function for the login.
function doLogin(event)
{
try
{
//placeholder code for testing a condition
if(0)
{
}
//else case gives result for login failure, changing the message above
//the login entry
else
{
document.getElementById("msgDescription").style.backgroundColor="red";
document.getElementById("msgDescription").style.color="white";
document.getElementById("msgDescription").childNodes[0].nodeValue = "User not authenticated.";
}
}
catch (e)
{
alert("Login function exception: " + e);
}
}
project.js in the same folder as project.xul.
project.xul and change the code in that file to link
the project.js file.
<window
id="theMainWindow"
<!-- add new line here to call javascript -->
onload="initialize();"
title="Test Window"
orient="horizontal"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<!-- add this reference to the javascript next -->
<script src="project.js"/>
<?xml-stylesheet href="data:text/css,
.test_h {
background-color:#808080;
border-color:red;
border-style:dashed;
border-width:thick;
}
.test_v {
background-color:#c0c0c0;
border-color:black;
border-style:solid;
border-width:thin;
}
"?>
<label value="vbox 1 - the top level container"/>
project.xul into Firefox and
pressing the buttons. You should see something that looks like this:
Step 4 demonstration