From d7e3bf722d784b167b665e8bacb749f18ae0d0f4 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 4 Oct 2011 21:24:59 -0700 Subject: add selector option to alerts, update modal settings strategy --- docs/javascript.html | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) (limited to 'docs/javascript.html') diff --git a/docs/javascript.html b/docs/javascript.html index 2a81b3307..2891c4460 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -195,7 +195,6 @@ $('#my-modal').bind('hidden', function () { - @@ -659,6 +658,26 @@ $('#.tabs').bind('change', function (e) { 
$(".alert-message").alert()

Markup

Just add a data-alert attribute to your alert messages to automatically give them close functionality.

+

Options

+ + + + + + + + + + + + + + + + + +
Nametypedefaultdescription
selectorstring'.close'What selector to target for closing an 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.

-- cgit v1.2.3 From a2c263493a7b6ca1933778feada80bab38c78581 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 4 Oct 2011 22:11:44 -0700 Subject: add dropdown tab selection support --- docs/javascript.html | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'docs/javascript.html') diff --git a/docs/javascript.html b/docs/javascript.html index 2891c4460..3c3c818fe 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -383,6 +383,13 @@ $('#.tabs').bind('change', function (e) {
  • Profile
  • Messages
  • Settings
    • +
  • + Dropdown + +
    • @@ -397,6 +404,12 @@ $('#.tabs').bind('change', function (e) {

    Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats seitan squid ad wolf bicycle rights blog. Et aute readymade farm-to-table carles 8-bit, nesciunt nulla etsy adipisicing organic ea. Master cleanse mollit high life, next level Austin nesciunt american apparel twee mustache adipisicing reprehenderit hoodie portland irony. Aliqua tofu quinoa +1 commodo eiusmod. High life williamsburg cupidatat twee homo leggings. Four loko vinyl DIY consectetur nisi, marfa retro keffiyeh vegan. Fanny pack viral retro consectetur gentrify fap.

    +
    +

    Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.

    +
    +
    +

    Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.

    +
    -- cgit v1.2.3 From e8b66a9626055957a378464e2b9204f156b34c17 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sat, 29 Oct 2011 17:58:58 -0700 Subject: star work on bootstrap-buttons.js --- docs/javascript.html | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) (limited to 'docs/javascript.html') diff --git a/docs/javascript.html b/docs/javascript.html index 3192fa04a..02c0f6a00 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -22,6 +22,7 @@ + @@ -48,6 +49,7 @@
  • Modals
  • Dropdown
  • ScrollSpy
    • +
  • Buttons
  • Tabs
  • Twipsy
  • Popover
    • @@ -312,6 +314,54 @@ $('#my-modal').bind('hidden', function () { + + +
    +
    +

    Buttons bootstrap-buttons.js

    +
    +
    +
    +

    This plugin offers additional functionality for managing button state.

    + Download +
    +
    +

    Using bootstrap-buttons.js

    + 
    $('.tabs').button()
    +

    Markup

    +

    You can leverage bootstraps button toggle helper without writing any javascript by using the data-toggle attribute.

    + 
    <button class="btn" data-toggle="toggle" >...</button>
    +

    Methods

    +

    $().button('loading')

    +

    Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute data-loading-text. +

    + 
    <button class="btn" data-loading-text="loading stuff..." >...</button>
    +

    $().button('reset')

    +

    Resets button state - swaps text to original text.

    +

    $().button(string)

    +

    Resets button state - swaps text to any data defined text state.

    +
    <button class="btn" data-complete-text="finished!" >...</button>
+<script>
+  $('.btn').button('complete')
+</scrip>
    +

    Demo

    + + +
    +
    +
    + + -- cgit v1.2.3 From ea50e8aeeed6616a61a7e44d28fe60ced327be0c Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sat, 29 Oct 2011 18:49:35 -0700 Subject: add active class to css for buttons, write new spec for button, "use strict" --- docs/javascript.html | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) (limited to 'docs/javascript.html') diff --git a/docs/javascript.html b/docs/javascript.html index 02c0f6a00..47edf2b75 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -314,7 +314,7 @@ $('#my-modal').bind('hidden', function () { -
    @@ -329,10 +329,11 @@ $('#my-modal').bind('hidden', function () {

    Using bootstrap-buttons.js

    $('.tabs').button()
    -

    Markup

    -

    You can leverage bootstraps button toggle helper without writing any javascript by using the data-toggle attribute.

    - 
    <button class="btn" data-toggle="toggle" >...</button>

    Methods

    +

    $().button('toggle')

    +

    Toggles push state. Gives btn the look that it's been activated.

    +

    Notice You can enable auto toggling of a button by using the data-toggle attribute.

    + 
    <button class="btn" data-toggle="toggle" >...</button>

    $().button('loading')

    Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute data-loading-text.

    @@ -346,7 +347,8 @@ $('#my-modal').bind('hidden', function () { $('.btn').button('complete') </scrip>

    Demo

    - + +