Instant IntroJs电子书

Instant IntroJs

Instant IntroJs

Credits

About the Authors

About the Reviewers

www.packtpub.com

Support files, eBooks, discount offers and more

packtlib.packtpub.com

Why Subscribe?

Free Access for Packt account holders

1. Instant IntroJs

So, what is IntroJs?

Usages

Features

Installation

Step 1 – requirements

Step 2 – downloading JavaScript and CSS

Step 3 – configuration

Using the <script> tag

AMD and CommonJs

And that's it

Quick start

Step 1 – defining elements

Using element attributes

The data-intro attribute

The data-step attribute

The data-position attribute

Using JavaScript objects (JSON)

Step 2 – calling the start() method

Hello World

How it works

Top 7 features you need to know about

Options

steps

nextLabel

prevLabel

skipLabel

doneLabel

tooltipPosition

exitOnEsc

exitOnOverlayClick

showStepNumbers

API

introJs.start()

introJs.goToStep(stepNo)

introJs.exit()

introJs.setOption(option, value)

introJs.setOptions(options)

introJs.oncomplete(providedCallback)

introJs.onexit(providedCallback)

introJs.onchange(providedCallback)

introJs.onbeforechange(providedCallback)

Method chaining

Integrating IntroJs with other frameworks

Ruby on Rails

Installation

Yii Framework

Installation

Usage

Overlay

Tool tips

Buttons

introjs-tooltipbuttons

introjs-button

introjs-prevbutton

introjs-nextbutton

introjs-skipbutton

Numbers

Highlight area

Localization and the Right to Left version

Changing button labels

RTL

Building projects

Getting ready

make build

Events and callbacks

oncomplete

onexit

onchange

onbeforechange

Multipage introduction

How it works

Changing the Done button label

Redirecting the user to the next page

Starting the introduction on the second page

People and places you should get to know

IntroJs official website

Blogs

API documentation

The GitHub repository

Issue tracker

Communities

Google group

Stackoverflow

Twitter and personal blogs