CSS Code wird nicht permanent im Script angewendet

2002Andreas

Hallo @ all..

ich habe hier ein kleines Problem mit diesem Script, wo ich nachträglich unten einen CSS Code eingefügt habe.

JavaScript

//ScrollTopAndBottom.uc.js
(function() {

let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , '');
menuitem.style.listStyleImage='url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);

})();

(function() {

let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , '');
menuitem.style.listStyleImage='url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);

var css = '\
@-moz-document url("chrome://browser/content/browser.xhtml") { \
#context-to-top { \
list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar");\
transform: rotate(180deg) !important;\
appearance: none!important; \
}\
#context-to-top:hover { \
list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar");\
transform: rotate(180deg) !important;\
appearance: none!important; \
}';
var cssUri = Services.io.newURI('data:text/css,' + encodeURIComponent(css), null, null);
var SSS = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
SSS.loadAndRegisterSheet(cssUri, SSS.AGENT_SHEET);
})();

Alles anzeigen

Es geht dabei um dieses Icon:

Das habe ich mit dem CSS Code um 180 Grad gedreht.

Nun passiert es aus mir unbekanntem Grund, dass sich dieses Icon manchmal wieder in die Standardrichtung nach unten verstellt.

Die Funktion bleibt aber trotzdem erhalten.

Dann hilft nur ein Neustart vom Fx.

Wenn ich den CSS Code in die userChrome.css einfüge passiert das nicht.

Meine Frage also, habe ich einen Fehler im Script gemacht, und wenn ja welchen?

Für jegliche Hilfe wie immer herzlichen Dank vorweg.

FuchsFan

Hallo, Andreas!

Das kann ich bestätigen, manchmal dauert es sehr lange, aber es kommt der Fehler.

Jetzt habe ich mal den Teil für Hoover raus genommen (weil ich Code für Kontext nutze), das Icon wird ganz normal angezeigt, fahre ich mit der Maus über das Icon (ohne Klick), so dreht es nach unten. Das soll einer verstehen.

Edit:

Das passiert auch mit dem Script von hier: RE: Kontextmenü Website

2002Andreas

Zitat von FuchsFan

Das passiert auch

Ist ja auch fast das gleiche Script.

Ich hatte das mit hover nachträglich eingefügt, als mir der Fehler aufgefallen ist.

Das habe ich jetzt auch wieder entfernt, incl. dem appearance: none.

Mal sehen ob der Fehler jetzt wieder auftritt

Ansonsten...danke für deine Antwort und Bestätigung

Zitat von FuchsFan

fahre ich mit der Maus über das Icon (ohne Klick), so dreht es nach unten.

Das habe ich hier nicht

milupo

Zitat von 2002Andreas

Ich hatte das mit hover nachträglich eingefügt, als mir der Fehler aufgefallen ist.

Es könnte eventuell sein, dass bei Hover weitergedreht wird. Probiere mal ohne transform: rotate() bei :hover.

2002Andreas

Zitat von milupo

dass bei Hover weitergedreht wird.

Hallo milupo ..

auch dir danke für deine Antwort.

Wie gesagt hatte ich das erst nachträglich eingefügt, als mir der Fehler aufgefallen ist.

Bei hover hatte sich das Icon allerdings nicht verändert, obwohl ja im Code transform angegeben wurde, und es eigentlich passieren müsste, wenn man genau drüber nachdenkt.

Und wie schon gesagt, wenn der CSS Code in der userChrome.css ist, wo er vorher schon lange war, funktioniert alles einwandfrei.

Das kam erst, als ich den Code mit in das Script eingefügt hatte

Wenn der evtl. Fehler im Script nicht gefunden wird, dann nehme ich wieder die userChrome.css dafür.

Eigenartig finde ich das allerdings schon.

milupo

Nur sicherheitshalber: Du hast den Code in der userChrome.css deaktiviert, als du mit dem Script getestet hast? Man macht manchmal Fehler, die eigentlich unmöglich sind, weil sie so klein sind.

2002Andreas

Zitat von milupo

