Mit einem Klick Sidebar-Anzeige umschalten

StandingBill

Hallo Cracks

Wie ich in den letzten Tagen festgestellt habe, kann man die Oberfläche des Firefox enorm individuell anpassen. Trotzdem glaube ich nicht, dass mein weitgehender Wunsch umsetzbar ist, weil er auch die Funktionalität betrifft. Aber eine kleine Anfrage sei erlaubt.
Früher war es möglich, die Anzeige der Sidebar elegant mittels zweier Schaltflächen in der Lesezeichen-Symbolleiste mit einem Klick von "Chronik" auf "Lesezeichen" umzustellen. (siehe Grafik > rote Pfeile). Ist dieses Feature wiederherstellbar?

Grüße

[attachment=0]Info.png[/attachment]

macko

Doch geht, jedoch nur mittels eines userChromejs Skripts, welches du dann im "chrome" Ordner deines Firefox Profils platzieren musst, soweit denn schon die notwendigen Vorbereitungen für Skripteinsatz seitens Firefox getroffen hast.
Eine Anleitung wie man Firefox für Skripte vorbereitet findest du beispielsweise in diesen Thread: Anleitung für Fx 62 - Scripte

Sobald die Vorbereitung getroffen wurden, einfach eine neue Textdatei erstellen innerhalb des "chrome" Ordners und diese beispielsweise in "sidebarumschalter.uc.js" (ohne Anführungszeichen) benennen. Diese Datei danach mit einem Texteditor nach Wahl öffnen, und dann folgenden Code reinkopieren und abspeichern:

Code

(function() {


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


	try {
//		Lesezeichen-Seitenleiste Öffnen/Schließen
		CustomizableUI.createWidget({
			id: 'BookmarksSidebar-ToolBarButton',
			type: 'custom',
			defaultArea: CustomizableUI.AREAS,
			onBuild: function(aDocument) {			
				var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
				var props = {
					id: 'BookmarksSidebar-ToolBarButton',
					class: 'toolbarbutton-1 chromeclass-toolbar-additional',
					label: 'Lesezeichen-Sidebar',
					tooltiptext: 'Lesezeichen-Sidebar öffnen/schließen',
					style: 'list-style-image: url(data:image/png;base64,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)',
					onclick: 'if (event.button == 0) { \
									SidebarUI.toggle("viewBookmarksSidebar"); \
								 }; '
				};
				for (var p in props)
					toolbaritem.setAttribute(p, props[p]);
				return toolbaritem;
			}
		});
//		Chronik-Seitenleiste Öffnen/Schließen
		CustomizableUI.createWidget({
			id: 'HistorySidebar-ToolBarButton',
			type: 'custom',
			defaultArea: CustomizableUI.AREAS,
			onBuild: function(aDocument) {			
				var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
				var props = {
					id: 'HistorySidebar-ToolBarButton',
					class: 'toolbarbutton-1 chromeclass-toolbar-additional',
					label: 'Chronik-Sidebar',
					tooltiptext: 'Chronik-Sidebar öffnen/schließen',
					style: 'list-style-image: url(data:image/png;base64,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)',
					onclick: 'if (event.button == 0) { \
									SidebarUI.toggle("viewHistorySidebar"); \
								 }; '
				};
				for (var p in props)
					toolbaritem.setAttribute(p, props[p]);
				return toolbaritem;
			}
		});
	} catch(e) { };


})();

Alles anzeigen

Zum Schluss machst du einen Browserneustart, und wenn alles funktioniert haben sollte, solltest du unter "Anpassen" zwei neue Schaltflächen finden können, welche du dann frei auf deiner Lesezeichenleiste platzieren kannst (oder auch anders wo), und mit welcher du die jeweiligen Sidebars umschalten kannst.

StandingBill

Es funktioniert!
Vielen Dank für die verständliche und hilfreiche Anleitung! :klasse:
Dass so eine weitgehende Änderung möglich ist, habe ich kaum für möglich gehalten.

Beste Grüße

Boersenfeger

Ergänzend:
Wenn du Interesse hast..... Sidebar via Hoover einblenden...

CSS

/* Sidebar via Hover hervorrufen */


    @-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),


    url("chrome://browser/content/browser.xul"),


    url("chrome://browser/content/history/history-panel.xul") {


    #sidebar-box {


    position:fixed!important;


    top:110px;


    bottom:-5px;


    width: 0px !important;


    overflow-x: hidden !important;


    -moz-appearance: none !important;


    border: 1px solid transparent !important;


    border-left: 0 !important;


    opacity: 0 !important;


    -moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;


    }
    #sidebar-box:hover {


    width: 230px !important; /*-adjust sidebar width here-*/


    opacity: 1 !important;


    -moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;


    }
    #sidebar-splitter{


    display:none !important;


    }
    #sidebar-header {


    width:100%;


    border: 0 !important;


    }
    #sidebar {


    width:100%!important;


    height:90%;


    }
    }

Alles anzeigen

Diesen Schnipsel kopierst du in die userchrome.css -Datei.... wenn du dich mit dem Mauszeiger nun dem linken Rand näherst, erscheint die Sidebar..

StandingBill

Habe auch das eben mal getestet - coole Sache!
Gut zu wissen, dass auch so etwas möglich ist.
Mein Bildschirm ist relativ groß, so dass die Sidebar kaum stört.
Wer sich (wie ihr) mit der Thematik richtig auskennt, kann den Firefox extrem modifizieren.

Salve

Speravir

Zitat von Boersenfeger

Ergänzend:
Wenn du Interesse hast..... Sidebar via Hoover einblenden...

Nur mal so:
Komische Formatierung des Stils. So sieht man doch gleich viel besser, was da passieren soll:

CSS

/* Sidebar via Hover hervorrufen */


@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
               url("chrome://browser/content/history/history-panel.xul"),
               url("chrome://browser/content/browser.xul")
{
  #sidebar-box {
    -moz-appearance: none !important;
    position: fixed !important;
    top: 110px;
    bottom: -5px;
    border: 1px solid transparent !important;
    border-left: 0 !important;
    opacity: 0 !important;
    overflow-x: hidden !important;
    width: 0px !important;
    -moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
  }


  #sidebar-box:hover {
    width: 230px !important; /* adjust sidebar width here */
    opacity: 1 !important;
    -moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
  }


  #sidebar-header {
    border: 0 !important;
    width: 100%;
  }


  #sidebar {
    height: 90%;
    width: 100% !important;
  }


  #sidebar-splitter {
    display: none !important;
  }
}

