Переделал, поставил где хочется. Работает...
Одна проблема. )))
Вместе с сокрытием headerbar скрывается и стрелка открытия.
Видать, уже поздно и голова не варит...
Не могу "вытащить" стрелку из headerbar, чтобы не пропадала...
Вот файл css:
Код: Выделить всё
.headerbar > strong:first-child a.collapse {
position: fixed;
top: -6px;
font-size: 18px;
z-index: 7000;
right: 15px;
}
.headerbar > strong:first-child a.collapse:after {
content: '\f077';
font-family: FontAwesome;
font-size: 15px;
line-height: 10px;
font-weight: normal;
font-style: normal;
text-indent: 0;
}
div.headerbar.collapsed > strong:first-child a.collapse:after {
content: '\f078';
}
.headerbar > hidden {
display: none;
}
А вот скрипт:
Код: Выделить всё
/**
* Parse document block
*/
function parse($container) {
'use strict';
var test = document.createElement('div'),
oldBrowser = (typeof test.style.borderRadius === 'undefined'),
$body = $('body');
}
function getCookie(name, value, config)
{
var expr, cookie;
config = $.extend({
prefix: '',
path: '/'
}, typeof config === 'object' ? config : {});
expr = new RegExp('(^| )' + config.prefix + name + '=([^;]+)(;|$)');
cookie = expr.exec(document.cookie);
if (cookie)
{
return decodeURIComponent(cookie[2]);
}
else
{
return null;
}
}
function setCookie (name, value, config)
{
config = $.extend({
prefix: '',
path: '/'
}, typeof config === 'object' ? config : {});
document.cookie = config.prefix + name + '=' + encodeURIComponent(value)
+ (config.expires === undefined ? '' : ';expires=' + config.expires.toUTCString())
+ (config.path ? ';path=' + config.path : '')
+ (config.domain ? ';domain=' + config.domain : '');
return value;
}
function deleteCookie (name, value, config)
{
config = $.extend({
prefix: '',
path: '/'
}, typeof config === 'object' ? config : {});
document.cookie = config.prefix + name + '='
+ (config.path ? '; path=' + config.path : '')
+ (config.domain ? '; domain=' + config.domain : '')
+ '; expires=Thu, 01-Jan-70 00:00:01 GMT';
return null;
}
jQuery(function($) {
'use strict';
var result;
var config = {
prefix: '',
name: 'headerbar_rules',
value: 'false',
path: '/',
expires: new Date()
};
config.expires.setFullYear(config.expires.getFullYear() + 1);
result = getCookie(config.name, config.value, config);
if (result == 'false')
{
$('div.headerbar').addClass('hidden');
$('div.headerbar').addClass('collapsed');
}
$('.headerbar').prepend('<strong><a class="collapse" href="#" title="Свернуть/Развернуть панель заголовка"/></strong>');
$('.headerbar').find('a.collapse').click(function(e) {
e.preventDefault();
$('div.headerbar').slideToggle('slow', function() {});
if (result == 'false') {
deleteCookie(config.name, config);
$('div.headerbar').removeClass('collapsed');
}
else {
setCookie(config.name, 'false', config);
$('div.headerbar').addClass('collapsed');
}
});
parse($('body'));
});
Может, кто подскажет...