如何使用JavaScript爲網頁創建指導教程？

Question

某些網站（特別是Facebook遊戲）爲新用戶提供了一步一步的教程，其中JavaScript用於創建彈出窗口，告知用戶在哪裏點擊以及發生了什麼。

如何創建這樣一個系統？什麼樣的架構是必需的？

我想如果一個標誌是一個教程標誌被設置，並且存儲在用戶狀態中有一個'指針'，它指示用戶在教程中的哪一步。該腳本將回顯相關的JavaScript彈出窗口和突出顯示等等。

我想，問題是如何檢測用戶何時執行了所需操作並且教程是否要繼續下一步？

On編輯：「進行下一步所需的操作」可能涉及用戶單擊鏈接本身或通過表單提交值。因此，狀態必須能夠保持，並且腳本必須能夠檢測整個頁面中不同UI元素上的交互。

Answer 1

我認爲解決方案將取決於您使用的是哪種技術。

簡單地說 - 您可以將用戶的教程進度存儲在Cookie文件中，並在他的每個動作（例如按鈕單擊）上調用javaScript處理程序，以更新其狀態。

您可以將您的教程建模爲有限狀態機。我認爲這個教程數據演示會非常有幫助。