| Ample SDK | Download | Examples | Tutorials | Reference | Support | Community |
| Hello World!Getting StartedApplication DevelopmentExtensions DevelopmentTechnical Articles |
|
Hello, World!Creating applications with Ample SDK is as simple as doing so with plain HTML, JavaScript and the DOM. Plus you get SVG, XUL and more!!
The following sample application will display a "Hello, World!" message in bold on the screen. <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello, World!</title>
<!-- (A) Ample SDK runtime and UI language -->
<script type="text/javascript" src="ample/runtime.js"></script>
<script type="text/javascript" src="ample/languages/xhtml/xhtml.js"></script>
<!-- (1) Styling -->
<style type="text/ample+css">
@namespace "http://www.w3.org/1999/xhtml";
b {
color: red;
}
</style>
<!-- (2) Logic -->
<script type="text/javascript">
function alertHelloWorld(oEvent) {
alert('Element "' + oEvent.target.tagName + '" was clicked');
}
</script>
</head>
<body>
<!-- (3) Layout -->
<script type="application/ample+xml">
<b onclick="alertHelloWorld(event)">Hello, World!</b>
</script>
</body>
</html>
The 4 important areas of this sample document include:
|
