jQuery on-screen HOW-TO / HELP [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.

Closed 9 years ago.

Improve this question

I am contemplating doing "interactive" tutorials on a website i'm developing

The point of this would be the first time a user visits a specific area or functionality of a site, or if they click help an interactive "session" could start, that guides the user hand in hand trough a series of steps, buttons would be highlighted with an arrow or some other kind of indication, i'm thinking in the ways of some game tutorials that exists.

i'd think you would need to be able to assign "tasks" the user needs to peform to get to the next step of the tutorial like

• Click this button (arrow pointing)
• Write 'something' in this field (arrow pointing, perhaps automaticly starting to write it as an example)

And then assorted ways of display notes or areas of interrest together with the notes, dimming parts of t开发者_如何学Pythonhe screen. anything like this exists or would I have to start writing something like this from scratch? :)

Wondered if a jquery plugin for some sort of tutorial framework exists, alternatively if anyone has any ideas they would be welcome.

---

Fire up your text editor and get ready to start writing a lot of code.

There basically can't be plugin for this, because nobody knows the semantics of your tutorial. And preparing a framework, which would make it possible is imo much harder, than writing it for specific scenario. It definitelly is possible to create, but I wouldn't hope for any one line of code magic plugin :)

---

There is no "silver bullet" to do what you want. As @Dampe points out your content is going to be specific to your needs. The jquery tooltip is best canned option here. It isn't a perfect solution but if you look at some of the examples on This JQUERY TOOLTIP Demo Page there are some slick options. If you can figure out what places you want help to appear for your user (like when focus is set on a particular text box) you can launch a tool off of a focus event rather than a mouseover. This should give you some 'mid stream' options. Also, notice on the demo page that you can 'block or unblock' tool tips, so that if you have a 'regular' customer you can block the tips so that they have an uninterrupted experience.