Widget

Source Code

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title>Perfect Widgets Satellite demo</title>
    <script src="http://perfectwidgets.com/Scripts/PW/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="http://perfectwidgets.com/Scripts/PW/mscorlib.js" type="text/javascript"></script>
    <script src="http://perfectwidgets.com/Scripts/PW/PerfectWidgets.js" type="text/javascript"></script>

    <script type="text/javascript">
        var widget = null;
        window.onload = function () {
            var jsonModel = {"Active":true,"BreakEventsBubbling":false,"CssClass":{},...
            widget = new PerfectWidgets.Widget("root", jsonModel);
            
            changePosition();
        }
        
        function changePosition()
        {
            var xPos = Math.random()*2*Math.PI-Math.PI;
            var yPos = Math.random()*2-1;
            
            widget.getByName("Slider1").setValue(xPos);
            widget.getByName("Slider2").setValue(yPos);
            
            setTimeout(changePosition, 3000);
        }
    </script>
    
</head>
<body>
    <div id="root"></div>
</body>
</html>