Tourist.js is a simple library for creating guided tours through your app. It's better suited to complex, single-page apps than websites. Our main requirement was the ability to control the interface for each step. For example, a step might need to open a window or menu, or wait for the user to complete a task. Tourist gives you hooks to do this.
The code is available via
<script src="tourist.js"></script> <!-- Optional! --> <link rel="stylesheet" href="tourist.css" type="text/css" media="screen">
Specify steps explaining elements to point at and what to say. Tourist manages moving between your steps.
Tourist was designed for complex apps rather than websites. It's easy to:
Just use the
teardown() functions in your step options.
Tourist comes with the ability to use either Bootstrap popovers (default) or QTip2 tips, so you'll need either Bootstrap 3 CSS (only the CSS is necessary!) or QTip2 installed. You can write your own tooltip connector if you'd like.