Javascript Code For The Dynamic Web App Demo

This page provides a listing of the javascript code present in the Dynamic Web Application Template, in file demo.js, which can be seen running in the demo movie.

Demo Movie JS Code Showing How Simple it is to use the WebRocketX API

Given below is the entire list of javascript code that a developer has to write to implement the application shown in the demo movie. In fact, the demo doesn't even cover all of the frameworks features, but still notice how amazingly small the amount of code the developer has to write is.

This list of course does not include the javascript that implements the framework. This is only what a developer has to write to use the framework. Take note of how simple and straight forward the calls are. They are simple API calls that are intuitive and easily understood. None of this is as complicated as the large API's you need to understand to use JSMVC frameworks like Ember or Angular.

Webapi is the main WebRocketX utility. All interaction with the server is done through this js utility interface. Since the content comes from the server wrapped in a capsule with meta tags, the framework then follows the instructions the content came with. There are only so many macro things that can happen to delivered content, which can be understood by reviewing the Meta Attributes. The fantastic thing about this architecture is that the content becomes a reusable component and can be plugged in all over the application by simply calling the URL through the API.

WebRocketX Example Javascript

        function test1(){
            var successfulCallback = function(innerHTMLObject) {                        
                domUtil.setText("test1Input","Set by developer defined callback.");              
            }
                
            var webapi = new Webapi();
            webapi.setSuccessCallbackReference(successfulCallback);    
            webapi.setUrl("test1.go");
            webapi.submitAsync();    
        }
        
        function slowtest1(){
            var webapi = new Webapi();
            webapi.setUrl("slowtest1.go");
            webapi.submitAsync();    
        }
        
        
        function test2(){       
            var webapi = new Webapi();    
            webapi.setUrl("test2.go");
            webapi.submitAsync();    
        }
        
        
        function test2Onload() {
            var test2Input = domUtil.getElement("test2Input");
            //$(test2Input).datepicker();
            domUtil.setText("test2Input","Set by page onload."); 
        }
        
        function test3(){       
            var webapi = new Webapi();    
            webapi.setUrl("test3.go");
            webapi.submitAsync();    
        }
        
        function test3Back(){
            dtBack();
            domUtil.setText("test2Input","Altered by back from test 3.");
        }  
        
        function test4(){       
            var webapi = new Webapi();    
            webapi.setUrl("test4.go");
            webapi.submitAsync();    
        }
        
        function test5(){       
            var webapi = new Webapi();    
            webapi.setUrl("test5.go");
            webapi.submitAsync();    
        }
        
        function newStartingPoint(){
            dtInit();       
            var webapi = new Webapi();    
            webapi.setUrl("newStartingPoint.go");
            webapi.submitAsync();    
        }
        
        function getSignInPage(){       
            var webapi = new Webapi();    
            webapi.setUrl("testSignInPage.go");
            webapi.submitAsync();    
        }
        
        function submitTestForm(){       
            var webapi = new Webapi();    
            webapi.setUrl("test3.go");
            webapi.submitAsyncForm("testForm");    
        }
        
        function submitCustomParam(){       
            var webapi = new Webapi();    
            webapi.setUrl("test3.go");
            
            var asyncParametersList = new AsyncParametersList();
            asyncParametersList.addParameter("firstName","Joe");
            asyncParametersList.addParameter("lastName","Johnson");
            webapi.submitAsync(asyncParametersList);       
        }
        
        function restoreResponse(){       
            restoreAsyncResponse("test3");
        }
        
        function modal10(){       
            var successfulCallback = function(innerHTMLObject) {                        
                $(innerHTMLObject).find(".BDT_Dialog_Decoration").draggable({ appendTo: "body" });                 
            }
                
            var webapi = new Webapi();
            webapi.setSuccessCallbackReference(successfulCallback);    
            webapi.setUrl("modal10.go");
            webapi.submitAsync();    
        }
        
        
        function modal20(){       
            var successfulCallback = function(innerHTMLObject) {                        
                $(innerHTMLObject).find(".BDT_Dialog_Decoration").draggable({ appendTo: "body" });                 
            }
                
            var webapi = new Webapi();
            webapi.setSuccessCallbackReference(successfulCallback);   
            webapi.setUrl("modal20.go");
            webapi.submitAsync();    
        }
        
        function generate404(){       
            var webapi = new Webapi();    
            webapi.setUrl("xxx.go");
            webapi.submitAsync("");    
        }
        
        function noMeta(){       
            var webapi = new Webapi();    
            webapi.setUrl("noMeta.go");
            webapi.submitAsync("");    
        }
        
        function noURL(){       
            var webapi = new Webapi();    
            webapi.setUrl("noURL.go");
            webapi.submitAsync("");    
        }
        
        function serverSideError(){
            var successfulCallback = function(innerHTMLObject) {                        
                alert("this should not be called");                 
            }
                   
            var webapi = new Webapi();
            webapi.setSuccessCallbackReference(successfulCallback);    
            webapi.setUrl("serverSideError.go");
            webapi.submitAsync("");    
        }

Javascript Code For The Dynamic Web App Demo

Demo Movie JS Code Showing How Simple it is to use the WebRocketX API

WebRocketX Example Javascript

Contact Us