mirror of
https://github.com/silverstripe/silverstripe-simple
synced 2024-10-22 11:05:50 +02:00
92 lines
2.2 KiB
JavaScript
92 lines
2.2 KiB
JavaScript
jQuery.noConflict();
|
||
|
||
(function($) {
|
||
$(document).ready(function() {
|
||
|
||
/* removes text from search form on focus and replaces it on unfocus - if text is entered then it does not get replaced with default on unfocus */
|
||
$('#SearchForm_SearchForm_action_results').val('L');
|
||
var searchField = $('#SearchForm_SearchForm_Search');
|
||
var default_value = searchField.val();
|
||
searchField.focus(function() {
|
||
$(this).addClass('active');
|
||
if(searchField.val() == default_value) {
|
||
searchField.val('');
|
||
}
|
||
});
|
||
searchField.blur(function() {
|
||
if(searchField.val() == '') {
|
||
searchField.val(default_value);
|
||
}
|
||
});
|
||
|
||
if (!$.browser.msie || ($.browser.msie && (parseInt($.browser.version, 10) > 8))) {
|
||
|
||
var searchBarButton = $("span.search-dropdown-icon");
|
||
var searchBar = $('div.search-bar');
|
||
var menuButton = $("span.nav-open-button");
|
||
var menu = $('.header .primary ul');
|
||
var mobile = false;
|
||
var changed = false;
|
||
|
||
$('body').append('<div id="media-query-trigger"></div>');
|
||
|
||
function menuWidthCheck() {
|
||
var header_w = $('header .inner').width();
|
||
var elements_w = menu.width() + $('.brand').width();
|
||
|
||
if ((header_w < elements_w) || ($(window).width() <= 768)) {
|
||
$('body').addClass('tablet-nav');
|
||
}
|
||
else {
|
||
$('body').removeClass('tablet-nav');
|
||
}
|
||
|
||
mobile_old = mobile;
|
||
if ($('#media-query-trigger').css('visibility') == 'hidden') {
|
||
mobile = false;
|
||
}
|
||
else {
|
||
mobile = true;
|
||
}
|
||
|
||
if (mobile_old != mobile) {
|
||
changed = true;
|
||
}
|
||
else {
|
||
changed = false;
|
||
}
|
||
}
|
||
|
||
menuWidthCheck();
|
||
|
||
$(window).resize(function() {
|
||
menuWidthCheck();
|
||
|
||
if (!mobile) {
|
||
menu.show();
|
||
searchBar.show();
|
||
}
|
||
else {
|
||
if (changed) {
|
||
menu.hide();
|
||
searchBar.hide();
|
||
}
|
||
}
|
||
});
|
||
|
||
/* toggle navigation and search in mobile view */
|
||
searchBarButton.click(function() {
|
||
menu.slideUp();
|
||
searchBar.slideToggle(200);
|
||
});
|
||
|
||
menuButton.click(function() {
|
||
searchBar.slideUp();
|
||
menu.slideToggle(200);
|
||
});
|
||
|
||
}
|
||
|
||
});
|
||
}(jQuery));
|