You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
2.2 KiB
76 lines
2.2 KiB
/* ------------------------------------------------------------------------------ |
|
* |
|
* # Single navbar |
|
* |
|
* Specific JS code additions for navbar_single.html page |
|
* |
|
* Version: 1.0 |
|
* Latest update: Aug 1, 2015 |
|
* |
|
* ---------------------------------------------------------------------------- */ |
|
|
|
$(function() { |
|
|
|
|
|
// Initialize switchery toggles |
|
// ------------------------------ |
|
|
|
// Navbar type switchery toggle |
|
var toggleType = document.querySelector('.toggle-type'); |
|
var toggleTypeInit = new Switchery(toggleType, {color: '#283133', secondaryColor: '#283133'}); |
|
|
|
// Navbar position switchery toggle |
|
var togglePosition = document.querySelector('.toggle-position'); |
|
var togglePositionInit = new Switchery(togglePosition, {color: '#283133', secondaryColor: '#283133'}); |
|
|
|
|
|
|
|
// Change single navbar position |
|
// ------------------------------ |
|
|
|
// Toggle navbar type state toggle |
|
toggleType.onchange = function() { |
|
if(toggleType.checked) { |
|
|
|
// Disable type switch |
|
togglePositionInit.disable(); |
|
|
|
// Toggle necessary body and navbar classes |
|
$('body').children('.navbar').addClass('navbar-fixed-top'); |
|
$('body').addClass('navbar-top'); |
|
} |
|
else { |
|
|
|
// Enable type switch |
|
togglePositionInit.enable(); |
|
|
|
|
|
// Toggle necessary body and navbar classes |
|
$('body').children('.navbar').removeClass('navbar-fixed-top'); |
|
$('body').removeClass('navbar-top'); |
|
} |
|
}; |
|
|
|
// Toggle navbar position state toggle |
|
togglePosition.onchange = function() { |
|
if(togglePosition.checked) { |
|
|
|
// Disable position switch |
|
toggleTypeInit.disable(); |
|
|
|
// Toggle necessary body and navbar classes |
|
$('body').children('.navbar').addClass('navbar-fixed-bottom'); |
|
$('body').addClass('navbar-bottom'); |
|
} |
|
else { |
|
|
|
// Enable position switch |
|
toggleTypeInit.enable(); |
|
|
|
// Toggle necessary body and navbar classes |
|
$('body').children('.navbar').removeClass('navbar-fixed-bottom'); |
|
$('body').removeClass('navbar-bottom'); |
|
} |
|
}; |
|
|
|
});
|
|
|