Alles anzeigen

Und -moz-transition sollte eigentlich inzwischen durch transition ersetzt werden können.

Boersenfeger

... da magst du recht haben... :wink:
Ich schreibe so was nicht, da ich vom coden und scripten keine Ahnung habe und auch nicht die Möge habe, mich da reinzufuchsen, sondern räubere von anderen... Ich habe alle Codes und Scripts einzeln abgelegt und kommentiert, so das ich in der Regel weiß, was er bewirkt... wenn die Form nicht passt, ist es mir eher schnuppe, aber danke für den Hinweis... werde den dann so übernehmen...

StandingBill

Hallo Freunde des feurigen Fuchses

Diesen Altthread muss ich leider wieder aufmachen.
Das Update von Version 65.0.2 auf 66 hat leider die beiden hilfreichen Button weggerissen.
Auch im "Anpassen" Fenster tauchen sie nicht auf.
Gibt es eine Möglichkeit, die in Beitrag 1 bezeichneten Schaltflächen auch im aktuellen Fuchs wiederherzustellen?

Grüße

Endor

Überprüfe das Script ob es in der richtigen Kodierung gespeichert worden ist.
Es muss UTF-8 sein.

Mfg.
Endor

2002Andreas

Ergänzend...das Script funktioniert einwandfrei hier.

StandingBill

Wieder mal großes Kino
Nach Korrektur der Kodierung der Scriptdatei im chrome-Ordner geht es wieder.
Vielen Dank!

2002Andreas

Zitat von StandingBill

Nach Korrektur der Kodierung der Scriptdatei

Ergänzend:
Zur Sicherheit solltest du das mit allen deinen Scripten machen.

StandingBill

Zitat von 2002Andreas

Zur Sicherheit solltest du das mit allen deinen Scripten machen.

[attachment=0]nicken 3.gif[/attachment]

StandingBill

Guten Morgen

Und wieder grüßt das Murmeltier.
Mit dem Update auf Version 69 haben sich die nützlichen Umschaltbutton erneut verabschiedet.
Kann man die Teile auch diesmal reaktivieren?

Grüße

Endor

Meinst Du das Script zum öffnen der Seitenleiste bei Berührung des Seitenrandes,

wenn ja, es gibt eine neue Version vom Script bitte testen:

Code

