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>Dojo Visual Loader Test</title>
        <style type="text/css">
                @import "../../../dojo/resources/dojo.css";
                @import "../../../dijit/themes/tundra/tundra.css";
                @import "../../../dijit/themes/dijit.css";
                @import "../../../dijit/tests/css/dijitTests.css"; 
                @import "../Loader/Loader.css"; 
        </style>

        <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
        <script type="text/javascript" src="../Loader.js"></script>
        <script type="text/javascript">
                // dojo.require("dojox.widget.Loader"); 
                dojo.require("dojo.parser");    // scan page for widgets and instantiate them

                function getHoney(){
                        // simple xhrGet example
                        var foo = dojo.xhrGet({
                                url: '../Loader/honey.php?delay=0',
                                handleAs: 'text',
                                load: function(result){
                                        content.innerHTML = result; 
                                }
                        });
                }

                function postHoney(){
                        // simple xhrPost example
                        var foo = dojo.xhrPost({
                                url: '../Loader/honey.php?delay=0',
                                handleAs: 'text',
                                load: function(result){
                                        content.innerHTML = result; 
                                }
                        });
                }

                function alertMe(){ 
                        console.log('subscription fired',arguments); 
                }

                var content = null; 
                dojo.addOnLoad(function(){

                        content = dojo.byId("dataholder"); 
                        // FIXME: why aren't you working?
                        // var foo = dojo.subscribe("Loader",null,"alertMe");
                        // console.log(foo); 

                });
        </script>
</head>
<body class="tundra">
        <div id="globalLoader" dojoType="dojox.widget.Loader"></div>

        <!-- Other examples: 
        <div id="globalLoader" dojoType="dojox.widget.Loader" hasVisuals="false"></div>
        <div id="globalLoader" dojoType="dojox.widget.Loader" hasVisuals="true" attachToPointer="false"></div>
        -->

        <h1 class="testTitle">Dojox xhrListener test</h1>

        <a href="javascript:getHoney();">start xhrGet demo</a>
        <a href="javascript:postHoney();">start xhrPost demo</a>

        <p>No additional code is required except for the existance of a 
        dojoType="dojox.widget.Loader" node. It will listen for the start
        and end of xhr* requests (via _ioSetArgs [ugh] and Deferred.prototype._fire .. 
        </p>

        <br>
        <div id="dataholder" style="float:left; height:300px; overflow:auto; width:400px; border:1px solid #ccc; "></div>
        <!-- make me a scrollbar. a Taaaaaall scrollbar  -->
        <div style="float:left; height:2000px; width:1px; overflow:hidden">spacer</div>

</body>
</html>