Subversion Repositories Applications.papyrus

Rev

Blame | Last modification | View Log | RSS feed 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
        <title>Typematic Test</title>
        <style type="text/css">
                @import "../../../dojo/resources/dojo.css";
                @import "../../themes/tundra/tundra.css";
                @import "../css/dijitTests.css";
        </style>

        <script type="text/javascript" src="../../../dojo/dojo.js"
                djConfig="isDebug: true, debugAtAllCosts: true"></script>
        <script type="text/javascript">
                dojo.require("dijit._base.typematic");

                var lastCount = 0;
                function typematicCallBack(count, node, evt){
                        var inputNode = dojo.byId('typematicInput');
                        if (node == inputNode){
                                key = "a";
                        }else{
                                key = "b";
                        }
                        if(-1 == count){
                                console.debug((lastCount+1) + ' ' + key + ' events');
                        }else{
                                lastCount = count;
                                inputNode.value += key;
                        }
                        inputNode.focus();
                }
                dojo.addOnLoad(function(){
                        var keyNode = dojo.byId('typematicInput');
                        var mouseNode = dojo.byId('typematicButton');
                        dijit.typematic.addKeyListener(keyNode,
                                {
                                        keyCode:dojo.keys.F10,
                                        ctrlKey:true
                                },
                                this, typematicCallBack, 200, 200);
                        dijit.typematic.addMouseListener(mouseNode,
                                this, typematicCallBack, 0.9, 200);
                        keyNode.focus(); // make it easier to type
                });
        </script>
</head>
<body class="tundra">

        <h2>Dijit typematic tests</h2>
        Press and hold the <b>ctrl+F10</b> keys to see a's typed (constant rate) in the input field,<br>
        or left-mouse click the button and hold down to see b's typed (increasing rate) in the input field.<br>
        <input id="typematicInput" size="500"><button id="typematicButton">to B or not to B</button>

</body>
</html>