Script für einzelne Datei

2002Andreas

Hallo @all..

ich habe eine Bitte.

Kann mir bitte jemand ein Script erstellen mit dem ich im Ordner CSS, der sich im Ordner chrome befindet, gleich die Datei: Test.css per Klick auf einen Button aufrufen kann?

Wie immer herzlichen Dank für jegliche Hilfe :klasse:

Endor

Soll die direkt im Fuchs geöffnet werden, oder wie soll sich das verhalten?
Mfg.
Endor

2002Andreas

Hallo Endor...

vorweg danke für deine Hilfe :klasse:

Oben im Fx einen Button, der mir per Klick gleich die Datei Test.css öffnet.
So wie wir das ja auch für z.B. die userChrome.css und andere Dateien haben.

Mit diesem Script öffnet sich die Datei wenn sie im Ordner chrome ist:

Code

(function () {


       if (location != 'chrome://browser/content/browser.xul') return;


       const buttonId = 'Test.css-button';
       const buttonLabel = 'Test.css';
       const buttonTooltiptext = 'Test.css';
       const buttonIcon = 'url(data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==)';

       function buttonFunction() {

		             var dir = Services.dirsvc.get('UChrm', Ci.nsIFile);
dir.append('Test.css');
dir.launch();


   };

       var button = document.createElement('toolbarbutton');
       button.id = buttonId;
       button.setAttribute('class', 'toolbarbutton-1 chromeclass-toolbar-additional');
       button.removable = 'true';
       button.setAttribute('label', buttonLabel);
       button.setAttribute('tooltiptext', buttonTooltiptext);       
       button.style.listStyleImage = buttonIcon;

       button.addEventListener('click', function (event) {
          if (event.button == 0)
             buttonFunction();
       });

       document.getElementById('navigator-toolbox').palette.appendChild(button); 


       var toolbars = Array.slice(document.querySelectorAll('toolbar'));
       for (var i=0; i<toolbars.length; i++) {          
          var currentset = toolbars[i].getAttribute('currentset');      
          if (currentset.split(',').indexOf(button.id) >= 0) {      
             var j;
             if (i == 0) j = 1
             else j = 0;         
             toolbars[j].currentSet += ','+button.id;         
             toolbars[i].currentSet = currentset;      
          };      
       };

    }) ();

Alles anzeigen

Die Datei ist aber im Unterordner CSS im Ordner chrome, das bekomme ich nicht hin :oops:

Ich denke mal das muss man in dieser Zeile dann anpassen :-??

var dir = Services.dirsvc.get('UChrm', Ci.nsIFile);

Tanni

Hier mal mein Versuch.

Code

(function() {
	if (location != 'chrome://browser/content/browser.xul')
      return;


	try {
		Components.utils.import("resource:///modules/CustomizableUI.jsm");
		CustomizableUI.createWidget({
			id: "button-testcss",
			defaultArea: CustomizableUI.AREA_NAVBAR,
			removable: true,
			label: "Test.ccs",
			tooltiptext: "Test.css",
			onClick: function() {

				var dir = Services.dirsvc.get('UChrm', Ci.nsIFile);
				dir.append('CSS');
				dir.append('Test.css');
				dir.launch();

			},
			onCreated: function(aNode) {
				aNode.style.listStyleImage = 'url(data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==)';
				return aNode;
			}
		});
	} catch (e) {
		Components.utils.reportError(e);
	};


})();

Alles anzeigen

EffPeh

Bitteschön, Andreas...

Code

(function() {


try {
	Components.utils.import("resource:///modules/CustomizableUI.jsm");
	CustomizableUI.createWidget({
		id: "fp-open-css",
		defaultArea: CustomizableUI.AREA_NAVBAR,
		removable: true,
		label: "open-css",
		tooltiptext: "open-css",
		onClick: function() {
			var ffdir = Components.classes['@mozilla.org/file/directory_service;1'].getService(Components.interfaces.nsIProperties).get("ProfD", Components.interfaces.nsIFile).path;
			var CSSpath = ffdir + '\\chrome\\css\\ffc-nav-bar.css';
			var file = Cc['@mozilla.org/file/local;1'].createInstance(Ci.nsIFile);
			file.initWithPath( CSSpath );
			file.launch();
		}
	});
} catch (e) {
	Components.utils.reportError(e);
};


})();

