User:Book: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| Line 15: | Line 15: | ||
*In this tutorial, we assume the plug-in is in the same folder as your html file | *In this tutorial, we assume the plug-in is in the same folder as your html file | ||
=== | ===Hello World--web page with glider in viewer=== | ||
A simple web page with a glider in a LifeViewer | A simple web page with a glider in a LifeViewer | ||
<pre> | <pre> | ||
| Line 32: | Line 21: | ||
<html> | <html> | ||
<head> | <head> | ||
<meta name="LifeViewer" content="viewer textarea"> | <meta name="LifeViewer" content="viewer textarea"> <!--required tag--> | ||
<script src="lv-plugin.js"> | <script src="lv-plugin.js"></script> <!--assumes plug-in is in the same directory as html file--> | ||
</head> | </head> | ||
<body> | <body> | ||
<div class="viewer"> | <!--viewer container--> | ||
<div class="viewer"> <!--class=viewer is required--> | |||
<textarea>bo$2bo$3o!</textarea><br/> <!--textarea required in viewer container--> | |||
<canvas></canvas> <!--canvas required in viewer container--> | |||
</div> | |||
<!--end viewer container--> | |||
</body> | </body> | ||
</html> | </html> | ||
</pre> | </pre> | ||
Revision as of 18:10, 18 November 2021
| Lifespan 4700 (click above to open LifeViewer) |
Under Construction
This is my sandbox.
Getting started
Download the LifeViewer plug-in
- Use this link: download
- The javascript code will be displayed in your browser
- Do a "Save" or "Save as..." and save lv-plugin.js where you want it
- In this tutorial, we assume the plug-in is in the same folder as your html file
Hello World--web page with glider in viewer
A simple web page with a glider in a LifeViewer
<!DOCTYPE html> <html> <head> <meta name="LifeViewer" content="viewer textarea"> <!--required tag--> <script src="lv-plugin.js"></script> <!--assumes plug-in is in the same directory as html file--> </head> <body> <!--viewer container--> <div class="viewer"> <!--class=viewer is required--> <textarea>bo$2bo$3o!</textarea><br/> <!--textarea required in viewer container--> <canvas></canvas> <!--canvas required in viewer container--> </div> <!--end viewer container--> </body> </html>