Degradable Ajax Calculator

Enter two numeric values and click the Add button

PHP Source:

<?php require_once 'raxan/pdi/autostart.php'; ?>

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Calculator</title>
    </head>

    <body>
        <form name="calcForm" action="" method="post">
            <label>Add:</label><br />
            <input type="text" name="text1" id="text1" value="" size="5" /> +
            <input type="text" name="text2" id="text2" value="" size="5" />&nbsp;
            <input type="submit" name="addbtn" id="addbtn" value="Add" xt-bind="#click,add,form,,#loader" />&nbsp;
            <input type="text" name="txtresult" id="txtresult" value="" size="5" />
        </form>
        <div id="loader" style="display:none">Loading...</div>
    </body>

</html>

<?php

// RichAPI::config('debug',true);

class MyCalculatorPage extends RaxanWebPage {

    protected $preserveFormContent = true;

    protected function add(){

        $a = (int)$this->text1->val();
        $b = (int)$this->text2->val();
        $result = $this->txtresult;

        $result->val($a+$b)->updateClient();
    }

}

Plugin Source:

HTML Source:

Data Source: