Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-11 08:25:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

Reduce DOM queries for Search elements

Browse Source
This commit is contained in:
Micheil Smith
2014-04-09 13:25:02 +01:00
parent 01013f5c9d
commit 0bbd29ac42
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
public/src/app.js
View File

@@ -413,21 +413,25 @@ var socket,
app.updateHeader = function(err, data) { app.updateHeader = function(err, data) {
$('#search-button').off().on('click', function(e) { var searchButton = $("#search-button"),
searchFields = $("#search-fields"),
searchInput = $('#search-fields input');
function dismissSearch(){
searchFields.hide();
searchButton.show();
}
searchButton.off().on('click', function(e) {
e.stopPropagation(); e.stopPropagation();
$('#search-fields').removeClass('hide').show();
searchFields.removeClass('hide').show();
$(this).hide(); $(this).hide();
$('#search-fields input').focus();
$('#search-form').on('submit', function() { searchInput.focus();
$('#search-fields').hide();
$('#search-button').show();
});
$('#search-fields input').on('blur', function() { $('#search-form').on('submit', dismissSearch);
$('#search-fields').hide(); searchInput.on('blur', dismissSearch);
$('#search-button').show();
});
return false; return false;
}); });
@@ -442,7 +446,7 @@ var socket,
$('#logged-out-menu').addClass('hide'); $('#logged-out-menu').addClass('hide');
$('#logged-in-menu').removeClass('hide'); $('#logged-in-menu').removeClass('hide');
$('#search-button').removeClass("hide").show(); searchButton.removeClass("hide").show();
var userLabel = loggedInMenu.find('#user_label'); var userLabel = loggedInMenu.find('#user_label');
@@ -462,10 +466,10 @@ var socket,
} else { } else {
if (allowGuestSearching) { if (allowGuestSearching) {
$('#search-button').removeClass("hide").show(); searchButton.removeClass("hide").show();
$('#mobile-search-button').removeClass("hide").show(); $('#mobile-search-button').removeClass("hide").show();
} else { } else {
$('#search-button').addClass("hide").hide(); searchButton.addClass("hide").hide();
$('#mobile-search-button').addClass("hide").hide(); $('#mobile-search-button').addClass("hide").hide();
} }