Du hast den Code in der userChrome.css deaktiviert

Ja.

milupo

Etwas Anderes habe ich von dir auch nicht erwartet, aber sicher ist sicher.

2002Andreas

Zitat von milupo

aber sicher ist sicher.

Niemand ist ohne Fehler

milupo

Du hast noch nicht herausgefunden, wann der Fehler autritt? Im Moment habe ich das Problem nicht, der Pfeil zeigt nach oben.

2002Andreas

Zitat von milupo

wann der Fehler autritt?

Leider noch nicht, aber..

Zitat von FuchsFan

Das kann ich bestätigen, manchmal dauert es sehr lange, aber es kommt der Fehler.

Das passiert auch, selbst wenn ich den Button gar nicht benutzt hatte.

Ich teste jetzt gerade mit diesem wieder geändertem Script, und Deaktivierung in der userChrome.css

JavaScript

//ScrollTopAndBottom.uc.js
(function() {

let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , '');
menuitem.style.listStyleImage='url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);

})();

(function() {

let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , '');
menuitem.style.listStyleImage='url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);

var css = '\
@-moz-document url("chrome://browser/content/browser.xhtml") { \
#context-to-top { \
list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar");\
transform: rotate(180deg) !important;\
}\
}';
var cssUri = Services.io.newURI('data:text/css,' + encodeURIComponent(css), null, null);
var SSS = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
SSS.loadAndRegisterSheet(cssUri, SSS.AGENT_SHEET);
})();

Alles anzeigen

Mit diesem Script trat der Fehler hier auf.

Mal sehen ob ich erkennen kann wann das der Fall ist.

milupo

Zitat von FuchsFan

Hoover

Ein Staubsauger gehört auch nicht in ein Skript.

2002Andreas

Jetzt wieder..

Ich habe mal ein privates Fenster eben geöffnet

Das muss ich mal genauer prüfen dann.

Das muss am einmaligen Öffnen eines neuen privaten Fensters tatsächlich liegen, weil..

milupo

Hast du denn schon vorher ein privates Fenster offen gehabt?

2002Andreas

Nein.

Aber hin und wieder nutze ich das, und eben ist es mir aufgefallen, dass genau dann sich das Icon verdreht.

Als muss in den Code noch etwas wie:

#main-window[privatebrowsingmode=temporary]

eingefügt werden

milupo

Für das private Fenster kann ich das Problem bestätigen.

2002Andreas

Zitat von milupo

Für das private Fenster kann ich das Problem bestätigen.

Damit ist zumindest der Fehler gefunden.

Jetzt muss also nur der CSS Code dafür angeapsst werden.

Mal sehen, ob ich eine Lösung finde

FuchsFan

Zitat von milupo

Ein Staubsauger gehört auch nicht in ein Skript.

Das Zweite ist ein Osterei (hatte ich noch übrig).

Niemand ist ohne Fehler, sagte Andreas.

2002Andreas

Zitat von 2002Andreas

ob ich eine Lösung finde

Wenn ich das so ins Script einfüge funktioniert es nicht:

CSS

#main-window[privatebrowsingmode=temporary]#context-to-top {\
list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar");\
transform: rotate(180deg) !important;\
}\

In der userChrome.css allerdings schon

FuchsFan

Zitat von 2002Andreas

Ich habe mal ein privates Fenster eben geöffnet

Etwa 20 Seiten habe ich geöffnet, immer den Tab gewechselt, nicht mehr gezählt, wie oft Kontext aufgerufen wurde . Verwendet habe ich das letzte Script von dir (normales Fenster), der Fehler trat auch hier wieder auf.

CSS Code wird nicht permanent im Script angewendet

Ähnliche Themen

About Seiten mit CSS Codes anpassen

Url-Bar farbiger Balken beim laden.

Sidebar wird bei "Drag & Drop" nicht eingeblendet

Nightly v.81 - Script für mehrzeilige Tableiste

Script um Lezezeichensymboleiste zu verstecken

extra_config_menu wird seit der Fuchs-Version 75 nicht mehr geladen