如何使用JavaScript为网页创建指导教程？

Question

某些网站（特别是Facebook游戏）为新用户提供了一步一步的教程，其中JavaScript用于创建弹出窗口，告知用户在哪里点击以及发生了什么。

如何创建这样一个系统？什么样的架构是必需的？

我想如果一个标志是一个教程标志被设置，并且存储在用户状态中有一个'指针'，它指示用户在教程中的哪一步。该脚本将回显相关的JavaScript弹出窗口和突出显示等等。

我想，问题是如何检测用户何时执行了所需操作并且教程是否要继续下一步？

On编辑：“进行下一步所需的操作”可能涉及用户单击链接本身或通过表单提交值。因此，状态必须能够保持，并且脚本必须能够检测整个页面中不同UI元素上的交互。

Answer 1

我认为解决方案将取决于您使用的是哪种技术。

简单地说 - 您可以将用户的教程进度存储在Cookie文件中，并在他的每个动作（例如按钮单击）上调用javaScript处理程序，以更新其状态。

您可以将您的教程建模为有限状态机。我认为这个教程数据演示会非常有帮助。