Ich denke click_button und add_restart_button_listener sollten die gleiche Bezeichnung sein.
Ups.
Es funktioniert zwar auch so, aber ....
Du hast natürlich recht!
Danke.
Nachtrag
Habe gerade mal allen JS-Code meiner Buttons durchgeschaut,
und siehe da, es gab noch zwei weitere JS mit diesem Fehler.
Habe es korrigiert und alle "Buttons" auf gleichen "Stand" gebracht.
Danke Dir nochmals ganz 
lichst
@Horstmann
Das Problem ist, dass da Dateiübergreifend auf eben diesen Haken eingewirkt wird.
Was glaubst Du wie lange ich da herumprobiert habe?
Poste doch bitte mal Deine komplette CSS, am besten als ZIP.
Ich kann das dann mal alles zusammen in einem Testprofil ausprobieren.
Ach, und ich habe ja auch in der CSS für das Menü einen weiteren Fix!
Eventuell ist das ja schon die Lösung
/* ---------------------------------------------- */
/* *** Abstände für alle Icons in diesem Menü *** */
/* ---------------------------------------------- */
#tools-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
padding-inline-start: calc(1em + 24px) !important;
background-position: left 1em center;
background-repeat: no-repeat;
background-size: 16px;
-moz-context-properties: fill, fill-opacity;
fill: var(--uc-color-white-dark) !important;
}
#file-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
#edit-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
#view-menu menupopup:not(.in-menulist) > menu:not(.menu-iconic),
/* #view-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]), */
#tools-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
#helpMenu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
padding-inline-start: calc(1em + 24px) !important;
}
/* FIX */
#view-menu #menu_viewPopup #viewSidebarMenuMenu #viewSidebarMenu menuitem {
padding-inline-start: calc(1em + 24px) !important;
}
#view-menu #menu_viewPopup #repair-text-encoding,
#view-menu #menu_viewPopup #fullScreenItem {
padding-inline-start: calc(1em + 24px) !important;
}
#menu_customizeToolbars > label {
padding-inline-start: calc(1em + 12px) !important;
}
/* ^^ ^^ FIX Ende ^^ ^^ */
#file-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
#edit-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
#view-menu menupopup:not(.in-menulist) > menu:not(.menu-iconic),
#view-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
#history-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
#bookmarksMenu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
#tools-menu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]),
#helpMenu menupopup:not(.in-menulist) > menuitem:not(.menuitem-iconic, [checked="true"]) {
background-position: left 1em center;
background-repeat: no-repeat;
background-size: 16px;
-moz-context-properties: fill, fill-opacity;
fill: var(--uc-color-white-dark) !important;
}
#view-menu-popup > menu:not(.menu-iconic) > label[value="Lesezeichen-Symbolleiste"],
#menu_customizeToolbars > label[value="Symbolleiste anpassen…"] {
margin-left: -25px !important;
}Sorry Mitleser
Ich finde schon, dass DU ein wenig aggressiv herüberkommst.
Du hast also sehr wohl den TON vorgegeben.
Werde aber Deinen Hinweis, doch bitte die Benutzung von KI im Header zu vermerken berücksichtigen.
Zu Deiner Anmerkung, "neue" Zukunft.
Wenn wir nicht ab und an KI nutzen würden, würde es so gut wie gar keine JS hier mehr geben!
Es sind halt fast keine Profis, die etwas von JavaScript verstehen, mehr hier aktiv!
Fändest Du das wirklich gut?
Und auch hier wieder der gleiche Aufbau eines Buttons!
// Button_Verzeichnisse.uc.js
// Das Script erstellt einen Button, der einen Neustart des Browsers auslöst .
// Source file https://www.camp-firefox.de/forum/thema/140072/?postID=1282691#post1282691
/* ----------------------------------------------------------------------------------- */
/* Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen */
/* %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* IMPORTANT! This script was created using AI */
/* ----------------------------------------------------------------------------------- */
// Linksklick if (event.button == 0)
// Mittelklick if (event.button == 1)
// Rechtsklick if (event.button == 2)
(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml')
return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
id = 'buttonOrdner', // Id des Buttons
label = 'Ordner öffnen', // Bezeichnung des Buttons
tooltiptext = 'Links "Profilordner" / Mitte "Installationsordner" / Rechts "Ordner chrome"',
// Icon-------------------------------------------------------
icon = 'default-browser-red.svg', // [Name.Dateiendung] des Symbols
iconPath = '/chrome/icons/', // Pfad zum Ordner der das Icon beinhaltet
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
try {
CustomizableUI.createWidget({
id: id,
defaultArea: CustomizableUI.AREA_NAVBAR,
label: label,
tooltiptext: tooltiptext,
onCreated: (button) => {
button.style.MozContextProperties = 'fill, stroke, fill-opacity';
button.style.listStyleImage = 'url("' + curProfDir + iconPath + icon + '")';
button.style.minWidth = 'fit-content';
/* button.style.color = '#ff0000'; // Farbe für das SVG-Icon setzen */
button.style.fill = '#ff0000';
button.style.paddingLeft = '5px';
button.style.paddingTop = '3px';
}
});
} catch(e) { };
(function click_button() {
const button = document.getElementById(id);
if (button) {
button.addEventListener('click', (event) => {
// linke Maustaste – Öffnen des Ordners "Firefox"
if (event.button == 0) {
const file = event.target.ownerGlobal.Services.dirsvc.get("XREExeF", Ci.nsIFile).parent;
file.launch();
}
// mittlere Maustaste – Öffnet den Profilordner
if (event.button == 1) {
event.target.ownerGlobal.Services.dirsvc.get("ProfD", Ci.nsIFile).launch();
}
// rechte Maustaste – Öffnet den chrome-Ordner
if (event.button == 2) {
event.target.ownerGlobal.Services.dirsvc.get("UChrm", Ci.nsIFile).launch();
}
});
} else {
// Button existiert noch nicht → später erneut versuchen
setTimeout(click_button, 100);
}
})();
})();Bitte anpassen. (Eigenes Symbol)
Und da werden noch weiter "Ungereimtheiten" versteckt sein!
Wenn ich das richtig sehe, ist das Code von mir.
Kommst Du mit CSS zurecht?
Dann schau Dir doch meine Aktuallisierungen an.
auch das ↑ Script funktioniert hier nicht mehr.
Ach, nee. Das war ja auch nur ein Testskript!
Aber mal davon abgesehen, schrieb ich im anderen Thread, dass meine Skripte alle gleich aufgebaut sind!
Hier das Aktuelle!
// QuickLinkButton-about:about.uc.js = Button_for_QuickLinks-about.uc.js
// Das Script erstellt einen Button, der einen Tab öffnet mit den Links zu verschiedenen "about:"-Seiten.
// Source file https://www.camp-firefox.de/forum/thema/140072/?postID=1282691#post1282691
/* ----------------------------------------------------------------------------------- */
/* Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen */
/* %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons */
/* ----------------------------------------------------------------------------------- */
(function() {
if (!window.gBrowser)
return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
id = 'link-button-about', // Id des Buttons
link = 'about:about', // Linkziel des Buttons
label = 'Quicklink: about:about', // Bezeichnung des Buttons
tooltiptext = 'Quicklink:\nabout:about',
// Icon-------------------------------------------------------
icon = 'firefox.svg', // [Name.Dateiendung] des Symbols
iconPath = '/chrome/icons/', // Pfad zum Ordner der das Icon beinhaltet
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
}
//BUTTON
try {
CustomizableUI.createWidget({
id: id,
defaultArea: CustomizableUI.AREA_NAVBAR,
label: label,
tooltiptext: tooltiptext,
onCreated: (button) => {
button.style.MozContextProperties = 'fill, stroke, fill-opacity';
button.style.listStyleImage = 'url("' + curProfDir + iconPath + icon + '")';
button.style.minWidth = 'fit-content';
button.style.fill = '#f1b508'; // Farbe für das SVG-Icon setzen
}
});
} catch(e) {};
// click
(function add_button() {
const button = document.getElementById(id);
if (button) {
button.addEventListener('click', (event) => {
if (event.button === 0) {
event.target.ownerGlobal.openTrustedLinkIn(link, "tab");
}
});
} else {
setTimeout(add_button, 100);
}
})();
})();Musst Du Dir halt anpassen! Text und/oder Symbol.
Und im angegebenen Link im Header, sind auch alle anderen Skripte,
wenn Du noch andere Buttons von mir verwendest
Du kannst das doch einfach ....
Darauf war ich dann auch gekommen. 
Es gibt, oder gab da einzelne Fälle, wo das eben nicht klappte,
deshalb war das ja auch nach unten nach dem if (button) { gewandert.
Habe es aber mal Kommentiert, damit ich Spatzenhirn es nicht wieder vergesse.
Durch das ?. wird nur das addEventListener nicht ausgeführt, wenn document.getElementById(id) kein Element findet, statt ...
Ah, jetzt verstehe ich! Da ist also meine Schleife!
Bei dem anderen Code wird das addEventListener nicht ausgeführt, wenn document.getElementById(id) kein Element findet,
dann wird setTimeout(add_button, 100) durchlaufen und wenn dann document.getElementById(id) vorhanden ist,
wird addEventListener ausgeführt und das Script beendet.
Schade, ich fand, es war eine sehr kompakte und kurze Schreibweise.
Es sah so aus:
NICHT VERWEDEN!
//click
(function add_button() {
document.getElementById(id)?.addEventListener('click', event => {
if (event.button === 0) {
openTrustedLinkIn(link, "tab");
}
});
setTimeout(add_button, 100);
})();
})();Halt dann eben mit dieser Schleife, und ich habe so auf die schnelle auch keine Lösung gefunden.
Wenn es nur eine oder zwei zusätzliche Codezeilen wären, würde ich es mir mal merken wollen.
Könnte es, dann bräuchtest du die zusätzliche if-Abfrage nicht mehr. Aber mit der Schreibweise gibt es eben auch kein else.
Habe ich getestet, nur so aus Neugierde.
Funktioniert nicht, da es dann eine Schleife gibt und der Tab zig mal geöffnet wird.
Aber das mit der "Farbe" geht auch an anderer Stelle. Musste ich einfach ausprobieren.
Im Prinzip könnte auch in meinem Skript
document.getElementById(id)?.addEventListener('click', event => { stehen.
Nur weiß ich nicht, wie ich dann mit der "Farbe" machen soll.
ersetzen durch:
JavaScript var position = document.getElementById('trust-icon-container');
Vielen Dank dafür, das war auch bei meinem JS das Problem.
Dharkness Gerne doch.
Im Übrigen sind alle meine Buttonscripte so aufgebaut, da ich vor langer Zeit ähnliche Probleme hatte.
Und die Wartung ist, wenn alle Scripte "gleich" sind, erheblich einfacher.
Bitte testen und gegebenenfalls anpassen. Siehe Kommentare
// QuickLinkButton-about-config.uc.js
// Das Script erstellt einen Button, der einen Tab mit "About:Config" öffnet.
// Source file https://www.camp-firefox.de/forum/thema/140072/?postID=1282691#post1282691
/* ----------------------------------------------------------------------------------- */
/* Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen */
/* %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons */
/* ----------------------------------------------------------------------------------- */
(function() {
if (!window.gBrowser)
return;
const
// ■■ START UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
id = 'aboutconfig_button', // Id des Buttons
link = 'about:config', // Linkziel des Buttons
label = 'Quicklink: about:config', // Bezeichnung des Buttons
tooltiptext = 'Quicklink:\nabout:config',
// Icon-------------------------------------------------------
icon = 'wrench-s2.png', // [Name.Dateiendung] des Symbols
iconPath = '/chrome/icons/', // Pfad zum Ordner der das Icon beinhaltet
// ■■ END UserConfiguration ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
}
//BUTTON
try {
CustomizableUI.createWidget({
id: id,
defaultArea: CustomizableUI.AREA_NAVBAR,
label: label,
tooltiptext: tooltiptext,
onCreated: (button) => {
// Optik
button.style.MozContextProperties = 'fill, stroke, fill-opacity';
// button.style.listStyleImage = 'url("' + curProfDir + iconPath + icon + '")';
button.style.listStyleImage = 'url("chrome://global/skin/icons/heart.svg")'; // ist nur zum testen !!
button.style.minWidth = 'fit-content';
}
});
} catch(e) {};
//click
(function add_button() {
const button = document.getElementById(id);
if (button) {
// Das wird nur gebraucht, wenn eine SVG-Datei verwendet wird
button.style.fill = '#e45aff'; // hier die Farbe setzen
/* Oder diese Lösung wenn ganz sicher nur das Icon-Element angesprochen werden soll */
/*
let iconNode = button.querySelector('.toolbarbutton-icon');
if (iconNode) {
iconNode.style.fill = '#ff5a79';
} */
// Alles bis zum Kommentar wird nur gebraucht, wenn eine SVG-Datei verwendet wird
// click
button.addEventListener('click', (event) => {
if (event.button === 0) {
openTrustedLinkIn(link, "tab");
}
});
} else {
// Wenn der Button noch nicht existiert, später nochmal probieren
setTimeout(add_button, 100);
}
})();
})();Oh, kleiner Fauxpas
Im 01 Symbole_Menüleiste.css bitte ab Zeile 190
folgenden Code deaktivieren oder löschen.
/* Texte ausrichten */
/* #view-menu-popup #toggle_PersonalToolbar menupopup[hasbeenopened="true"] menuitem[data-visibility-enum="always"][checked=""],
#view-menu-popup #toggle_PersonalToolbar menupopup[hasbeenopened="true"] menuitem[data-visibility-enum="newtab"][checked=""],
#view-menu-popup #toggle_PersonalToolbar menupopup[hasbeenopened="true"] menuitem[data-visibility-enum="never"][checked=""] {
margin-left: -25px !important;
}
#view-menu-popup menuitem:not([checked=""]) > label[value="Immer anzeigen"],
#view-menu-popup menuitem:not([checked=""]) > label[value="Nur bei neuem Tab anzeigen"],
#view-menu-popup menuitem:not([checked=""]) > label[value="Nie anzeigen"] {
margin-left: -25px !important;
}Oh, wie peinlich. Mir ist noch ein Fehler unterlaufen!
Zeile 265
/* Checkbox-Zustände */
/* <<< "Alles zoomen" >>> */
/* #toggle_zoom[checked=""] { */
#toggle_zoom:not([checked=""]) {
background-image: url("../icons/menu-check_lime.svg") !important;
}
/* <<< "Nur Text zoomen */
/* #toggle_zoom:not([checked=""]) { */
#toggle_zoom[checked=""] {
background-image: url("../icons/square.svg") !important;
}Hier einfach diesen Code nutzen.
Da probiert man alles Mögliche aus, und dann so was.
Bitte vielmals um Entschuldigung.
Update!
css2.zip
Und falls das Symbol gebraucht wird.
menu-check_lime.svg
War ungeduldig! Sorry.
/* Symbol einfügen, wenn Option inaktiv */
#menu_pageStyleNoStyle:not([checked="true"])::before,
#menu_pageStylePersistentOnly:not([checked="true"])::before {
content: url("chrome://global/skin/icons/settings.svg") !important;
display: inline-block;
width: 16px;
height: 16px;
margin-inline-end: 8px;
margin-top: 2px;
vertical-align: middle;
}
/* Symbol ausblenden, wenn Option aktiviert */
#menu_pageStyleNoStyle[checked=""]::before,
#menu_pageStylePersistentOnly[checked=""]::before {
visibility: hidden !important;
}
#menu_pageStyleNoStyle > img.menu-icon,
#menu_pageStylePersistentOnly > img.menu-icon {
margin-left: -24px
}Schaut etwas besser aus, oder?
Damit wird der Haken ausgeblendet:
Nur der Haken sollte gar nicht ausgeblendet werden, sondern das Symbol,
welches ihn überlagerte.
Aber Du hast mich auf eine Idee gebracht, denn an visibility: hidden hatte ich noch gar nicht gedacht.
Nur klappte das irgendwie nicht so, wie ich dachte das es gehen müsste.
Dann habe ich mit content und ::before angefangen zu experimentieren.
Das ist dann dabei herausgekommen:
/* <<< "Kein Stil" >>> */
#menu_pageStyleNoStyle:not([checked="true"])::before {
content: url("chrome://global/skin/icons/settings.svg") !important;
width: 40px;
margin-inline-end: 8px;
margin-top: 5px;
margin-left: -2px;
}
#menu_pageStyleNoStyle[checked=""]::before {
visibility: hidden !important;
}
#menu_pageStyleNoStyle > img.menu-icon {
margin-left: -46px
}
/* <<< "Standard-Stil" >>> */
#menu_pageStylePersistentOnly:not([checked="true"])::before {
content: url("chrome://global/skin/icons/settings.svg") !important;
width: 40px;
margin-inline-end: 8px;
margin-top: 5px;
margin-left: -2px;
}
#menu_pageStylePersistentOnly[checked=""]::before {
visibility: hidden !important;
}
#menu_pageStylePersistentOnly > img.menu-icon {
margin-left: -46px
}Es funktioniert, irgendwie!
Aber könnte da noch mal jemand mit mehr Erfahrung drüberschauen?
Ich finde, das ist einfach zu komplex und kompliziert.
Das müsste doch auch einfacher gehen, oder?
HILFE 2002Andreas
@Horstmann
Ich mache schon den ganzen Nachmittag an diesem Untermenü herum!
Es ist unter Ansicht das Untermenü "Webseiten-Stil".
Mir gehen die Ideen aus und ich bin am ENDE.
Zum allgemeinen Testen habe ich interne Symbole genommen.
Aktiviert erscheint ein Häkchen, deaktiviert soll ein Symbol erscheinen.
So weit, so gut, nur verdammte Axt, das Symbol erscheint entweder gar nicht
oder immer und überlagert damit das Häkchen.
/* <<< "Kein Stil" >>> */
menu#view-menu menupopup#menu_viewPopup menu#pageStyleMenu menupopup#pageStyleMenuPopup menuitem#menu_pageStyleNoStyle:not(.menuitem-iconic, [checked="true"]) {
/* #pageStyleMenuPopup #menu_pageStyleNoStyle:not(.menuitem-iconic, [checked="true"]) {
/* margin-left: -5px !important; */
background-image: url("chrome://global/skin/icons/settings.svg") !important;
background-repeat: no-repeat;
background-position: left 1em center;
}
/* <<< "Standard-Stil" >>> */
menu#view-menu menupopup#menu_viewPopup menu#pageStyleMenu menupopup#pageStyleMenuPopup menuitem#menu_pageStylePersistentOnly:not(.menuitem-iconic, [checked="true"]) {
/* #pageStyleMenuPopup #menu_pageStylePersistentOnly:not(.menuitem-iconic, [checked="true"]) {
/* margin-left: -5px !important; */
/* background-image: url("../icons/square.svg") !important; */
background-image: url("chrome://global/skin/icons/settings.svg") !important;
background-repeat: no-repeat;
background-position: left 1em center;
}Deaktiviere das CSS für das Leisenkontextmenü.
UND?
Sorry.
Ersetze den Käse unter " /* Webseiten-Stil */ " im Skript durch:
/* Webseiten-Stil */
#pageStyleMenu { background-image: url("../icons/document-css.svg") !important; }
/* <<< Submenu "Webseiten-Stil" >>> */
#pageStyleMenuPopup #menu_pageStyleNoStyle:not([checked=""]) {
margin-left: 0!important;
background-image: url("../icons/square.svg") !important;
}
#pageStyleMenuPopup #menu_pageStyleNoStyle:not([checked=""]) label.menu-text {
margin-left: -24px !important;
}
#pageStyleMenuPopup #menu_pageStyleNoStyle[checked=""] {
margin-left: -24px !important;
}
#pageStyleMenuPopup #menu_pageStylePersistentOnly:not([checked=""]) {
margin-left: 0 !important;
background-image: url("../icons/square.svg") !important;
}
#pageStyleMenuPopup #menu_pageStylePersistentOnly:not([checked=""]) label.menu-text {
margin-left: -24px !important;
}
#pageStyleMenuPopup #menu_pageStylePersistentOnly[checked=""] {
margin-left: -24px !important;
}Ab " /* Textkodierung reparieren ausblenden ! */ " alles so lassen wie es ist.
Es gibt noch weiter er Ungereimtheiten, aber dazu komme ich z.Z. nicht.
Wenn die noch mehr auffällt, bitte posten. Danke.
Zoom, da ist, glaube ich noch ein Fehler
und auch in "Symbolleisten" hakt es noch!
An den "Sidebar"s war ich noch nicht drann.
Und zu guter Letzt muss auch im Leistenkontextmenü noch was geändert werden.
Das habe ich schon.
Wenn beide CSS dann im Reinen sind, poste ich sie dann noch einmal komplett.