mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 05:28:24 +01:00
Code Issues Releases Wiki Activity

fancy scroll stuff and tiny js roundup/cleanup

Browse Source
This commit is contained in:
Jacob Thornton 2011-05-05 00:59:16 -07:00
parent 037bf9fec5
commit 15a679e2d1
2 changed files with 54 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
docs/assets/js/application.js
View File

@ -1,6 +1,6 @@
// Javascript to toggle the dropdowns
$(document).ready(function(){
// Dropdowns
$("body").bind("click", function(e) {
$("ul.menu-dropdown").hide();
$('a.menu').parent("li").removeClass("open").children("ul.menu-dropdown").hide();
@ -21,4 +21,53 @@ $(document).ready(function(){
$parentSiblings.removeClass("open");
return false;
});
//table sort example
$("#sortTableExample").tablesorter( {sortList: [[1,0]]} );
//add on
$('.add-on :checkbox').click(function() {
if ($(this).attr('checked')) {
$(this).parents('.add-on').addClass('active');
} else {
$(this).parents('.add-on').removeClass('active');
}
});
//scroll spyer
var activeTarget,
$window = $(window),
position = {},
nav = $('body > .topbar li a'),
targets = nav.map(function () {
return $(this).attr('href');
}),
offsets = $.map(targets, function (id) {
return $(id).offset().top;
});
function setButton(id) {
nav.parent("li").removeClass('active');
$(nav[$.inArray(id, targets)]).parent("li").addClass('active');
}
function processScroll(e) {
var scrollTop = $window.scrollTop() + 10, i;
for (i = offsets.length; i--;) {
if (activeTarget != targets[i] && scrollTop >= offsets[i] && (!offsets[i + 1] || scrollTop <= offsets[i + 1])) {
activeTarget = targets[i];
setButton(activeTarget);
}
}
}
nav.click(function () {
processScroll();
});
processScroll();
$window.scroll(processScroll);
});

27
docs/index.html
View File

@ -4,20 +4,18 @@
<meta charset="utf-8">
<title>Twitter Baseline</title>
<!-- // Less.js at the ready! -->
<!-- some styles -->
<link href="../baseline-1.0.0.css" rel="stylesheet" type="text/css">
<link href="assets/css/docs.css" rel="stylesheet" type="text/css">
<!-- // jQuery! -->
<!-- some javascripts -->
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://tablesorter.com/jquery.tablesorter.min.js"></script>
<script src="assets/js/jquery/hashgrid.js"></script>
<!-- Code Highlighting -->
<script type="text/javascript" src="http://tablesorter.com/jquery.tablesorter.min.js"></script>
<script src="assets/js/jquery/chili/jquery.chili-2.2.js"></script>
<script src="assets/js/jquery/chili/recipes.js"></script>
<script id="setup">ChiliBook.lineNumbers = true;</script>
<script src="assets/js/application.js"></script>
<!-- Debug line-height -->
@ -622,12 +620,6 @@
<h3>Example: Zebra-striped w/ TableSorter.js</h3>
<p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="http://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column's header to change the sort.</strong></p>
<script type="text/javascript" src="http://tablesorter.com/jquery.tablesorter.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("table#sortTableExample").tablesorter( {sortList: [[1,0]]} );
});
</script>
<table class="zebra-striped" id="sortTableExample">
<thead>
<tr>
@ -675,18 +667,7 @@
<section id="forms">
<! -- JS for the prepend and append boxes -->
<script type="text/javascript">
$(document).ready(function(){
$('.add-on :checkbox').click(function() {
if ($(this).attr('checked')) {
$(this).parents('.add-on').addClass('active');
} else {
$(this).parents('.add-on').removeClass('active');
}
});
});
</script>
<div class="page-header">
<h1>Forms</h1>
</div>