# Thursday, 06 May 2004

Xul Challenge - Zeepe Counter sample

Here is a Zeepe implementation of Counter for the Xul Coding Challenge. (Other entries are here).

Yes, Zeepe is DHTML with some namespaced elements to provide required functionality. As a shorthand, the namespace doesn't need to be declared; it is done automatically.

<HTML>
<HEAD>
<TITLE>Challenge 2004 - Counter</TITLE>
<zeepe:window>
<window>
<widgets dialog="true" />
<position width="300" height="150" halign="middle" valign="middle" />
</window>
</zeepe:window>
<style type="text/css">
body {
overflow: hidden;
border: none;
padding: 0;
background-color: buttonface;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr='#ffffff',
EndColorStr='#eeeeee');
}
button { width: 80; }
#counter {
background-color: black;
color: white;
border: 1px inset;
padding: 2px;
margin: 4px;
font-weight: bold;
}
</style>
<script language="javascript">
// some trivial script...
</script>
</HEAD>
<BODY>
<fieldset>
<legend>Counter</legend>
<div id="counter" align="center">0</div>
<div align="center"><button onclick="dec()">Dec(-)</button><button onclick="doclear()">Clear</button><button onclick="inc()">Inc(+)</button></div>
</fieldset>
</BODY>
</HTML>

 

#    Comments [0] |
Comments are closed.