// ==UserScript==
// @name expandsidebar.uc.js
// @description Automatisches Öffnen und Schließen der Seitenleiste
// @namespace http://forums.mozillazine.org/viewtopic.php?p=2592073#2592073
// @include main
// @compatibility Firefox 69
// @author Alice0775
// @Note Seitenleistenposition bei _SIDEBARPOSITION wählbar (links oder rechts)
// @Note Keyconfig und Mousegesten usw. SidebarUI.toggle (entsprechender Code);
// @Note
// @version 2019/09/04 Fx69
// @version 2018/07/03 Fx61 fix regression from remove loadoverlay
// @version 2018/07/03 Fx61 remove loadoverlay
// @version 2018/06/25 Fx61 wip
// @version 2018/01/25 Fx58 wip
// @version 2017/11/18 Fx57
// @version 2017/11/18 nsIPrefBranch2 to nsIPrefBranch
// @version 2017/02/01 00:00 enable floating(overlay) sidebar
// @version 2017/01/19 00:00 change event phase,target
// @version 2015/08/29 00:00 fix lastused command
// @version 2015/05/13 19:00 fix lastused command
// @version 2015/02/20 22:00 fix due to Bug 1123517
// @version 2014/10/31 22:00 fix due to Bug 714675
// @version 2014/05/22 12:00 fix var
// @version 2013/03/03 00:00 fix It close too soon when it opened from a button or menu
// @version 2013/02/26 00:00 fix close delay
// @version 2012/12/08 22:30 Bug 788290 Bug 788293 Remove E4X
// ==/UserScript==
// @version 2012/08/04 09:00 private browsingを考慮
// @version 2012/08/04 09:00 hiddenではなくcollapsedを使うように
// @version 2012/02/08 14:00 splitter width in full screen
// @version 2011/05/26 12:00 5.0a2でマウスが要素上通過する時, 移動速度が速すぎるとmouseoverイベントが発火しない? 感度が落ちた?
// @version 2011/03/24 12:00 ドラッグオーバー遅延を別設定とした
// @version 2010/10/30 18:00 http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=84baf90b040c&tochange=16eac4b8b8e0
// @version 2010/10/09 18:00 Windows7 Aero
// @version 2009/06/06 20:00 ドラッグオーバーで閉じてしまうので
// @version 2009/05/24 18:00 chromeのチェック変更
// @version 2009/04/30 18:00 サイドバーを開閉したときは必ずタイマーをクリアするようにした。
// @version 2009/04/28 00:00 負荷軽減
// @version 2009/04/23 00:00 _KEEP_SIZESが動かなくなっていたので
// @version 2009/04/22 12:00 ドラッグオーバーで開かなくなっていたので
// @version 2009/04/15 21:00 マウスが通過したときは開かないが動かなくなっていたので
// @version 2009/04/15 19:00 細々bug修正
// @version 2009/04/15 02:00 _CLOSEWHENGOOUTが動かなくなっていたので
// @version 2009/04/14 22:00 fx2削除
var ucjs_expand_sidebar = {
// --- config ---
//Anfang Konfiguration
_OPEN_DELAY: 400, //Zeitverzögerung zum Öffnen bei Mouseover
_OPEN_DELAY_DRAGOVER: 400, //Zeitverzögerung zum Öffnen per Dragover
_CLOSE_DELAY: 800, //Zeitverzögerung beim Schließen
_SCROLLBAR_DELAY: 1000, //Zeitverzögerung der Bildlaufleiste beim Öffnen / Schließen
_DEFAULTCOMMAND: "viewBookmarksSidebar", // Standard Seitenleiste beim Öffnen bei hover
_TOLERANCE: 0, //Bereich, der als linke Kante des Fensters erkannt wird (0 kann bei Verwendung von TreeStyleTab usw. verwendet werden)
_DONOTCLOSE_XULELEMENT: true, //Wenn sich die Maus auf einem XUL-Element befindet, nicht schließen
//(Wird nicht geschlossen, selbst wenn XUL im Inhalt angezeigt wird)
_CLOSEWHENGOOUT: false, //Wenn sich die Maus aus dem Fenster bewegt: true: schließen, [false]: nicht schließen
_FLOATING_SIDEBAR: true, //Schwebende Seitenleiste (Überlagerung des Seiteninhalts) aktivieren,
//(bekanntes Problem: Seitenleiste kann nicht skaliert werden = mit Maus breiter oder schmaler ziehen)
_SIDEBARPOSITION: "L", //Seitenleistenposition: Linke Seite: L - Rechte Seite: R
//VerticalToolbar.uc.js von Gomita - vertikale Symbolleiste 0.1
//(http://www.xuldev.org /blog/?p=113) muss zuerst ausgeführt werden!
_KEEP_SIZES:true, //Breite für jeden Seitenleisten-Typ (Lesezeichen, Chronik usw.) speichern
_defaultWidth: 234, //Standardbreite der Seitenleiste
_inFullscreen: true, //Bei Vollbild, Verhalten von Firefox 31 verwenden
//Ende Konfiguration
// --- config ---


_MOUSEMOVEINTERVAL: 10, //Intervall zum Überprüfen der Mausposition
_CHECKBOX_AT_STARUP:false, //Kontrollkästchen beim Start anzeigen
_CLOSE_AT_STARTUP:true, //Seitenleiste bei Start geschlossenく
_lastcommand: null,
_backup_lastcommand:null,
_open_Timeout: null,
_close_Timeout: null,
_sidebar_box:null,
_sidebar:null,
_sidebar_splitter:null,
_checkbox:null,
_content:null,
_opend:false,
_mousedown:false,
_mouse_Timeout: null,
_resizeTimer: null,
_mtimer: false,
_startup:true,


sizes:[],
prefKeepItSizes: "userChrome.expandSidebar.keepItSizes",


jsonToDOM: function(jsonTemplate, doc, nodes) {
jsonToDOM.namespaces = {
html: "http://www.w3.org/1999/xhtml",
xul: "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
};
jsonToDOM.defaultNamespace = jsonToDOM.namespaces.xul;
function jsonToDOM(jsonTemplate, doc, nodes) {
function namespace(name) {
var reElemNameParts = /^(?:(.*):)?(.*)$/.exec(name);
return { namespace: jsonToDOM.namespaces[reElemNameParts[1]], shortName: reElemNameParts[2] };
}


// Note that 'elemNameOrArray' is: either the full element name (eg. [html:]div) or an array of elements in JSON notation
function tag(elemNameOrArray, elemAttr) {
// Array of elements? Parse each one...
if (Array.isArray(elemNameOrArray)) {
var frag = doc.createDocumentFragment();
Array.forEach(arguments, function(thisElem) {
frag.appendChild(tag.apply(null, thisElem));
});
return frag;
}


// Single element? Parse element namespace prefix (if none exists, default to defaultNamespace), and create element
var elemNs = namespace(elemNameOrArray);
var elem = doc.createElementNS(elemNs.namespace || jsonToDOM.defaultNamespace, elemNs.shortName);


// Set element's attributes and/or callback functions (eg. onclick)
for (var key in elemAttr) {
var val = elemAttr[key];
if (nodes && key == "keyvalue") {
nodes[val] = elem;
continue;
}


var attrNs = namespace(key);
if (typeof val == "function") {
// Special case for function attributes; don't just add them as 'on...' attributes, but as events, using addEventListener
elem.addEventListener(key.replace(/^on/, ""), val, false);
} else {
// Note that the default namespace for XML attributes is, and should be, blank (ie. they're not in any namespace)
elem.setAttributeNS(attrNs.namespace || "", attrNs.shortName, val);
}
}


// Create and append this element's children
var childElems = Array.slice(arguments, 2);
childElems.forEach(function(childElem) {
if (childElem != null) {
elem.appendChild(
childElem instanceof doc.defaultView.Node ? childElem :
Array.isArray(childElem) ? tag.apply(null, childElem) :
doc.createTextNode(childElem));
}
});
return elem;
}
return tag.apply(null, jsonTemplate);
}


return jsonToDOM(jsonTemplate, doc, nodes);
},


init: function(){
if ("EzSidebarService" in window)
return;
this._sidebar_box = document.getElementById('sidebar-box');


var style = ' \
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); \
\
#main-window #sidebar-splitter \
{ \
-moz-box-align: center; \
-moz-box-pack: center; \
cursor: ew-resize; \
border-width: 0 2px; \
border-style: solid; \
-moz-border-left-colors: ThreeDShadow ThreeDHighlight; \
-moz-border-right-colors: ThreeDDarkShadow ThreeDFace; \
width: 2px; \
max-width: 2px; \
min-width: 0px; \
background-color: ThreeDFace; \
margin-left: 0px; \
margin-inline-start: 0px; \
} \
#navigator-toolbox[inFullscreen="true"] #sidebar-box[hidden="true"] + #sidebar-splitter, \
#main-window[inFullscreen="true"] #sidebar-box[hidden="true"] + #sidebar-splitter \
{ \
width: 0px; \
max-width: 1px; \
min-width: 0px; \
border-left-width: 0px; \
border-right-width: 1px; \
background-color: ThreeDFace; \
} \
';
var sspi = document.createProcessingInstruction(
'xml-stylesheet',
'type="text/css" href="data:text/css,' + encodeURIComponent(style) + '"'
);
document.insertBefore(sspi, document.documentElement);
sspi.getAttribute = function(name) {
return document.documentElement.getAttribute(name);
};


if (this._FLOATING_SIDEBAR) {
// floating css
var floatingStyle = ' \
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); \
\
#sidebar-box { \
position: fixed ; \
z-index: 55555; \
background-color: -moz-dialog; \
left: 4px; \
} \
#sidebar-box #sidebar-header \
{ \
width :100%; \
} \
#sidebar-box #sidebar \
{ \
position: fixed ; \
height: calc(100vh - 210px); \
border-left:3px solid -moz-dialog; \
border-right:3px solid -moz-dialog; \
border-bottom:3px solid -moz-dialog; \
} \
\
#sidebar-box { \
border-right: 1px solid ThreeDShadow; \
border-bottom: 1px solid ThreeDShadow; \
} \
#sidebar-box:-moz-locale-dir(rtl) { \
border-left: 1px solid ThreeDHighlight; \
} \
#sidebar-box:-moz-lwtheme { \
background-color: -moz-Dialog; \
} \
#sidebar-box sidebarheader:-moz-lwtheme { \
color: -moz-dialogtext; \
text-shadow: none; \
background-color: -moz-Dialog; \
-moz-appearance: toolbox; \
border-bottom: 1px solid ThreeDShadow; \
border-top: 1px solid ThreeDHighlight; \
} \
#sidebar-box #sidebarpopuppanel-bottom { \
background-color: -moz-dialog; \
width:100%; \
}';


if (this._SIDEBARPOSITION="L") {
floatingStyle += ' #sidebar-box .PopupResizerGripper { \
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABG0lEQVQ4jZXT2ytEURTH8U8UIjNESh5kQq4zGIpci+LBg8vkMhgkl+RhMo0Uf7yHWWo8jDlzXvbZv32+a63fr31o7WnHEDaxj6VW4TTW8YgHbLUC92E2wDKKWEgCtyEVcAEfsc6gJwmcxgpKqGIPExhAd7OxUwFf4QknmMYadrD8H/zruRTwEbLI4za0g0Zj13uuRud5ZGKaL7xiNYnnXUyqJV7EN05D+5NBI8+ToZ2jEnAeI+ht5nk+Op/jDfexX8NGvDf1XIzOd1jEXIRYxgX0J/D8W3Aaz/iM72cFfBljH2MMufBaCTgbWgHvOIschmE7Dg6jcypGLeAa4xiMIjdROBd6Xl1QGXSho+5wCp2hj6ndvlG1XzqPlx+JJSwSgQwohgAAAABJRU5ErkJggg=="); \
cursor: se-resize; \
}';
} else {
floatingStyle += ' #sidebar-box:-moz-locale-dir(rtl) .PopupResizerGripper { \
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABIUlEQVQ4jZXRwUsUYRzG8Q8Jthi6SiKEB1lZJdvWXUtBKW3BIA8dajfSUjdlMSU6RFII9cd7mGdBPM3MYYaZ9/0983y/L7TxBluYwwMVry4+4UtCZjBRJWAZ7/EdQ7QwWyWkhlV8xJ+0aaVJKZzJbG5gPyFDBU69TEgTG+ikST84x0o6eZnaA4XQNj6o4OQpTnCNrwqp7TQp5eRhMPr4n5BucEo5qWEe6wm5xmEGSjlpZLiT6mf4mZBSTno4Deua4kTO7zkZt7vrpD4OWVKcwG9c4nn+PIiTY8VJreEt/mKEV1iQWwefcYNv2MnQAP/ufFtJg1+4wK5sbOY5zOJrLEbij/D38BjPgjbCO7jK8JOwHQVhGlPYxgE28/4o63t4cQuE/SwSa1JPlgAAAABJRU5ErkJggg=="); \
cursor: sw-resize; \
}';
}


sspi = document.createProcessingInstruction(
'xml-stylesheet',
'type="text/css" href="data:text/css,' + encodeURIComponent(floatingStyle) + '"'
);
document.insertBefore(sspi, document.documentElement);
sspi.getAttribute = function(name) {
return document.documentElement.getAttribute(name);
};
let template =
["hbox", {id: "sidebarpopuppanel-bottom"},
["spacer", {flex: "1"}],
["image", {class: "PopupResizerGripper",
onmousedown: "if (event.target == this) sidebarpopuppanelResize.start(event);"}]
];
document.getElementById('sidebar-box')
.appendChild(this.jsonToDOM(template, document, {}));
}


if (this._sidebar_box.hasAttribute('hidden') ||
this._CLOSE_AT_STARTUP) {
this._sidebar_box.collapsed = true;
}
this._sidebar_box.hidden = false;


this._sidebar = document.getElementById('sidebar');


this._sidebar_splitter = document.getElementById('sidebar-splitter');
if (this._sidebar_splitter.hasAttribute('hidden')) {
this._sidebar_splitter.removeAttribute('hidden');
}
this._sidebar_splitter.removeAttribute('state');
this._sidebar_splitter.removeAttribute('collapsed');


var checkbox = document.createXULElement('checkbox');
checkbox.setAttribute("id", "sidebar-checkbox");
checkbox.setAttribute("type", "checkbox");
checkbox.setAttribute("label", "");
checkbox.setAttribute("checked", this._CHECKBOX_AT_STARUP);
checkbox.setAttribute('persist','checked');
var item = document.getElementById('sidebar-throbber');
this._checkbox = item.parentNode.insertBefore(checkbox, item);


if(this._SIDEBARPOSITION == "R"){
(function(self){ //this code from http://pc11.2ch.net/test/read.cgi/software/1185343069/128
self._sidebar_splitter = self._sidebar_box.parentNode.appendChild(self._sidebar_splitter);
self._sidebar_box = self._sidebar_box.parentNode.appendChild(self._sidebar_box);
})(this);
}


window.PrintUtils.printPreview_org = PrintUtils.printPreview;
PrintUtils.printPreview = function(arg) {
if(document.getElementById("sidebar-box") &&
!!document.getElementById("sidebar-box").getAttribute("sidebarcommand")) {
window.ucjs_expand_sidebar.toggleSidebar("");
}
window.PrintUtils.printPreview_org(arg);
};


/**
* helper functions
*/
function accessorDescriptor(field, fun) {
var desc = { enumerable: true, configurable: true };
desc[field] = fun;
return desc;
}


function defineGetter(obj, prop, get) {
if (Object.defineProperty)
return Object.defineProperty(obj, prop, accessorDescriptor("get", get));
if (Object.prototype.__defineGetter__)
return obj.__defineGetter__(prop, get);


throw new Error("browser does not support getters");
}


function defineSetter(obj, prop, set) {
if (Object.defineProperty)
return Object.defineProperty(obj, prop, accessorDescriptor("set", set));
if (Object.prototype.__defineSetter__)
return obj.__defineSetter__(prop, set);


throw new Error("browser does not support setters");
}




/**
* hack
*/
defineGetter(SidebarUI, "isOpen", function isOpen(){return this._box && !this._box.collapsed;})




SidebarUI.show_org = SidebarUI.show;
SidebarUI.show = function show(commandID, triggerNode) {
//this._box.hidden = false;
this._box.collapsed = false;
this._splitter.hidden = false;
ucjs_expand_sidebar._loadKeepItSizes(commandID);
ucjs_expand_sidebar._lastcommand = commandID;
ucjs_expand_sidebar._opend = true;
if ("treeStyleTab" in gBrowser)
gBrowser.treeStyleTab.updateFloatingTabbar(gBrowser.treeStyleTab.kTABBAR_UPDATE_BY_WINDOW_RESIZE);
SidebarUI.show_org(commandID, triggerNode);
}


SidebarUI.hide_org = SidebarUI.hide;
SidebarUI.hide =
function hide(triggerNode) {
if (!this.isOpen) {
return;
}


ucjs_expand_sidebar._saveKeepItSizes(ucjs_expand_sidebar._lastcommand);
this._box.collapsed = true;
if ("treeStyleTab" in gBrowser)
gBrowser.treeStyleTab.updateFloatingTabbar(gBrowser.treeStyleTab.kTABBAR_UPDATE_BY_WINDOW_RESIZE);
gBrowser.selectedBrowser.focus();


//SidebarUI.hide(triggerNode);
}


//fireSidebarFocusedEventの置き換え
//
if (typeof fireSidebarFocusedEvent == "function") {
window.fireSidebarFocusedEvent_org = fireSidebarFocusedEvent;
fireSidebarFocusedEvent = function () {
fireSidebarFocusedEvent_org();
ucjs_expand_sidebar._focused();
}
}


if (typeof SidebarUI._fireFocusedEvent == "function") {
SidebarUI._fireFocusedEvent_org = SidebarUI._fireFocusedEvent;
SidebarUI._fireFocusedEvent = function () {
SidebarUI._fireFocusedEvent_org();
ucjs_expand_sidebar._focused();
}
}


//起動時 閉じておく?


setTimeout(function(self) {
var command = self._sidebar_box.getAttribute("sidebarcommand");
if (command)
self._lastcommand = command;
var broadcasters = document.getElementsByAttribute("group", "sidebar");
if (self._CLOSE_AT_STARTUP) {
SidebarUI.hide();
//self._sidebar_box.setAttribute('collapsed',true);
for (var i = 0; i < broadcasters.length; ++i) {
if (broadcasters[i].localName != "broadcaster") {
continue;
}
broadcasters[i].removeAttribute("checked");
}
} else {
for (var i = 0; i < broadcasters.length; ++i) {
if (broadcasters[i].localName != "broadcaster") {
continue;
}
if (broadcasters[i].hasAttribute("checked")) {
self._loadKeepItSizes();
break;;
}
}
}


}, 500, this);


this._content = document.getElementById("content");


if (this._CLOSEWHENGOOUT)
window.addEventListener("mouseout", ucjs_expand_sidebar._mouseout, true);
else
this._sidebar_splitter.addEventListener("mouseout", ucjs_expand_sidebar._mouseout, true);


if (this._KEEP_SIZES)
window.addEventListener("resize", this, false);


if (this._SIDEBARPOSITION == "R"){
gBrowser.tabpanels.addEventListener("mouseup", this, true);
gBrowser.tabpanels.addEventListener("mousedown", this, true);
}


//this._content.addEventListener("mouseover", ucjs_expand_sidebar._mousemove, true);
document.getElementById("browser").addEventListener("mousemove", ucjs_expand_sidebar._mousemove, true);
this._sidebar_box.addEventListener("mouseover", ucjs_expand_sidebar._mouseover, true);
window.addEventListener("dblclick", this, true);
//window.addEventListener("click", this, true);
this._sidebar_splitter.addEventListener("dragover", this, true);


Services.obs.addObserver(this, "private-browsing", false);
},


uninit: function(){
if (this._CLOSEWHENGOOUT)
window.removeEventListener("mouseout", ucjs_expand_sidebar._mouseout, true);
else
this._sidebar_splitter.removeEventListener("mouseout", ucjs_expand_sidebar._mouseout, true);


if (this._KEEP_SIZES)
window.removeEventListener("resize", this, false);


if (this._SIDEBARPOSITION == "R"){
gBrowser.tabpanels.removeEventListener("mouseup", this, true);
gBrowser.tabpanels.removeEventListener("mousedown", this, true);
}


//this._content.removeEventListener("mouseover", ucjs_expand_sidebar._mousemove, true);
document.getElementById("browser").removeEventListener("mousemove", ucjs_expand_sidebar._mousemove, true);
this._sidebar_box.removeEventListener("mouseover", ucjs_expand_sidebar._mouseover, true);
window.removeEventListener("dblclick", this, true);
//window.removeEventListener("click", this, true);
this._sidebar_splitter.removeEventListener("dragover", this, true);


Services.obs.removeObserver(this, "private-browsing");
},


_back_url: null,
_back_cachedurl: null,
observe: function(aSubject, aTopic, aData) {
var self = ucjs_expand_sidebar;
if (aData == "enter") {
self._back_url = self._sidebar_box.getAttribute("src");
if (self._back_url == "chrome://browser/content/web-panels.xul") {
var b = self._sidebar.contentDocument.getElementById("web-panels-browser");
self._back_cachedurl = b.getAttribute("cachedurl");
}
self._sidebar_box.setAttribute("src", "about:blank");
self._sidebar.setAttribute("src", "about:blank");
self._backup_lastcommand = self._lastcommand;
} else if (aData == "exit") {
self._lastcommand = self._backup_lastcommand;
self._backup_lastcommand = null;
self._sidebar.setAttribute("src", "about:blank");
if (self._back_url == "chrome://browser/content/web-panels.xul") {
if (!!self._back_cachedurl) {
b = self._sidebar.contentDocument.getElementById("web-panels-browser");
b.setAttribute("cachedurl", self._back_cachedurl);
document.persist("web-panels-browser", "cachedurl");
self._back_cachedurl = null;
}
}
self._sidebar_box.setAttribute("src", self._back_url);
self._back_url = null;
}
},


handleEvent: function(event){
event = new XPCNativeWrapper(event);
switch (event.type){
case "mouseup":
if (this._mouse_Timeout)
clearTimeout(this._mouse_Timeout);
this._mouse_Timeout = setTimeout(function(self) {
self._mousedown = false;
self._checkWindowSideOrNot(event);
},this._SCROLLBAR_DELAY,this);
break;
case "mousedown":
if (event.screenX < this._sidebar_splitter.screenX - this._TOLERANCE)
break;
this._mousedown = true;
if (this._mouse_Timeout)
clearTimeout(this._mouse_Timeout);
this._mouse_Timeout = null;
this._clearOpenCloseTimer();
break;
case "click":
if (event.button != 2) {
//return;
}
event.preventDefault();
case "dblclick":
if(event.originalTarget != this._sidebar_splitter)
return;
event.preventDefault();
event.stopPropagation();
if (this._mouse_Timeout)
clearTimeout(this._mouse_Timeout);
this._mouse_Timeout = null;
SidebarUI.toggle(this._getDefaultCommandID());
this._openSidebar(this._getDefaultCommandID());
this._mousedown = false;
break;
case "dragover":
if (this._mouse_Timeout)
clearTimeout(this._mouse_Timeout);
this._mouse_Timeout = null;
this._mousedown = false;
if (this._close_Timeout)
clearTimeout(this._close_Timeout);
this._close_Timeout = null;
if(!this._open_Timeout){
this._open_Timeout = setTimeout(function(self){
var hidden = (self._sidebar_box.hasAttribute('hidden')?true:false) ||
self._sidebar_box.getAttribute('collapsed') == "true";
if (hidden) {
SidebarUI.toggle(self._getDefaultCommandID(), true);
self._openSidebar(self._getDefaultCommandID(), true);
}
}, this._OPEN_DELAY_DRAGOVER, this);
}
break;
case "resize":
if (this._FLOATING_SIDEBAR)
return;
if (this._resizeTimer)
clearTimeout(this._resizeTimer);
if (this._startup) {
this._startup = false;
return;
}
this._resizeTimer = setTimeout(function(self) {
//サイドバーが開いているならそのサイズを保存しておく
var hidden = self._sidebar_box.hasAttribute('hidden') ? true : false;
if (!hidden && self._sidebar_box.getAttribute('collapsed') != "true" ) {
var size = self._sidebar_box.width;
//現在のコマンドをget
var _command = self.getCommandId();
if (!!_command){
self._saveKeepItSizes(_command, size);
}
}
}, 500, this);
break;
}
},


//負荷軽減のため分離
_mouseover: function(event){
ucjs_expand_sidebar._checkWindowSideOrNot(event);
},


_mousemove: function(event){
var self = ucjs_expand_sidebar;
//self.debug(event);
if (self._mtimer)
return;
self._mtimer = true;
setTimeout(function(self){
self._mtimer = false;
}, self._MOUSEMOVEINTERVAL, self);


//self..debug("_mousemove " +event.originalTarget);


if (event.originalTarget == self._sidebar_splitter) {
self._checkWindowSideOrNot(event);
return;
}
//self.debug("_mousemove self._mousedown=" +self._mousedown);


if (self._mousedown) {
return;
}
self._checkWindowSideOrNot(event);
},


_mouseout: function(event){
var self = ucjs_expand_sidebar;
if (self._mouse_Timeout)
clearTimeout(self._mouse_Timeout);
self._mouse_Timeout = null;
//オープン直後なら何もしない
if (self._opend) return;
//通過しただけなら開かない
if(!self._CLOSEWHENGOOUT){
if (self._sidebar_splitter == event.originalTarget){
if (self._open_Timeout)
clearTimeout(self._open_Timeout);
self._open_Timeout = null;
}
return;
}
//チェックなら閉じない
if (self._checkbox.checked) return;
if (/^menu|browser|tooltip/.test(event.originalTarget.localName)) return;
if (self._sidebar.contentWindow.location.href == "chrome://browser/content/web-panels.xul") return;
if (!self._close_Timeout) {
//self.debug(event.type + " " + event.originalTarget.localName + " " + event.target.localName );
if (self._open_Timeout)
clearTimeout(self._open_Timeout);
self._open_Timeout = null;
self._close_Timeout = setTimeout(function(self){
self._mousedown = false;
self.toggleSidebar();
}, self._CLOSE_DELAY, self);
}
},


//現在のコマンドをget
getCommandId: function(){
var _command = "";
var broadcasters = document.getElementsByAttribute("group", "sidebar");
for (var i = 0; i < broadcasters.length; ++i) {
if (broadcasters[i].localName != "broadcaster") {
continue;
}
if (broadcasters[i].hasAttribute('checked')) {
_command = broadcasters[i].id;
break;;
}
}
return _command;
},


toggleSidebar: function expandsidebartoggleSidebar(commandID, forceOpen = false) {
if (forceOpen) {
SidebarUI.show(commandID);
} else {
SidebarUI.toggle(commandID);
}
},


_loadKeepItSizes: function(_command){
if (this._KEEP_SIZES) {
if (!_command)
_command = this.getCommandId();
if(!!_command) {
this.sizes = this.getPref(this.prefKeepItSizes, 'str', 'viewBookmarksSidebar|178|viewHistorySidebar|286|viewGrepSidebar|157|viewUpdateScanSidebar|230|viewWebPanelsSidebar|371|viewWebPageSidebar|371|viewScrapBookSidebar|182|viewAdd-onsSidebar|371|viewStylishSidebar|379|viewMozgestSidebar|234|viewConsole2Sidebar|234|viewGoogleTransitSidebar|371|viewGoogleDocSidebar|371|viewIGoogleSidebar|371|viewPasswordManagerSidebar|371').split('|');
var index = this.sizes.indexOf(_command);
if (index < 0 ){
this.sizes.push(_command);
index = this.sizes.length - 1;
this.sizes.push(this._defaultWidth);
}
if (this.sizes[index + 1] <= 0)
this.sizes[index + 1] = this._defaultWidth


if (this._FLOATING_SIDEBAR)
this._sidebar.style.setProperty('width', this.sizes[index + 1] + "px", "important");
else
this._sidebar_box.width = this.sizes[index + 1];
return;
}
}


if (this._sidebar_box.width == 0) {
if (this._FLOATING_SIDEBAR) {
this._sidebar.style.setProperty('width', this._defaultWidth + "px", "important");
} else {
this._sidebar_box.width = this._defaultWidth;
}
}
},


_saveKeepItSizes: function(_command, size){
if (!this._KEEP_SIZES)
return;
if (!!_command && size) {
//this.debug(_command + " "+ size);
var index = this.sizes.indexOf(_command);
if (index < 0 ){
this.sizes.push(_command);
this.sizes.push(size);
} else {
this.sizes[index + 1] = size;
}
var str = this.sizes.join('|');
this.setPref(this.prefKeepItSizes, 'str', str);
}
},


_openSidebar: function(_command, _forceOpen){
this._clearOpenCloseTimer();
//this.toggleSidebar(_command, _forceOpen);
//mouseoutを処理するかどうかのフラグオープン直後はtrue
this._opend = true;
if(this._mouseoutTimer)
clearTimeout(this._mouseoutTimer);
//open後200msec経過すればmouseoutを処理できるように falseにする
this._mouseoutTimer = setTimeout(function(that){that._opend = false;},300,this);
},


_focused: function(){
//検索ボックスあれば,そこをフォーカス
var doc = this._sidebar.contentWindow.document;
if (doc) {
var elem = doc.getElementById("search-box");
if (elem) {
try {
setTimeout(function(doc, elem){
doc.defaultView.focus();
elem.focus();
}, 300, doc, elem)
} catch(e) {}
}
}
},


_getDefaultCommandID: function(_command){
if(!_command) _command = this._lastcommand;
if(!_command) _command = this._DEFAULTCOMMAND;
return _command;
},


_clearOpenCloseTimer: function() {
if (this._close_Timeout)
clearTimeout(this._close_Timeout);
this._close_Timeout = null;
if (this._open_Timeout)
clearTimeout(this._open_Timeout);
this._open_Timeout = null;
},


_checkMouseIsWindowEdge: function(x) {
var sw = this._sidebar_splitter.getBoundingClientRect().width;
if (this._SIDEBARPOSITION == "L") {
//ウインドウの左端x座標
if ( 0 <= x && x <= sw + this._TOLERANCE)
return true;
}else if(this._SIDEBARPOSITION == "R") {
//ウインドウの右端x座標
if (-this._TOLERANCE <= x && x <= sw)
return true;
}
return false;
},


_checkMouseIsSidebarEdge: function(x){
var sw = this._sidebar_splitter.getBoundingClientRect().width;


//this.debug("_checkMouseIsSidebarEdge " +(sw + this._TOLERANCE+"px ") + (x+"px "));


if (this._SIDEBARPOSITION == "L") {
//ウインドウの左端x座標
if(sw + this._TOLERANCE < x)
return true;
} else if(this._SIDEBARPOSITION == "R") {
//ウインドウの右端x座標
if (x < -this._TOLERANCE)
return true;
}
return false;
},


_checkWindowSideOrNot: function(event){
var sidebar_box = this._sidebar_box;
if (sidebar_box.width == 0)
sidebar_box.width = this._defaultWidth;//デフォルトサイドバー幅
//this.debug(event.target.localName);
/*
if(/tabbrowser/.test(event.target.localName)){
return
}
*/
//コンテンツエリアの上下範囲外かどうか
var y = event.screenY - gBrowser.tabpanels.screenY;
if(y < 0 || y > gBrowser.tabpanels.getBoundingClientRect().height){
this._clearOpenCloseTimer();
return
}


//this.debug(event.type+"\n"+event.screenX+"\n"+this._sidebar_splitter.boxObject.screenX+"\n"+(event.target instanceof HTMLElement || /browser/.test(event.target.localName) ))
var hidden = (sidebar_box.hasAttribute('hidden')?true:false) ||
sidebar_box.getAttribute('collapsed') == "true";
var x = event.screenX - this._sidebar_splitter.screenX;
//ウインドウの端かどうか
if (hidden) {
if (event.originalTarget == this._sidebar_splitter ||
this._checkMouseIsWindowEdge(x)) {
if (this._close_Timeout)
clearTimeout(this._close_Timeout);
this._close_Timeout = null;
if (!this._open_Timeout) {
this._open_Timeout = setTimeout(function(self){
SidebarUI.toggle(self._getDefaultCommandID());
self._openSidebar(self._getDefaultCommandID());
}, this._OPEN_DELAY, this);
}
} else {
if (this._open_Timeout)
clearTimeout(this._open_Timeout);
this._open_Timeout = null;
}
return;
}
//サイドバーのコンテンツ側のx座標
if (!this._checkbox.checked && !hidden) {
//this.debug("this.isChrome(event) "+ this.isChrome(event));
if (event.originalTarget != this._sidebar_splitter &&
this._checkMouseIsSidebarEdge(x) &&
!(this._DONOTCLOSE_XULELEMENT && this.isChrome(event)) /*||
(event.type == "mouseover" &&
(event.target instanceof HTMLElement || /browser/.test(event.target.localName)) )*/ ) {
if (this._open_Timeout)
clearTimeout(this._open_Timeout);
this._open_Timeout = null;


if (this._close_Timeout || this._opend)
return;
this._close_Timeout = setTimeout(function(self){
self.toggleSidebar();
}, this._CLOSE_DELAY, this);
} else {
if (this._close_Timeout)
clearTimeout(this._close_Timeout);
this._close_Timeout = null;
this._opend = false;
}
}
},


isChrome: function(aEvent) {
var x = aEvent.screenX;
var y = aEvent.screenY;
var sidebarBox = this._sidebar_box.getBoundingClientRect();
//userChrome_js.debug( this._sidebar_box.screenX <= x)
//userChrome_js.debug( x <= this._sidebar_box.screenX + sidebarBox.width )
if (this._sidebar_box.screenX <= x && x <= this._sidebar_box.screenX + sidebarBox.width &&
this._sidebar_box.screenY <= y && y <= this._sidebar_box.screenY + sidebarBox.height)
return true;
//if (aEvent.target instanceof HTMLElement)
// return false;
if (/^(splitter|grippy|menu|panel|notification)/.test(aEvent.target.localName))
return true;
var box = gBrowser.tabpanels.getBoundingClientRect();
var bx = gBrowser.tabpanels.screenX;
var by = gBrowser.tabpanels.screenY;
if (bx <= x && x <= bx + box.width &&
by <= y && y <= by + box.height)
return false;
else
return true;
},


//prefを読み込み
getPref: function(aPrefString, aPrefType, aDefault){
var xpPref = Components.classes['@mozilla.org/preferences-service;1']
.getService(Components.interfaces.nsIPrefBranch);
try{
switch (aPrefType){
case 'complex':
return xpPref.getComplexValue(aPrefString, Components.interfaces.nsILocalFile); break;
case 'str':
return xpPref.getCharPref(aPrefString).toString(); break;
case 'int':
return xpPref.getIntPref(aPrefString); break;
case 'bool':
default:
return xpPref.getBoolPref(aPrefString); break;
}
}catch(e){
}
return aDefault;
},
//prefを書き込み
setPref: function(aPrefString, aPrefType, aValue){
var xpPref = Components.classes['@mozilla.org/preferences-service;1']
.getService(Components.interfaces.nsIPrefBranch);
try{
switch (aPrefType){
case 'complex':
return xpPref.setComplexValue(aPrefString, Components.interfaces.nsIFile, aValue); break;
case 'str':
return xpPref.setCharPref(aPrefString, aValue); break;
case 'int':
aValue = parseInt(aValue);
return xpPref.setIntPref(aPrefString, aValue); break;
case 'bool':
default:
return xpPref.setBoolPref(aPrefString, aValue); break;
}
}catch(e){
}
return null;
},


debug: function(aMsg){
// return;
const Cc = Components.classes;
const Ci = Components.interfaces;
Cc["@mozilla.org/consoleservice;1"]
.getService(Ci.nsIConsoleService)
.logStringMessage(aMsg);
}
};


