Source : 03_calcul


<?
    require("03_Sajax.php");

    function calcul($val1, $op, $val2) {
        switch($op) {
            case "plus":
                $op = "+";
                break;
            case "moins":
                $op = "-";
                break;
            case "mult":
                $op = "*";
                break;
            case "div":
                $op = "/";
                break;
        }
        $calcul = "$val1 $op $val2";
        return eval("return $calcul;");
    }

    sajax_init();
    //$sajax_debug_mode = 1;
    sajax_export("calcul");
    sajax_handle_client_request();

?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Exo 2</title>
    <meta name="Author" content="Nicolas Ledez">
    <script>
    <? sajax_show_javascript(); ?>

    function set_result(result) {
        document.getElementById("result").value = result;
    }

    function do_calcul() {
        val1 = document.getElementById("val1").value;
        val2 = document.getElementById("val2").value;
        op =   document.getElementById("op").value;
        x_calcul(val1, op, val2, set_result);
    }
    </script>
</head>
<body>
<select size="1" name="val1" id="val1" onChange="do_calcul(); return false;">
   <? for($i=1; $i<=10; $i++) { ?>
   <option value="<? print $i; ?>"><? print $i;?></option>
   <? } ?>
</select>
<select size="1" name="op" id="op" onChange="do_calcul(); return false;">
   <option value="plus">+</option>
   <option value="moins">-</option>
   <option value="mult">*</option>
   <option value="div">/</option>
</select>
<select size="1" name="val2" id="val2" onChange="do_calcul(); return false;">
   <? for($i=1; $i<=10; $i++) { ?>
   <option value="<? print $i; ?>"><? print $i;?></option>
   <? } ?>
</select>
<input type="submit" value="=" onClick="do_calcul(); return false;">
<input type="text" name="result" id="result">
</body>
</html>