webkell/webkell.xhtml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE html
   3      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   4     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   5
   6 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   7   <head>
   8
   9     <title>WebKell: Your solution to simple online bookkeeping</title>
  10
  11         <style type="text/css">
  12
  13             #title {
  14                 /* font-family: Andale Mono, monospace;  */
  15                 font-family: cursive, monospace;
  16                 font-size: 2.8em;
  17                         font-style: italic;
  18                 }
  19                 .coolk {
  20                         font-family: Palatino, serif;
  21                         /*font-style: normal; */
  22                         font-size: 1.8em;
  23                         font-weight: bold;
  24                         visibility: 50%;
  25                 }
  26                 .subheader {
  27
  28                         font-family: Palatino, sans-serif;
  29                         /*font-style: normal; */
  30                         font-size: 0.45em;
  31                         font-weight: normal;
  32                         visibility: 100%;
  33                         color:#686868;
  34                 }
  35                 #outline {
  36                         border-width: thin;
  37                         border-style: solid;
  38                         border-color: #CCCCCC;
  39                         padding-top:5px;
  40                         padding-bottom:5px;
  41                         padding-left:5px;
  42                         padding-right:5px;
  43                 }
  44
  45         </style>
  46
  47         <script type="text/javascript" >
  48         <![CDATA[
  49
  50
  51                 function testXMLHttpSubmit() {
  52
  53                         var accXML = "create ( <account xmlns='com/interrupt/bookkeeping/account' type='asset' id='create' name='modified expeses' counterWeight='debit'/> );";
  54                         var dbtXML = "create ( <debit xmlns='com/interrupt/bookkeeping/account' id='abc' amount='10.00' entryid='e1' accountid='1' currency='CDN' /> );";
  55
  56                         var bproxy = new BkellProxy();
  57                         var ahandler = function() {
  58
  59                                 if( (this.xmlhttp.readyState == 4) && (this.xmlhttp.status == 200) ) {
  60
  61                                         var rxml = this.xmlhttp.responseXML;
  62                                         var fc = rxml.firstChild;
  63
  64                                         var rpane = document.getElementById("resultPane");
  65                                         rpane.value = this.xmlhttp.responseText;
  66
  67                                 }
  68                         }
  69                         var dhandler = function() {
  70
  71                                 //alert("dhandler CALLED");
  72                                 if(this.readyState == 4) {
  73
  74                                         if(this.status == 200) {
  75                                                 alert("debit handled");
  76                                                 this.responseXML;
  77                                                 this.toString();
  78                                         }
  79                                 }
  80                         }
  81
  82                         bproxy.parse(accXML,ahandler);
  83                         //bproxy.parse(dbtXML,dhandler);
  84
  85
  86                 }
  87
  88                 function xmlHttpSubmit() {
  89
  90                         var bkexprObj = document.getElementById("bkexpr");
  91                         //alert(bkexprObj.value);
  92
  93                         var bproxy = new BkellProxy();
  94                         var bkhandler = function() {
  95
  96
  97                                 if( (this.xmlhttp.readyState == 4) && (this.xmlhttp.status == 200) ) {
  98
  99                                         var rxml = this.xmlhttp.responseXML;
 100                                         var fc = rxml.firstChild;
 101
 102                                         //alert( document.getElementById("resultPane") );
 103
 104                                         var rpane = document.getElementById("resultPane");
 105                                         rpane.value = this.xmlhttp.responseText;
 106
 107                                 }
 108                         }
 109
 110                         bproxy.parse(bkexprObj.value,bkhandler);
 111                 }
 112
 113                 function xmlHttpSubmitAuthenticate() {
 114
 115                         var bkexprObj = document.getElementById("bkexpr");
 116
 117                         var bproxy = new BkellProxy();
 118                         var bkhandler = function() {
 119
 120
 121                                 if( (this.xmlhttp.readyState == 4) && (this.xmlhttp.status == 200) ) {
 122
 123                                         var rxml = this.xmlhttp.responseXML;
 124                                         var fc = rxml.firstChild;
 125
 126                                         var rpane = document.getElementById("resultPane");
 127                                         rpane.value = this.xmlhttp.responseText;
 128                                 }
 129                         }
 130
 131                         bproxy.addUser(bkexprObj.value,bkhandler);
 132                 }
 133
 134                 BkellProxy = function() {}
 135                 BkellProxy.prototype.parse = function(bkexpr, handler) {
 136
 137                         this.xmlhttp = new XMLHttpRequest();
 138                         handler.xmlhttp = this.xmlhttp;
 139
 140                         this.xmlhttp.open("POST", "/webkell/webkell",true);
 141                         this.xmlhttp.setRequestHeader("Content-Type",
 142                                 "application/x-www-form-urlencoded");
 143                         this.xmlhttp.onreadystatechange = handler;
 144
 145                         this.xmlhttp.send("bkexpr="+ bkexpr );
 146
 147                 }
 148                 BkellProxy.prototype.addUser = function(bkexpr, handler) {
 149
 150                         this.xmlhttp = new XMLHttpRequest();
 151                         handler.xmlhttp = this.xmlhttp;
 152
 153                         this.xmlhttp.open("POST", "/webkell/authenticate",true);
 154                         this.xmlhttp.setRequestHeader("Content-Type",
 155                                 "application/x-www-form-urlencoded");
 156                         this.xmlhttp.onreadystatechange = handler;
 157
 158                         this.xmlhttp.send("bkexpr="+ bkexpr );
 159
 160                 }
 161
 162
 163         ]]>
 164         </script>
 165
 166
 167 </head>
 168   <body>
 169
 170
 171         <!-- Header Row -->
 172         <div>
 173                 <div id="title" style=" position:relative; top:15px; left:30px; width:70%; " >
 174                         web<xx class='coolk'>K</xx>ell
 175                         <xx class='subheader'>Your solution to simple <xx style="color:#000000">online bookkeeping</xx> </xx>
 176                 </div>
 177                 <div class="subheader" style="width: 30%;">
 178                         register
 179                 </div>
 180         </div>
 181
 182
 183         <form name="mainform" id="mainform" action="/webkell/webkell" method="POST" >
 184
 185
 186                 <div id="resultsPane" >
 187                         <textarea id="resultPane" name="result" cols="90" rows="6" />
 188                 </div>
 189                 <div id="outline" >
 190
 191                         <!-- textfield -->
 192                         <textarea id="bkexpr" name="bkexpr" cols="90" rows="10" />
 193
 194                 </div>
 195
 196                 <div id="buttons" >
 197
 198                         <!-- buttons to send / clear -->
 199                         <input type="button" value="send" onclick="javascript:xmlHttpSubmit();" />
 200                         <input type="button" value="send authenticated" onclick="javascript:xmlHttpSubmitAuthenticate();" />
 201                         <input type="reset" value="clear" />
 202
 203                 </div>
 204
 205
 206         </form>
 207
 208
 209         <!-- Footer Row -->
 210         <div>
 211
 212                 <!-- solid line -->
 213                 WebKell (2007)  <a href="http://frye.blogs.com" >Timothy Washington</a>
 214         </div>
 215
 216   </body>
 217 </html>
 218
 219
 220
 221