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                                 //alert("xmlhttp["+ this.xmlhttp +"]");
  60                                 //alert("abc["+ this.abc +"]");
  61                                 //alert("xyz["+ this.xyz +"]");
  62                                 /*for(i in this) {
  63                                         alert("ahandler CALLED["+ this[i] +"]");
  64                                         for(j in this[i]) {
  65                                                 alert("j["+ this[i][j] +"]");
  66                                         }
  67                                 }
  68                                 */
  69                                 if( (this.xmlhttp.readyState == 4) && (this.xmlhttp.status == 200) ) {
  70
  71                                         // this works. awesome!!!
  72                                         //alert(this.xmlhttp.responseText);
  73
  74                                         var rxml = this.xmlhttp.responseXML;
  75                                         var fc = rxml.firstChild;
  76
  77                                         //alert( document.getElementById("resultPane") );
  78
  79                                         var rpane = document.getElementById("resultPane");
  80                                         rpane.value = this.xmlhttp.responseText;
  81
  82                                 }
  83                         }
  84                         var dhandler = function() {
  85
  86                                 //alert("dhandler CALLED");
  87                                 if(this.readyState == 4) {
  88
  89                                         if(this.status == 200) {
  90                                                 alert("debit handled");
  91                                                 this.responseXML;
  92                                                 this.toString();
  93                                         }
  94                                 }
  95                         }
  96
  97                         bproxy.parse(accXML,ahandler);
  98                         //bproxy.parse(dbtXML,dhandler);
  99
 100
 101                 }
 102
 103                 function xmlHttpSubmit() {
 104
 105                         var bkexprObj = document.getElementById("bkexpr");
 106                         //alert(bkexprObj.value);
 107
 108                         var bproxy = new BkellProxy();
 109                         var bkhandler = function() {
 110
 111
 112                                 if( (this.xmlhttp.readyState == 4) && (this.xmlhttp.status == 200) ) {
 113
 114                                         var rxml = this.xmlhttp.responseXML;
 115                                         var fc = rxml.firstChild;
 116
 117                                         //alert( document.getElementById("resultPane") );
 118
 119                                         var rpane = document.getElementById("resultPane");
 120                                         rpane.value = this.xmlhttp.responseText;
 121
 122                                 }
 123                         }
 124
 125
 126                         bproxy.parse(bkexprObj.value,bkhandler);
 127
 128
 129                 }
 130                 BkellProxy = function() {}
 131                 BkellProxy.prototype.parse = function(bkexpr, handler) {
 132
 133                         this.xmlhttp = new XMLHttpRequest();
 134                         handler.xmlhttp = this.xmlhttp;
 135
 136                         this.xmlhttp.open("POST", "/webkell/webkell",true);
 137                         this.xmlhttp.setRequestHeader("Content-Type",
 138                                 "application/x-www-form-urlencoded");
 139                         this.xmlhttp.onreadystatechange = handler;
 140
 141                         this.xmlhttp.send("bkexpr="+ bkexpr );
 142
 143                 }
 144
 145
 146         ]]>
 147         </script>
 148
 149
 150 </head>
 151   <body>
 152
 153
 154         <!-- Header Row -->
 155         <div>
 156                 <div id="title" style=" position:relative; top:15px; left:30px; width:70%; " >
 157                         web<xx class='coolk'>K</xx>ell
 158                         <xx class='subheader'>Your solution to simple <xx style="color:#000000">online bookkeeping</xx> </xx>
 159                 </div>
 160                 <div class="subheader" style="width: 30%;">
 161                         register
 162                 </div>
 163         </div>
 164
 165
 166         <form name="mainform" id="mainform" action="/webkell/webkell" method="POST" >
 167
 168
 169                 <div id="resultsPane" >
 170                         <textarea id="resultPane" name="result" cols="90" rows="6" />
 171                 </div>
 172                 <div id="outline" >
 173
 174                         <!-- textfield -->
 175                         <textarea id="bkexpr" name="bkexpr" cols="90" rows="10" />
 176
 177                 </div>
 178
 179                 <div id="buttons" >
 180
 181                         <!-- buttons to send / clear -->
 182                         <!-- <input type="submit" value="send" />
 183                         -->
 184                         <input type="button" value="send" onclick="javascript:xmlHttpSubmit();" />
 185                         <input type="reset" value="clear" />
 186                         <input type="button" value="test proxy" onclick="javascript:testXMLHttpSubmit();" />
 187
 188                 </div>
 189
 190
 191         </form>
 192
 193
 194         <!-- Footer Row -->
 195         <div>
 196
 197                 <!-- solid line -->
 198                 WebKell (2007)  <a href="http://frye.blogs.com" >Timothy Washington</a>
 199         </div>
 200
 201   </body>
 202 </html>
 203
 204
 205
 206