Script "Zum Seitenende springen" ?

Falck · 7. Januar 2018

Hallo zusammen,

ich habe im Forum ein Script "ToponPage.uc.js" gefunden, welches einen Pfeil im Kontextmenü einblendet und mit dem man an den Seitenanfang springen kann.

[attachment=0]07-01-_2018_18-17-19.jpg[/attachment]

Code

(function() {
 
let menuitem = document.createElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyOSAxMjkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuNCw2MS42bC01NC01NGMtMC43LTAuNy0xLjgtMS4yLTIuOS0xLjJzLTIuMiwwLjUtMi45LDEuMmwtNTQsNTRjLTEuNiwxLjYtMS42LDQuMiAwLDUuOCAwLjgsMC44IDEuOCwxLjIgMi45LDEuMnMyLjEtMC40IDIuOS0xLjJsNDctNDd2OTguMWMwLDIuMyAxLjgsNC4xIDQuMSw0LjFzNC4xLTEuOCA0LjEtNC4xdi05OC4xbDQ3LDQ3YzEuNiwxLjYgNC4yLDEuNiA1LjgsMHMxLjUtNC4yIDEuNDIxMDllLTE0LTUuOHoiLz4KICA8L2c+Cjwvc3ZnPgo=")';
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);
 
})();

Alles anzeigen

Gibt es sowas auch um an das Seitenende zu springen oder kann mir dass jemand zur Verfügung stellen?

Vielen Dank und Gruß
Falck

universum123 · 7. Januar 2018

https://addons.mozilla.org/en-…-top/?src=external-mysite

Falck · 7. Januar 2018

Danke schon mal!
Das AddOn habe ich schon getestet.
Ist mir etwas zu überladen und ich möchte die Funktion nur im Bedarfsfall zur Verfügung haben. :wink:

Tanni · 8. Januar 2018

[attachment=0]topbottom.PNG[/attachment]Hast du Dir das in etwa so vorgestellt?

Code

//ScrollTopAndBottom.uc.js
(function() {
 
let menuitem = document.createElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik00NjcuNiwyNjMuNEwyNS43LDY2NS4yYy0xOS42LDE3LjktMjEuMSw0OC40LTMuMyw2OC4xYzE4LDE5LjcsNDguNCwyMS4xLDY4LjEsMy4zbDQwOS41LTM3Mi4ybDQwOS4zLDM3Mi4yYzE5LjgsMTcuOSw1MC4zLDE2LjUsNjguMi0zLjNjOC4zLTkuMiwxMi41LTIwLjgsMTIuNS0zMi40YzAtMTMuMS01LjMtMjYuMi0xNS43LTM1LjdMNTMyLjQsMjYzLjRDNTE0LDI0Ni44LDQ4NS45LDI0Ni44LDQ2Ny42LDI2My40eiIvPjwvZz48L3N2Zz4=")';
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.createElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenende springen');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik01MzIuNCw3MzYuNmw0NDEuOS00MDEuOGMxOS42LTE3LjgsMjEuMS00OC40LDMuMi02Ny45Yy0xNy45LTE5LjgtNDguNC0yMS4zLTY3LjktMy40TDUwMCw2MzUuOEw5MC44LDI2My40Yy0xOS44LTE3LjgtNTAuNC0xNi4zLTY4LjIsMy40Yy04LjQsOS4yLTEyLjYsMjAuOC0xMi42LDMyLjRjMCwxMyw1LjQsMjYuMiwxNS44LDM1LjZsNDQxLjksNDAxLjhDNDg2LjEsNzUzLjIsNTE0LjIsNzUzLjIsNTMyLjQsNzM2LjZ6Ii8+PC9nPjwvc3ZnPg==")';
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);
 
})();

Alles anzeigen

Falck · 8. Januar 2018

Hallo Tanni,

genau davon hab ich geträumt!! :lol::klasse:
Klasse!!
Vielen Dank!!

Ich hoffe es ist nicht Unverschämt, gibt es eine Möglichkeit die Pfeilsymbole denen für Vor und Zurück anzugleichen? :oops::oops:
Vielen Dank noch mal.

Falck

2002Andreas · 9. Januar 2018

Ich kann dir solche Pfeile anbieten.

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

Das wäre das Script dazu:

Code

