javaquery/demo-calculator/src/main/resources/org/apidesign/bck2brwsr/demo/calc/staticcompilation/Calculator.xhtml
author Jaroslav Tulach <jaroslav.tulach@apidesign.org>
Mon, 11 Feb 2013 19:55:00 +0100
branchemul
changeset 711 333326d65bf9
parent 702 fa42b3d8cbbc
child 729 1ee59fe94653
permissions -rw-r--r--
Allows two isolated bck2brwsr VM in a single JavaScript page/context
     1 <?xml version="1.0" encoding="UTF-8"?>
     2 <!--
     3 
     4     Back 2 Browser Bytecode Translator
     5     Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
     6 
     7     This program is free software: you can redistribute it and/or modify
     8     it under the terms of the GNU General Public License as published by
     9     the Free Software Foundation, version 2 of the License.
    10 
    11     This program is distributed in the hope that it will be useful,
    12     but WITHOUT ANY WARRANTY; without even the implied warranty of
    13     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    14     GNU General Public License for more details.
    15 
    16     You should have received a copy of the GNU General Public License
    17     along with this program. Look for COPYING file in the top folder.
    18     If not, see http://opensource.org/licenses/GPL-2.0.
    19 
    20 -->
    21 <!DOCTYPE html>
    22 <html xmlns="http://www.w3.org/1999/xhtml">
    23     <head>
    24         <title>Simple Calculator in HTML5 and Java</title>
    25 
    26         <style type="text/css">
    27         body {color: #ffffff; background-color: #121e31; font-family: Monospaced}
    28         pre {color: #ffffff; background-color: #121e31; font-family: Monospaced}
    29         table {color: #ffffff; background-color: #121e31; font-family: Monospaced}
    30         .string {color: #e2ce00}
    31         a {color: #e2ce00}
    32         .ST1 {color: #0000cc; font-family: Monospaced; font-weight: bold}
    33         .ST0 {color: #0000ff}
    34         .comment {color: #428bdd}
    35         .keyword-directive {color: #f8bb00}
    36         .tag {color: #f8bb00}
    37         .ST0 {color: #628fb5; background-color: #1b3450}
    38         .sgml-comment {color: #808080}
    39         .value {color: #99006b}
    40         .argument {color: #007c00}
    41         .sgml-declaration {color: #bf9221}
    42         </style>    
    43         </head>
    44     <body>
    45         <h1>Java and HTML5 - Together at Last!</h1>
    46         <table border="0" cellspacing="2">
    47             <tbody>
    48                 <tr>
    49                     <td colspan="4"><input data-bind="value: display" value="0" 
    50                             style="text-align: right"/>
    51                 </td>
    52                 </tr>
    53                 <tr>
    54                     <td><button id="n1">1</button></td>
    55                     <td><button id="n2">2</button></td>
    56                     <td><button id="n3">3</button></td>
    57                     <td><button id="plus">+</button></td>
    58                 </tr>
    59                 <tr>
    60                     <td><button id="n4">4</button></td>
    61                     <td><button id="n5">5</button></td>
    62                     <td><button id="n6">6</button></td>
    63                     <td><button id="minus">-</button></td>
    64                 </tr>
    65                 <tr>
    66                     <td><button id="n7">7</button></td>
    67                     <td><button id="n8">8</button></td>
    68                     <td><button id="n9">9</button></td>
    69                     <td><button id="mul">*</button></td>
    70                 </tr>
    71                 <tr>
    72                     <td><button id="clear">C</button></td>
    73                     <td><button id="n0">0</button></td>
    74                     <td><button id="result">=</button></td>
    75                     <td><button id="div">/</button></td>
    76                 </tr>
    77             </tbody>
    78         </table>
    79         <div data-bind="text: displayPreview"></div>
    80         <script src="bck2brwsr.js"/>
    81         <script>
    82             var vm = bck2brwsr(
    83                 [ 'demo.static.calculator-0.3-SNAPSHOT.jar' ]
    84             );
    85         </script>
    86     </body>
    87 </html>