Alles anzeigen

Button-Grafik kannst du selbst hinzufügen. Denke ich... :wink:

2002Andreas

Hallo ihr beiden..

ganz herzlichen Dank dafür :klasse:

Zitat von Tanni

Hier mal mein Versuch.

Der hat perfekt funktioniert

Zitat von EffPeh

Bitteschön, Andreas..

Auch dir herzlichen Dank dafür

EffPeh

Bitte, bitte...
Nimm` das von Tanni. Ist kürzer und hat auch schon eine Grafik... :wink:

Tanni

andreas
gerne doch

EffPeh
Eyh, da waren wir ja fast gleichzeitig am Script posten.
Kürzer ist meine Version auch nicht wirklich, da ich noch die Verschachtelung drin habe.

EffPeh

Zitat von Tanni

EffPeh
Eyh, da waren wir ja fast gleichzeitig am Script posten.
Kürzer ist meine Version auch nicht wirklich, da ich noch die Verschachtelung drin habe.

Yep.
Doch, doch. Es wirkt eleganter und übersichtlicher. Und ich habe es so noch nicht gekannt... :wink:

milupo

2002Andreas: Wäre es nicht besser den Ordner CSS per Schaltfläche zu öffnen und dann die passende CSS-Datei auszuwählen?

2002Andreas

Hallo milupo..

ich habe den Button nur in meinem Testprofil.
Wenn ich z.B. jetzt einen css Code testen will klicke ich nur auf den Button, und die Datei Test.css wird geöffnet....Text eintragen..speichern...Neustart...wundern :wink:

Zum Testen für uc.js Scripte nutze ich ebenfalls einen Button in der Menüleiste zum öffnen der Datei: Test.uc.js

Ich erspare mir also jeweils einen Klick um an die jeweilige Datei zu kommen. :wink:

Mir ging es nur darum wie ich im Unterordner CSS die Datei ansprechen kann, wenn sie direkt im Ordner chrome läge wäre es klar für mich, so hatte ich es ja auch in meinem obigen Code gepostet, bzw. so habe ich es für die Test.uc.js Datei hier, die ja direkt im Ordner chrome liegt.

milupo

Zitat von 2002Andreas

Hallo milupo..
ich habe den Button nur in meinem Testprofil.
Wenn ich z.B. jetzt einen css Code testen will klicke ich nur auf den Button, und die Datei Test.css wird geöffnet....Text eintragen..speichern...Neustart...wundern :wink:

Ah, gewissermaßen als Zugriff auf eine Dateivorlage.

2002Andreas

Genauuuuu :wink:

1. Test.css
2. Test.uc.js

[attachment=0]Zwischenablage01.jpg[/attachment]

EffPeh

Dann habe ich hier noch einen zweiten Button für dich, Andreas.
Ein Klick darauf bindet die editierte Test.css erneut ein und erspart dir somit den Neustart. :wink:

Code

(function() {


try {
	CustomizableUI.createWidget({
		id: "fp-register-test",
		defaultArea: CustomizableUI.AREA_NAVBAR,
		removable: true,
		label: "register-test",
		tooltiptext: "register-test",
		onClick: function() {
			var CI = Components.interfaces;
			var CC = Components.classes;
			let sss = CC["@mozilla.org/content/style-sheet-service;1"].getService( CI.nsIStyleSheetService );
			let ios = CC["@mozilla.org/network/io-service;1"].getService( CI.nsIIOService );


			var file = Services.dirsvc.get('UChrm', Ci.nsIFile);
			file.append('css');
			file.append('Test.css');


			let fileURL = Services.io.getProtocolHandler( 'file' ).QueryInterface( Ci.nsIFileProtocolHandler ).getURLSpecFromFile( file );
			let uri = ios.newURI( fileURL , null , null );
			sss.loadAndRegisterSheet( uri , sss.AGENT_SHEET );
		},
		onCreated: function(aNode) {
			aNode.style.listStyleImage = 'url(data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==)';
			return aNode;
		}
	});
} catch (e) {
	Components.utils.reportError(e);
}


})();

Alles anzeigen

Button-Grafik musst du noch anpassen. Ich habe, faul wie ich bin, einfach die von Tanni übernommen.

milupo

Zitat von 2002Andreas

Genauuuuu :wink:

Ein Sachse würde sagen: "Das is derwäächn geene schlechte Idee."

2002Andreas

Zitat von EffPeh

Dann habe ich hier noch einen zweiten Button für dich, Andreas.

Ganz herzlichen Dank dafür...das hat was, funktioniert perfekt :klasse::wink:

EffPeh

Bitteschön...

Speravir

Zitat von EffPeh

Dann habe ich hier noch einen zweiten Button für dich, Andreas.
Ein Klick darauf bindet die editierte Test.css erneut ein und erspart dir somit den Neustart. :wink:

Ääähm, sag mal, EffPeh. Wenn ich stattdessen die userChrome.css verwende, dann sollte ich mir doch ebenfalls den Neustart sparen können, oder? Dass ich die Zeile

Code

file.append('css');

dafür löschen und diverse kosmetische Änderungen machen muss, ist mir klar.

EffPeh

Zitat von Speravir
Ääähm, sag mal, EffPeh. Wenn ich stattdessen die userChrome.css verwende, dann sollte ich mir doch ebenfalls den Neustart sparen können, oder? Dass ich die Zeile
Code
file.append('css');
dafür löschen und diverse kosmetische Änderungen machen muss, ist mir klar.

Richtig. :wink:
Eigentlich musst du nur die genannte Zeile löschen oder auskommentieren und Test.css durch userChrome.css ersetzen.

Code

var file = Services.dirsvc.get('UChrm', Ci.nsIFile);
//file.append('css');
file.append('userChrome.css');

Speravir

Zitat von EffPeh

Richtig. :wink:

Ditt sachst Du so lockerflockig daher …

Endor, übernehmen sie! (Zitatmissbrauch zum Anpingen)

Zitat von Endor user_id=37415

Soll die direkt im Fuchs geöffnet werden, oder wie soll sich das verhalten?

Mit Klick auf den Button (man kann sicher noch ein markanteres Symbol finden, z.B. von ReloadTab.uc.xul) wird die userChrome.css neu geladen. Das geht viel schneller als mit Browserneustart, und es entfällt alles mit dem Neustart verbundene.

So sieht der Code jetzt bei mir aus, lokal abgespeichert als reload_userChrome.uc.js und getestet. Beachte, dass ich zu Beginn noch die Einschränkung auf browser.xul eingefügt habe. Sonst nur geänderte ID, Label, Tooltiptext und natürlich der andere Dateiname:

Code

(function() {
if (location != 'chrome://browser/content/browser.xul')
    return;


try {
  CustomizableUI.createWidget({
    id: "ucjs-register-userChrome",
    defaultArea: CustomizableUI.AREA_NAVBAR,
    removable: true,
    label: "register-userChrome",
    tooltiptext: "userChrome.css erneut registrieren",
    onClick: function() {
      var CI = Components.interfaces;
      var CC = Components.classes;
      let sss = CC["@mozilla.org/content/style-sheet-service;1"].getService( CI.nsIStyleSheetService );
      let ios = CC["@mozilla.org/network/io-service;1"].getService( CI.nsIIOService );


      var file = Services.dirsvc.get('UChrm', Ci.nsIFile);
      //file.append('css'); /* Unterordner für Anpassungen an andere Dateien */
      file.append('userChrome.css');


      let fileURL = Services.io.getProtocolHandler( 'file' ).QueryInterface( Ci.nsIFileProtocolHandler ).getURLSpecFromFile( file );
      let uri = ios.newURI( fileURL , null , null );
      sss.loadAndRegisterSheet( uri , sss.AGENT_SHEET );
    },
    onCreated: function(aNode) {
      aNode.style.listStyleImage = 'url(data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==)';
      return aNode;
    }
  });
} catch (e) {
  Components.utils.reportError(e);
}


})();

Alles anzeigen