//ScrollTopAndBottom.uc.js
(function() {
 
let menuitem = document.createElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
menuitem.style.listStyleImage='url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiElEQVR42mNkoBAw4pFjAuIWIP4NxA1A/J8UA0Ca5wFxPJQ/C4gzsBnCSIRmBnyGMBKpGachjCRoxmoII4maMQyBGVAOxB1EaoaBEiDuxRaI4kD8AocmCSB+iS8QRw2AAHYgfgXEfGjin4BYDIh/EjIABNyBuAyIuaD8b0DcBcQ70RXiy41EAQBJ/SQRxtinwAAAAABJRU5ErkJggg==")';
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.createElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenende springen');
menuitem.style.listStyleImage='url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAhUlEQVR42mNkoBAw4hB3B+IyIOaC8r8BcRcQ7yTGAHYgfgXEfGjin4BYDIh/EjJAHIhf4HCZBBC/HDUAuwHFQNzDQBqoAOJORiSDZgBxGpGaFwJxEhD/Q/YCsYbANWMLA0KGoGjGFYi4DMHQjMsAbIZg1YzPAJhcAxCzAnENNs2EDCAKAADTlCMRQhQlFQAAAABJRU5ErkJggg==")';
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);
 
})();

Alles anzeigen

2002Andreas · 9. Januar 2018

Oder schmale Pfeile:

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

Code

//ScrollTopAndBottom.uc.js
(function() {
 
let menuitem = document.createElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHBvaW50cz0iMywxMi41IDEyLDMuNSAyMSwxMi41ICIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiIHgxPSIxMiIgeDI9IjEyIiB5MT0iMjIiIHkyPSIzLjUiLz48L3N2Zz4=")';
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.createElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenende springen');
menuitem.style.listStyleImage='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHBvaW50cz0iMjEsMTEuNSAxMiwyMC41IDMsMTEuNSAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIiB4MT0iMTIiIHgyPSIxMiIgeTE9IjIiIHkyPSIyMC41Ii8+PC9zdmc+")';
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);
 
})();

Alles anzeigen

Fox2Fox · 9. Januar 2018

Zitat von 2002Andreas

Oder schmale Pfeile:

Habe ich gleich mal geklaut...

[Blockierte Grafik: https://www2.pic-upload.de/img/34622276/1.jpg]

Wenn ich die Anordnung geändert haben möchte:

[Blockierte Grafik: https://www2.pic-upload.de/img/34622277/2.jpg]

Wie kann ich das machen?

2002Andreas · 9. Januar 2018

Teste bitte in der userChrome.css

CSS

#context-reload ,
#context-stop,
#context-bookmarkpage{
-moz-box-ordinal-group: 0 !important;}

Fox2Fox · 9. Januar 2018

Du bist genial!

[Blockierte Grafik: https://www2.pic-upload.de/img/34622461/360740.png]

2002Andreas · 9. Januar 2018

Danke :wink:

Tanni · 9. Januar 2018

Zitat von Falck

Hallo Tanni,

genau davon hab ich geträumt!! :lol::klasse:
Klasse!!
Vielen Dank!!

Ich hoffe es ist nicht Unverschämt, gibt es eine Möglichkeit die Pfeilsymbole denen für Vor und Zurück anzugleichen? :oops::oops:
Vielen Dank noch mal.

Falck

Alles anzeigen

Danke Dir.
Um dein zweites Anliegen hat sich ja Andreas schon ausgiebig gekümmert.

Büssen · 9. Januar 2018

Zitat von Fox2Fox

Habe ich gleich mal geklaut...

Moin,
auch ich war mal als Dieb tätig - leider ohne Erfolg.
Wo genau werden diese Pfeile abgebildet?
Habe auf PC und Stick den genannten Script getestet, gesucht auch noch im Anpassungsfenster - keine Pfeile in Sicht!

2002Andreas · 9. Januar 2018

Da:

[attachment=0]Screenshot (369).png[/attachment]

Siehe auch Beitrag Nr. 1 dazu :wink:

Büssen · 9. Januar 2018

andreas
Inzwischen ist mir bereits ein Lichtlein aufgegangen - schämen ist angesagt!! :oops::oops:
Werde demnächst wohl den Optiker wechseln!

2002Andreas · 9. Januar 2018

Zitat von Büssen

schämen ist angesagt

Alles ist gut...das lag nur an der Beleuchtung bei dir :wink:

Fox2Fox · 9. Januar 2018

Zitat von Büssen

Werde demnächst wohl den Optiker wechseln!

Wenn du hier alles erkennen kannst, musst du nicht zum Optiker [Blockierte Grafik: https://www2.pic-upload.de/img/34624690/brille_0001.gif]
[Blockierte Grafik: https://www2.pic-upload.de/img/34624669/Brille.jpg]

Falck · 9. Januar 2018

Ihr seid die Besten!! :klasse::klasse:
Vielen Dank!!

Teilen