Custom Buttons

turbot · №9876

Код:

#back-button-tooltip {display: none!important}

rbfyec · №9877

turbot, я сделал, а как бы ещё это сделать - создать div не на странице, а в интерфейсе самого браузера и приаттачить его?
Я хотел бы приаттачить его последним элементом, типа как appendChild(). Но там я прицепляю его к body, а здесь не знаю как.

Создаю элемент document.createElement('div') а как прикрепить не знаю. К чему надо appendChild() ?

ifln · №9878

turbot пишет

Браузер перезапустили после редактирования кнопки?

:blush: Теперь все нормально. Спасибо!

turbot · №9879

rbfyec
Э, это стиль. В Stylish, либо в userChrome.css.

bunda1 · №9880

rbfyec пишет

а в интерфейсе самого браузера и приаттачить его?

Где приделать и зачем?

turbot · №9881

Нет, ну если очень надо именно кнопку, то

Выделить код

Код:

document.getElementById('back-button').removeAttribute('tooltip');

rbfyec · №9882

turbot пишет

rbfyec
Э, это стиль. В Stylish, либо в userChrome.css.

Да не, tooltip то я уже убрал
Это я задал уже второй вопрос как приаттачить элемент

bunda1 пишет

Где приделать и зачем?

Ну допустим я хочу сделать свой собственный tooltip, своего размера, со своим шрифтом, фоном и т. п.

Я сделал его как элемент страницы, он появляется по событию mouseover на кнопке "Назад".
Расположение его привязано к месту события и когда я навожу курсор на кнопку "Назад" высоко, часть tooltip-а оказывается закрыта адресной строкой.
Я хочу чтобы моя подсказка могла быть поверх элементов интерфейса браузера, как была родная подсказка у кнопки "Назад", т. е. приделать этот свой див не к боди страницы, а к самому браузеру.

bunda1 · №9883

rbfyec
Может проще отслеживать через popupshowing появление стандартного tooltip-а у кнопки "Назад" и менять его размер, шрифт и фон при появлении.

rbfyec · №9884

bunda1 пишет

rbfyec
Может проще отслеживать через popupshowing появление стандартного tooltip-а у кнопки "Назад" и менять его размер, шрифт и фон при появлении.

А как это сделать?

Артик · №9885

Подскажите кто-нибудь пожалуйста, как сделать кнопку, чтобы она скрывала панель навигации и показывала при нажатии... левой кнопкой мышки) Спасибо!

voqabuhe · №9886

~~Заметил ещё, что на Клонировать не работает. Кнопка создаётся, но пустая даже без названия.~~

Отредактировано voqabuhe (14-03-2016 18:53:35)

turbot · №9887

rbfyec
Может, в [CB] Показать адрес существующей закладки при наведении на звездочку | Форум Mozilla Россия глянете. Она похожее делает.

voqabuhe
У меня клонирует. Впрочем, у меня 0.0.5.5.9pre1, много раз самим правленная, а не с АМО. Может в этом дело.

Отредактировано turbot (14-03-2016 18:46:21)

voqabuhe · №9888

turbot пишет

У меня клонирует.

Действительно клонирует. Как оказалось, такое происходит только с одной кнопкой №7187

bunda1 · №9889

Артик пишет

Подскажите кто-нибудь пожалуйста, как сделать кнопку, чтобы она скрывала панель навигации и показывала при нажатии... левой кнопкой мышки) Спасибо!

В вкладку код:

Выделить код

Код:

var bar = document.getElementById("nav-bar");
setToolbarVisibility(bar, bar.collapsed);

Артик · №9890

bunda1 пишет

Артик пишет: Подскажите кто-нибудь пожалуйста, как сделать кнопку, чтобы она скрывала панель навигации и показывала при нажатии... левой кнопкой мышки) Спасибо!В вкладку код:Выделить кодКод:var bar = document.getElementById("nav-bar");
setToolbarVisibility(bar, bar.collapsed);

Спасибо большое. Помогло.

Ещё несколько вопросов если можно:

1. Теперь при перезагрузки вкладки панель управления всегда будет раскрываться по умолчанию?? Нельзя ли сделать так, чтобы панель управления была либо скрытой либо закрытой при открытии браузера в зависимости от того закрою ли я ее или открою предварительно при закрытии мозиллы?

2. Как можно поменять иконку кнопки? Есть ли какой-либо каталог кнопок, и как их можно встроить в виде кода?

3. Есть ли какое-либо понятное и полное руководство по созданию кнопок, чтобы я сам смог с лёгкостью делать любые кнопки и больше не мучать ни кого вопросами)?

rbfyec · №9891

turbot пишет

rbfyec
Может, в [CB] Показать адрес существующей закладки при наведении на звездочку | Форум Mozilla Россия глянете. Она похожее делает.

Нет, там же имеет место обычный tooltipText. Я с тем же успехом могу просто переназначить текст родной подсказки кнопки Назад на свой.

Весь вопрос в том, что я хочу tooltip со своими стилями.
Сейчас у меня обычный div, с моим текстом и стилями, он встроен в страницу как document.body.lastChild. Появляется в нужном месте в нужное время, вот единственный минус - он не может быть поверх панелей.

bunda1 предложил интересное решение - использовать родной tooltip кнопки, только переделать его под себя. Только я даже смутно не представляю, как это делается. Хотя и почитал на developer.mozilla.org про событие popupshowing, но ясности это не внесло...

