stuff/UWAskeleton-en.html

## UWAskeleton-en.html
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:widget="http://www.netvibes.com/ns/"  >
    <head>

        <title>Widget title</title>

        <link rel="icon" type="image/png" href="http://www.netvibes.com/favicon.ico" />

        <meta name="author" content="John Doe" />
        <meta name="website" content="http://exemple.org" />
        <meta name="description" content="a Description" />
        <meta name="keywords" content="here, are, key words" />
        <meta name="screenshot" content="http://exemple.org/widget-full.png" />
        <meta name="thumbnail" content="http://exemple.org/widget-logo.png" />
        <meta name="version" content="1.0" />

        <meta name="apiVersion" content="1.2-ginger" />
        <meta name="autoRefresh" content="20" />
        <meta name="debugMode" content="true" />

        <link rel="stylesheet" type="text/css" href="http://www.netvibes.com/themes/uwa/style.css" />
        <script type="text/javascript" src="http://www.netvibes.com/js/UWA/load.js.php?env=Standalone"></script>

        <style type="text/css">
            /*
                declare here your css rules, prefixed with your widget name
            */
            .MyWidget h1 {
                color:green;
            }
        </style>

        <widget:preferences>
            <preference name="url" type="text" label="URL" defaultValue="http://feeds.feedburner.com/NetvibesDevBlog" />
            <preference name="password" type="password" label="Password" />
            <preference name="displayImages" type="boolean" label="Display images?" defaultValue="true" />
            <preference name="limit" type="range" label="Number of items to display" defaultValue="10" step="1" min="1" max="25" />
            <preference name="category" type="list" label="Category" defaultValue="1st" onchange="onCategoryPrefChange">
                <option value="all" label="all" />
                <option value="1st" label="First category" />
                <option value="2nd" label="Second category" />
                <option value="3rd" label="Third category" />
            </preference>
            <preference name="search" type="hidden" defaultValue="" />
        </widget:preferences>

        <script type="text/javascript">
            var MyWidget = {
                    // var used to cache some data
                    data: null,

                    // var used to cache widget dom elements
                    elements: {},

                    // this method is called by widget.onLoad
                    load: function(){

                    // create base skeleton
                    MyWidget.buildSkeleton();

                    // load a rss feed using Ajax, MyWidget.parse is used as a callback
                    UWA.Data.getFeed(widget.getValue('url'), MyWidget.parse);
                },

                // method to build widget skeleton
                buildSkeleton: function(){
                    // clear widget body content
                    widget.body.empty();

                    // create a DIV used as a main container, then inject it in our widget body
                    MyWidget.elements['container'] = widget.createElement('div', {
                        'class' : 'MyWidget'
                    }).inject(widget.body);

                    // display a message while loading
                    MyWidget.elements['container'].setText('Loading...');
                },

                // Called once the feed is loaded
                // 'data' will contains the feed as an Object
                parse: function(data){
                    // fill our variable 'MyWidget.data' with info we need
                    MyWidget.data = {
                        'feedTitle': data.title,
                        'firstArticleTitle': data.items[0].title
                    }

                    // start widget display
                    MyWidget.display();
                },

                // method to display the result of our ajax call
                display: function(){
                    var html = '<h1>' + MyWidget.data.feedTitle + '</h1>';
                    html += '<h2>' + MyWidget.data.firstArticleTitle + '</h2>';
                    MyWidget.elements['container'].setHTML(html);
                }
            };

            // widget.onLoad is the first method called by the UWA Framework to start your widget
            widget.onLoad = MyWidget.load;

            // widget onRefresh is called when the user click on the widget refesh button
            // here we link the refresh to widget.onLoad
            widget.onRefresh = widget.onLoad;

            // this method is called each time the "category" preference changes
            widget.onCategoryPrefChange = widget.onLoad;

        </script>
    </head>
    <body>
    </body>
</html>
	<?xml version="1.0" encoding="utf-8"?>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xmlns:widget="http://www.netvibes.com/ns/" >
	<head>

	<title>Widget title</title>

	<link rel="icon" type="image/png" href="http://www.netvibes.com/favicon.ico" />

	<meta name="author" content="John Doe" />
	<meta name="website" content="http://exemple.org" />
	<meta name="description" content="a Description" />
	<meta name="keywords" content="here, are, key words" />
	<meta name="screenshot" content="http://exemple.org/widget-full.png" />
	<meta name="thumbnail" content="http://exemple.org/widget-logo.png" />
	<meta name="version" content="1.0" />

	<meta name="apiVersion" content="1.2-ginger" />
	<meta name="autoRefresh" content="20" />
	<meta name="debugMode" content="true" />

	<link rel="stylesheet" type="text/css" href="http://www.netvibes.com/themes/uwa/style.css" />
	<script type="text/javascript" src="http://www.netvibes.com/js/UWA/load.js.php?env=Standalone"></script>

	<style type="text/css">
	/*
	declare here your css rules, prefixed with your widget name
	*/
	.MyWidget h1 {
	color:green;
	}
	</style>

	<widget:preferences>
	<preference name="url" type="text" label="URL" defaultValue="http://feeds.feedburner.com/NetvibesDevBlog" />
	<preference name="password" type="password" label="Password" />
	<preference name="displayImages" type="boolean" label="Display images?" defaultValue="true" />
	<preference name="limit" type="range" label="Number of items to display" defaultValue="10" step="1" min="1" max="25" />
	<preference name="category" type="list" label="Category" defaultValue="1st" onchange="onCategoryPrefChange">
	<option value="all" label="all" />
	<option value="1st" label="First category" />
	<option value="2nd" label="Second category" />
	<option value="3rd" label="Third category" />
	</preference>
	<preference name="search" type="hidden" defaultValue="" />
	</widget:preferences>

	<script type="text/javascript">
	var MyWidget = {
	// var used to cache some data
	data: null,

	// var used to cache widget dom elements
	elements: {},

	// this method is called by widget.onLoad
	load: function(){

	// create base skeleton
	MyWidget.buildSkeleton();

	// load a rss feed using Ajax, MyWidget.parse is used as a callback
	UWA.Data.getFeed(widget.getValue('url'), MyWidget.parse);
	},

	// method to build widget skeleton
	buildSkeleton: function(){
	// clear widget body content
	widget.body.empty();

	// create a DIV used as a main container, then inject it in our widget body
	MyWidget.elements['container'] = widget.createElement('div', {
	'class' : 'MyWidget'
	}).inject(widget.body);

	// display a message while loading
	MyWidget.elements['container'].setText('Loading...');
	},

	// Called once the feed is loaded
	// 'data' will contains the feed as an Object
	parse: function(data){
	// fill our variable 'MyWidget.data' with info we need
	MyWidget.data = {
	'feedTitle': data.title,
	'firstArticleTitle': data.items[0].title
	}

	// start widget display
	MyWidget.display();
	},

	// method to display the result of our ajax call
	display: function(){
	var html = '<h1>' + MyWidget.data.feedTitle + '</h1>';
	html += '<h2>' + MyWidget.data.firstArticleTitle + '</h2>';
	MyWidget.elements['container'].setHTML(html);
	}
	};

	// widget.onLoad is the first method called by the UWA Framework to start your widget
	widget.onLoad = MyWidget.load;

	// widget onRefresh is called when the user click on the widget refesh button
	// here we link the refresh to widget.onLoad
	widget.onRefresh = widget.onLoad;

	// this method is called each time the "category" preference changes
	widget.onCategoryPrefChange = widget.onLoad;

	</script>
	</head>
	<body>
	</body>
	</html>