Creating A Hello World Widget

From WidgetAvenue Wiki

Jump to: navigation, search

Creating a widget with WidgetAvenue is as easy as creating a web page. Here is the classical "Hello World" example, using the waHTML/waJS source format.

Creating the source waHTML file

Create a HelloWorld.html file on your server with the following content: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title></title>
	</head>
	<body>
		<span>Hello, world !</span>	
	</body>
</html>

Building the URL to display the standalone version of the widget

To start with, the most simple option is to display the standalone version of your widget. The URL is built as follows: 

http://www.widgetavenue.com/wdg/loaders/stn.php?root=html&url=[Encoded URL of your source file]

For example, if your source HTML file is located at http://myserver.com/HelloWorld.html, you will be able to display your widget at 

http://www.widgetavenue.com/wdg/loaders/stn.php?root=html&url=http%3A%2F%2Fmyserver.com%2FHelloWorld.html

If your URL is correct, you should get something similar to this. Then, clicking on install at the bottom of the widget allows you to install it on various host platforms.

Retrieved from "http://www.widgetavenue.com/wiki/Creating_A_Hello_World_Widget"
Personal tools