bunda1 · №9892

rbfyec пишет

bunda1 предложил интересное решение - использовать родной tooltip кнопки, только переделать его под себя. Только я даже смутно не представляю, как это делается. Хотя и почитал на developer.mozilla.org про событие popupshowing, но ясности это не внесло...

Выделить код

Код:

addEventListener("popupshowing", (e, targ = e.target)=> {
   if ( targ.id !== 'back-button-tooltip' ) return;
   targ.style.cssText = "color: green !important; font-weight: bold !important; font-size: 14px !important; height: 34px !important;";
});

хотя при таком варианте возникает глюк с заменой текста в tooltip кнопки

bunda1 · №9893

rbfyec
вот так попробуй:

Выделить код

Код:

document.getElementById('back-button').onmouseenter =(e, butt = e.target)=> {
   var tooltip = gBrowser.appendChild( document.createElement("tooltip") );
   tooltip.style.cssText = "color: red !important;  height: 34px !important; font-weight: bold !important; font-size: 14px !important; -moz-box-orient: horizontal; text-align: center;";
   
   var image = tooltip.appendChild( document.createElement("image") );
   image.setAttribute("src", 'https://forum.mozilla-russia.org/favicon.ico');
   
   var label = tooltip.appendChild(document.createElement("label"));
   label.setAttribute("value", "Установлен ");
   
   tooltip.showPopup(butt, -1, -1, "popup", "topleft", "topright");
   butt.onmouseleave =()=> { tooltip.remove(); butt.onmouseleave = null; };
};

bunda1 · №9894

Артик пишет

1. Теперь при перезагрузки вкладки панель управления всегда будет раскрываться по умолчанию?? Нельзя ли сделать так, чтобы панель управления была либо скрытой либо закрытой при открытии браузера в зависимости от того закрою ли я ее или открою предварительно при закрытии мозиллы?

Ну тогда вместо первого кода используй:

Выделить код

Код:

var bar = document.getElementById("nav-bar");
bar.setAttribute("hidden", !bar.hidden);
document.persist(bar.id, "hidden");

Артик пишет

3. Есть ли какое-либо понятное и полное руководство по созданию кнопок, чтобы я сам смог с лёгкостью делать любые кнопки и больше не мучать ни кого вопросами)?

Нет.

Добавлено 14-03-2016 21:52:06

Артик пишет

2. Как можно поменять иконку кнопки?

Можно и довольно легко, но мне лень объяснять, укажи какую нужно и я поменяю.

Артик пишет

Есть ли какой-либо каталог кнопок, и как их можно встроить в виде кода?

Не понял насчёт - встроить в виде кода. А каталог кнопок: Готовые кнопки для Custom Buttons | Форум Mozilla Россия и тут Сustom Buttons | Форум Mozilla Россия и так же тут Custom Buttons и тут Custom Buttons тут Custom Buttons • View forum - Buttons тут loucypher - Revision 561: /custombuttons/xml и тут loucypher - Revision 561: /custombuttons/xml/mods и наверно где то еще.

Отредактировано bunda1 (14-03-2016 21:57:45)

Артик · №9895

bunda1 пишет

Ну тогда вместо первого кода используй:
Выделить код
Код:
var bar = document.getElementById("nav-bar");
bar.setAttribute("hidden", !bar.hidden);
document.persist(bar.id, "hidden");

Спасибо, снова помогло.

bunda1 пишет

Не понял насчёт - встроить в виде кода.

ну я имел в виду как придать кнопке рисунок вообще, как его вставить в опцию Изображение (М) в редакторе кнопки. Каким должен быть код или путь до изображения.

bunda1 пишет

Можно и довольно легко, но мне лень объяснять, укажи какую нужно и я поменяю.

Ну хотелось бы конечно качественную, и чтобы изображение кнопки я выбрал сам из списка.

Артик · №9896

bunda1 пишет

Ну тогда вместо первого кода используй:
Код:
var bar = document.getElementById("nav-bar");
bar.setAttribute("hidden", !bar.hidden);
document.persist(bar.id, "hidden");

после этого действия у меня не отображаются значки панели инстументов после нажатия опции "Изменить". Открывается пустое окно. Но когда я раскрываю панель навигации, тогда всё работает нормально. Из-за чего эта проблема?

rbfyec · №9897

bunda1 пишет

rbfyec
вот так попробуй:

Спасибо bunda1

voqabuhe · №9898

Версия 0.0.5.8.7 Выпущено March 15, 2016 123.4 kB Работает с Firefox 1.5 и выше, SeaMonkey 2.0 и выше, Thunderbird 2.0 и выше
# Исправлено: Custom Buttons не работает в Firefox 48
# Исправлено: кнопки из закладок устанавливаются дважды

emlen · №9899

Блин, запарил в симанке глюк с файловым диалогом, попытался перейти на скорую руку на фаерфокс, но был очень огорчен - большая часть кнопок CB из симанки на фаерфоксе работать отказывается. :cry: Посоветуйте как теперь исправлять кнопки, по одной тут выкладывать, этож я окончательно всех задолбаю :rolleyes: :blush:

bunda1 · №9900

emlen пишет

Блин, запарил в симанке глюк с файловым диалогом

А что за глюк?

Полезная информация

Re: Custom Buttons

Код:

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Код:

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Код:

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Код:

Re: Custom Buttons

Код:

Re: Custom Buttons

Код:

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Re: Custom Buttons

Board footer