From 6f2f947a4309a8fdeb7067612447c0f1a15dcfd9 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Wed, 11 Jan 2012 21:42:55 -0800 Subject: add build tool for js + rename twipsy to tooltip + lots of little doc cleanup --- docs/javascript.html | 159 +++++++++++++++++++++++++++++++-------------------- 1 file changed, 98 insertions(+), 61 deletions(-) (limited to 'docs/javascript.html') diff --git a/docs/javascript.html b/docs/javascript.html index 119066895..51f3d691e 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -54,7 +54,6 @@ -
@@ -63,61 +62,100 @@
-

Modals

-

A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.

+
-

Dropdowns

-

Add dropdown menus to nearly anything in Bootstrap with this simple plugin. Bootstrap features full dropdown menu support on in the navbar, tabs, and pills.

+
-

Scrollspy

-

Use scrollspy to automatically update the links in your navbar to show the current active link based on scroll position.

+
-

Togglable tabs

-

Use this plugin to make tabs and pills more useful by allowing them to toggle through tabbable panes of local content.

+
-

Twipsy tooltips

-

A new take on the jQuery Tipsy plugin, Twipsy uses CSS3 animations, data attributes for titles, and the new event API in jQuery 1.7.

+
-

Popovers *

-

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

-

* Requires Twipsy to be included

+
-

Alert messages

-

The alert plugin is a tiny class for adding close functionality to alerts.

+
-

Buttons

-

Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

+
-

Collapse

-

Get base styles and flexible support for collapsible components like accordions and navigation.

+
-

Carousel

-

Create a merry-go-round of any content you wish to provide an interactive slideshow of content.

+
-

Typeahead

-

A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.

+
-

Transitions *

-

For simple transition effects, include bootstrap-transition.js once to slide in modals or fade out alert messages.

-

* Required for animation in plugins

+
+
+
+ +
+
+ Select/Unselect All Plugins

Note: All plugins require the latest version of jQuery to be included.

@@ -169,8 +207,8 @@

Popover in a modal

This button should trigger a popover on hover.

-

Twipsy tooltips in a modal

-

This link and that link should have Twipsy tooltips on hover.

+

Tooltips in a modal

+

This link and that link should have tooltips on hover.

Save changes @@ -596,30 +634,29 @@ $('a[data-toggle="tab"]').on('shown', function (e) { - - -
+
-

Twipsy bootstrap-twipsy.js

+

Tooltips bootstrap-tooltip.js

-

About Twipsy tooltips

-

Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; twipsy is an updated version, which doesn't rely on images, uses css3 for animations, data-attributes for local title storage, and now jquery 1.7's new event api!

- Download file +

About Tooltips

+

Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, uss css3 for animations, and data-attributes for local title storage.

+ Download file
-

Example use of Twipsy

+

Example use of Tooltips

Hover over the links below to see tooltips:

-
-

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral. +

+

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.

-

Using bootstrap-twipsy.js

-

Trigger the Twipsy tooltips via javascript:

- 
$('#example').twipsy(options)
+

Using bootstrap-tooltip.js

+

Trigger the tooltip via javascript:

+ 
$('#example').tooltip(options)

Options

@@ -647,7 +684,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) { - + @@ -673,18 +710,18 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
selector string falseIf a selector is provided, twipsy objects will be delegated to the specified targets.If a selector is provided, tooltip objects will be delegated to the specified targets.
title
-

Notice Individual twipsy instance options can alternatively be specified through the use of data attributes.

+

Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.

Markup

-

For performance reasons, the Twipsy and Popover data-apis are opt in. If you would like to use them just specify a selector option.

+

For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.

Methods

-

$().twipsy(options)

-

Attaches a twipsy handler to an element collection.

-

.twipsy('show')

-

Reveals an elements twipsy.

- 
$('#element').twipsy('show')
-

.twipsy('hide')

-

Hides an elements twipsy.

- 
$('#element').twipsy('hide')
+

$().tooltip(options)

+

Attaches a tooltip handler to an element collection.

+

.tooltip('show')

+

Reveals an elements tooltip.

+ 
$('#element').tooltip('show')
+

.tooltip('hide')

+

Hides an elements tooltip.

+ 
$('#element').tooltip('hide')
@@ -701,7 +738,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

About popovers

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

-

* Requires Twipsy to be included

+

* Requires Tooltip to be included

Download file
@@ -741,7 +778,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) { selector string false - if a selector is provided, twipsy objects will be delegated to the specified targets + if a selector is provided, tooltip objects will be delegated to the specified targets trigger @@ -776,7 +813,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

Notice Individual popover instance options can alternatively be specified through the use of data attributes.

Markup

- For performance reasons, the Twipsy and Popover data-apis are opt in. If you would like to use them just specify a the selector option. + For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.

Methods

$().popover(options)

@@ -1302,7 +1339,7 @@ $('#myCollapsible').on('hidden', function () { - + @@ -1311,11 +1348,11 @@ $('#myCollapsible').on('hidden', function () {