From fb8987148aeae4b9aa2b4c28fa3ad5346b8c56b1 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 6 Sep 2011 23:20:56 -0700 Subject: move javascript from examples into docs --- docs/javascript.html | 330 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 330 insertions(+) create mode 100644 docs/javascript.html (limited to 'docs/javascript.html') diff --git a/docs/javascript.html b/docs/javascript.html new file mode 100644 index 000000000..8765b5770 --- /dev/null +++ b/docs/javascript.html @@ -0,0 +1,330 @@ + + + + + Bootstrap, from Twitter + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

Bootstrap JS

+ +
+
+
+ +
+ + + + + + + +
+
+

Alerts bootstrap-alerts.js

+
+
+
+

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

+ Download +
+
+

Using bootstrap-alert

+ 
$(".alert-message").alert()
+

Methods

+

$().alert

+

Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.

+

Demo

+
+ × +

Holy guacamole! Best check yo self, you’re not looking too good.

+
+
+ × +

Oh snap! You got an error! Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

+
+ Take this action Or do this +
+
+ +
+
+
+ + + + + + + +
+
+

Twipsy bootstrap-twipsy.js

+
+
+
+

Based on the excellent jQuery.tipsy plugin written by Jason Frame; twipsy is an updated version, which doesn't rely on images, uses css3 for animations, and data-attributes for title storage!

+ Download +
+
+

Using bootstrap-twipsy.js

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

Options

+
    +
  • animate (boolean) - apply a css fade transition to the tooltip.
    • +
  • delayIn (number) - delay before showing tooltip (ms).
    • +
  • delayOut (number) - delay before hiding tooltip (ms).
    • +
  • fallback (string) - fallback text to use when no tooltip text.
    • +
  • placement (string) - position of tooltip - above | below | left | right.
    • +
  • html (boolean) - is tooltip content HTML?
    • +
  • live (boolean) - use live event support?
    • +
  • offset (number) - pixel offset of tooltip from element.
    • +
  • title (string|function) - attribute/callback containing tooltip text.
    • +
  • trigger (string) - how tooltip is triggered - hover | focus | manual.
    • +
+

Methods

+

$().twipsy

+

Attaches a twipsy handler to an element collection.

+

Demo

+
+

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. +

+
+ +
+
+
+ + + +
+
+

Popovers bootstrap-popover.js

+
+
+
+

The popover plugin provides a simple interface for adding popovers to your application. It extends the boostrap-twipsy.js plugin, so be sure to grab that file as well when including popovers in your project!

+ Download +
+
+

Using boostrap-popover.js

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

Options

+
    +
  • animate (boolean) - apply a css fade transition to the popover.
    • +
  • delayIn (number) - delay before showing tooltip (ms).
    • +
  • delayOut (number) - delay before hiding tooltip (ms).
    • +
  • fallback (string) - fallback text to use when no tooltip text.
    • +
  • placement (string) - position of tooltip - above | below | left | right.
    • +
  • html (boolean) - is tooltip content HTML?
    • +
  • live (boolean) - use live event support?
    • +
  • offset (number) - pixel offset of tooltip from element.
    • +
  • title (string|function) - text for title in popover. Alternatively you can specify a data-title attribute.
    • +
  • content (string|function) - text for content in popover. Also you can specify a data-content attibute.
    • +
  • trigger (string) - how tooltip is triggered - hover | focus | manual.
    • +
+

Methods

+

$().popover

+

Initializes popovers for an element collection.

+

Demo

+ hover + +
+
+
+ +
+ + \ No newline at end of file -- cgit v1.2.3