#userjs

Add Tumview link on Tumblr and vice versa. Works on Tumblr sites and custom domains, such as kumi.web.id, dbsw.net, thedsgnblog.com, etc.

Compatibility

Firefox (requires Greasemonkey or Scriptish)

Chrome

Opera

Safari (requires NinjaKit)

Installations

Install from userscripts.org

Screenshots

Version history

3.0

Shows Tumblr buttons if it's hidden by the theme.

Added tag in Tumblr link on Tumview if it's showing tagged images.

2.3

Fixed: Tumview button not always shown.

Removed button icon because it made Tumview button not visible on some themes.

2.2 – Added button icon.

2.1 – Refactored.

2.0 – Added link back to Tumblr on Tumview.

1.1 – Fixed regexp.

I wrote a user.js for tumblr to prevent losing your scrollstate after accidentally clicking a link on your dashboard. It updates your adressbar whenever your scroll to a new page and if you leave the dashboard you can hit the back button to get wherever you were before.

Works in Greasemonkey (Firefox plugin) and GreaseKit (Safari plugin):

// ==UserScript== // @name Tumblr Scrollstate Saver // @namespace org.varwig.jan // @description Prevents losing scroll history in tumblr dashboard after accidentally clicking a link // @version 1 // @include http://www.tumblr.com/* // ==/UserScript== //GreaseKit support: if (typeof(unsafeWindow) == "undefined") { unsafeWindow = window; } unsafeWindow.start_post = unsafeWindow.$$('#posts .post:last')[0].id.slice(5); unsafeWindow.page = parseInt(location.href.match(/dashboard(?:\/(\d+))?/)[1]) || 1; unsafeWindow.after_auto_paginate = function(){ unsafeWindow.page++; unsafeWindow.history.pushState(({}), document.title + " / Page "+unsafeWindow.page, '/dashboard/'+unsafeWindow.page+'/'+unsafeWindow.start_post); unsafeWindow.start_post = unsafeWindow.$$('#posts .post:last')[0].id.slice(5); };

前のOpera の scroll marker 代替品はセキュリティ的にいろいろとアレらしいので。

Page Scroll Markerをベースに、GM_addStyleの実装と最適化を参考にしていじってみた。

以下ソース

(function () { var style; function GM_addStyle(css) { if (!style) { var head = document.querySelector('head'); if (!head) { return; } style = document.createElement('style'); style.type = 'text/css'; head.appendChild(style); } style.appendChild(document.createTextNode(css+'\n')); } const generalName = 'Page Scroll Marker'; const containerID = (generalName + new Date()).replace(/\W/g, ''); GM_addStyle('div#' + containerID + ' { display: none !important; background: transparent !important; border: none !important; } div#' + containerID + '.active { display: block !important; } div#' + containerID + ' div { position: absolute !important; left: 0 !important; width: 100% !important; height: 8px !important; background: #ff8080 !important; z-index: 65535 !important; opacity: 0.25 !important; font: 8px/1 sans-serif !important; color: #ffffff !important; text-align: center !important; border: none !important; }'); const panel = document.body.appendChild(document.createElement('DIV')); panel.id = containerID; panel.title = generalName; const uEdge = panel.appendChild(document.createElement('DIV')); const lEdge = panel.appendChild(document.createElement('DIV')); uEdge.appendChild(document.createTextNode('\u25bc')); lEdge.appendChild(document.createTextNode('\u25b2')); var tid; var update = function () { clearTimeout(tid); panel.className = ''; uEdge.style.top = + scrollY + 'px'; lEdge.style.bottom = - scrollY + 'px'; } addEventListener('scroll', function (e) { clearTimeout(tid); panel.className = 'active'; tid = setTimeout(update, 1000); }, true); addEventListener('resize', update, true); addEventListener('load', update, true); })()

くっつけただけ。