Friday, January 2, 2015

Simple white board.




We use the simple whiteboard like a chalk board. Surprised it even worked will being hosted on a pentium one computer running Slackware 14.1. The code is based off of the Canvas developers project. You will want to download the special programs to make the page faster to load.

$ wget https://code.jquery.com/jquery-1.11.0.min.js
$ wget https://awwapp.com/static/1.0/aww.min.js
$ wget https://awwapp.com/nowjs/now.js
$ wget https://awwapp.com/static/1.0/aww.css

You will want your web page and the files all in the same directory aka folder.


wb.hrml
[code]
<html>
<head>
<!-- jQuery 1.x is required; if you already have it included in your page,
 no need to include this -->
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>

<!-- AWW widget -->
<script type="text/javascript" src="aww.min.js"></script>

<!-- Connection to the whiteboard sharing service -->
<script type="text/javascript" src="now.js"></script>

<!-- CSS styles used by the widget -->
<link rel="stylesheet" type="text/css" href="aww.css"/>

</head>
<body>
<!-- the whiteboard widget will be shown inside this element -->
<div id="wrapper" style="width: 100%; height: 600px;"></div>

<!-- this actually initializes the widget -->
<script type="text/javascript">
    $(function() {
        /* initialize the whiteboard widget on #wrapper element */
        var aww = $('#wrapper').awwCanvas();
    });
</script>
</body>
</html>
[/code]



No comments:

Post a Comment