// エントリポイント
ucjs_expand_sidebar.init();
window.addEventListener("unload", function(){ ucjs_expand_sidebar.uninit(); }, false);


var sidebarpopuppanelResize = {
drag : false,
size : null,
offset : null,


PREF_SIZE : "extensions.sidebarpopuppanelResize.size.",


get isRTL() {
return document.defaultView
.getComputedStyle(document.getElementById("nav-bar"), "")
.direction == "rtl";
},


get sidebar() {
return document.getElementById("sidebar");;
},


get sidebarbox() {
return document.getElementById("sidebar-box");;
},


get sidebarcommand() {
return this.sidebarbox.getAttribute('sidebarcommand');
},


init: function(){
window.addEventListener("unload", this, false);
},


uninit: function(){
window.removeEventListener("unload", this, false);
window.removeEventListener("mouseup", this, true);
window.removeEventListener("mousemove", this, true);
},


handleEvent: function (event) {
switch (event.type) {
case "load":
this.init();
break;
case "unload":
this.uninit();
break;
case "mouseup":
this.mouseup(event);
break;
case "mousemove":
if (this.timer) {
clearTimeout(this.timer);
}
this.timer = setTimeout(function (event, self) {
self.mousemove(event);
}, 10, event, this);
break;
default:;
}
},


start: function(event){
this.drag = true;
this.size = {height:parseInt(this.sidebar.getBoundingClientRect().height),
width:parseInt(this.sidebar.getBoundingClientRect().width)};
this.offset = {x: event.screenX, y: event.screenY};
window.addEventListener("mouseup", this, true);
window.addEventListener("mousemove", this, true);
},


mouseup: function(event) {
this.drag = false;
window.removeEventListener("mousemove", this, true);
window.removeEventListener("mouseup", this, true);
ucjs_expand_sidebar._saveKeepItSizes(this.sidebarcommand, this.sidebar.getBoundingClientRect().width);
},


mousemove: function(event) {
if (this.drag) {
var newValue;
var h = this.sidebar.getBoundingClientRect().height;
newValue = this.size.height + event.screenY - this.offset.y;
if (newValue <= screen.height - 50 && newValue >= 10) {
h = newValue;
}


var w = this.sidebar.getBoundingClientRect().width;
if (this.isRTL)
newValue = this.size.width - (event.screenX - this.offset.x);
else
newValue = this.size.width + event.screenX - this.offset.x;
if (newValue <= screen.width && newValue >= 100) {
w = newValue;
}
this.setSize(h, w);
}
},


setSize: function(h, w){
if (h && h + this.sidebar.screenY <= screen.height - 50 && h >= 10) {
// this.sidebar.style.setProperty('height', h + "px", "important");
}


var x = this.sidebar.screenX;
var y = this.sidebar.screenY;
if (w && w <= screen.width && w >= 100) {
this.sidebar.style.setProperty('width', w + "px", "important");
//this.sidebarbox.width = w;
}
}
};
sidebarpopuppanelResize.init();

Alles anzeigen

Mfg.
Endor

grisu2099

Wenn es um das Skript aus #2 geht, dann ersetze mal in Zeile 4 browser.xul durch browser.xhtml

StandingBill

Zitat von Endor

Meinst Du das Script zum öffnen der Seitenleiste bei Berührung des Seitenrandes,

Mfg.
Endor

Wie in Beitrag Nummer eins beschrieben geht es um den Wechsel der Anzeige des Sidebar von "Chronik" auf "Lesezeichen" oder umgekehrt mittels zweier Button.

StandingBill

Zitat von grisu2099

Wenn es um das Skript aus #2 geht, dann ersetze mal in Zeile 4 browser.xul durch browser.xhtml

Jawoll ja, das war es.
Besten Dank!

grisu2099

Gerne!

Freut mich, wenn mein Schuß ins Blaue getroffen hat.

StandingBill

Zitat von grisu2099

Gerne!
Freut mich, wenn mein Schuß ins Blaue getroffen hat.

Noch besser - sogar in's Schwarze!