Полезная информация

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№107-07-2012 23:37:00

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 470
UA: Firefox 13.0

Page Positioning Buttons

Page Positioning Buttons

Автор: Ziyu

Описание: - Добавляет на открытую страницу кнопки для быстрой прокрутки вверх-вниз.
                 - Можно запомнить позиции открытой страницы.
                 - Автопрокрутка при наведении курсора на стрелки.

В действии
http://i.imgur.com/qsoLGZu.gif

Установить: с USO

Аналог: Back to Top for Firefox

Код скрипта на USO

Код скрипта:

Выделить код

Код:

// ==UserScript==
// @name           Page Positioning Buttons
// @author         Ziyu
// @namespace      http://userscripts.org/users/ziyu
// @description    Add links to go to top, bottom or a user specified position of each page.
// @include        *
// @grant          none
// ==/UserScript==

// "Forked" from http://userscripts.org/scripts/show/105473

(function (document, window) {
  'use strict';

  // USER VARIABLES

  var numberOfPositions = 3,  // Sets the number of recording positions
      bottomEdge = '40%',     // Sets the bottom edge position in % of the page height
      color = '#a8a8a8';

  // Extend object a with object b's properties.
  var extend = function (a, b) {
    for (var key in b) {
      if (b.hasOwnProperty(key)) {
        a[key] = b[key];
      }
    }
    return a;
  };

  var cssPropsCommon = {
    cursor : 'pointer',
    zIndex : '1000'
  };

  var cssPropsContainer = extend({
    borderTop   : '2px solid' + color,
    borderBottom: '2px solid' + color,
    width       : '24px',
    position    : 'fixed',
    right       : '10px',
    bottom      : bottomEdge
  }, cssPropsCommon);

  var cssPropsTopButton = extend({
    width       : '0',
    height      : '0',
    borderBottom: '12px solid' + color,
    borderLeft  : '12px solid transparent',
    borderRight : '12px solid transparent'
  }, cssPropsCommon);

  var cssPropsBtmButton = extend({
    transform : 'rotate(180deg)',
    marginTop : '4px'
  }, cssPropsTopButton);

  var cssPropsRecButton = extend({
    width       : '12px',
    height      : '12px',
    borderRadius: '50%',
    background  : color,
    marginLeft  : '6px',
    marginTop : '4px'
  }, cssPropsCommon);

  var cssPropsRwdButton = extend({
    width       : '0',
    height      : '0',
    borderRight : '12px solid' + color,
    borderTop   : '6px solid transparent',
    borderBottom: '6px solid transparent',
    marginLeft  : '5px',
    marginTop   : '4px'
  }, cssPropsCommon);

  // HELPER FUNCTIONS

  // pfx is a function that takes a standard CSS property name as a parameter
  // and returns it's prefixed version valid for current browser it runs in.
  // The code is heavily inspired by Modernizr http://www.modernizr.com/
  var pfx = (function () {

    var style = document.createElement('dummy').style,
    prefixes = 'Webkit Moz O ms Khtml'.split(' '),
    memory = {};

    return function ( prop ) {
      if ( typeof memory[ prop ] === "undefined" ) {

        var ucProp = prop.charAt(0).toUpperCase() + prop.substr(1),
        props = (prop + ' ' + prefixes.join(ucProp + ' ') + ucProp).split(' ');

        memory[ prop ] = null;
        for ( var i in props ) {
          if ( style[ props[i] ] !== undefined ) {
            memory[ prop ] = props[i];
            break;
          }
        }

      }

      return memory[ prop ];
    };

  })();

  // css function applies the styles given in `props` object to the element
  // given as `el`. It runs all property names through `pfx` function to make
  // sure proper prefixed version of the property is used.
  // If rm is set to true, it removes the properties from the element.
  var css = function ( el, props, rm ) {
    var key, pkey;
    for ( key in props ) {
      if ( props.hasOwnProperty(key) ) {
        pkey = pfx(key);
        if ( pkey !== null ) {
          el.style[pkey] = rm ? null : props[key];
        }
      }
    }
    return el;
  };

  // PAGE POSITIONING BUTTONS API

  var createPositionButton = function () {
    var position = 0,
        isset = 0,
        button = document.createElement('div');

    var setPosition = function (yOffset) {
      position = yOffset;
      isset = 1;

      return position;
    };

    var getPosition = function () {
      return position;
    };

    var rewind = function () {
      if(isset) {
        window.scrollTo(0, position);
      }
    };

    var record = function () {
      setPosition(window.pageYOffset);

      css(button, cssPropsRecButton, true);
      css(button, cssPropsRwdButton);
      button.removeEventListener('click', record, false);
      button.addEventListener('click', rewind, false);
    };

    css(button, cssPropsRecButton);
    button.addEventListener('click', record, false);

    return {
      button      : button,
      isset       : isset,
      getPosition : getPosition
    };
  };

  var buttons = function () {

    var intervalHandle = null,
        container = document.createElement('div'),
        positionButtonContainer = document.createElement('div');

    var pageGoToTop = function () {
      window.scrollTo(0, 0);
    };

    var pageGoToBottom = function () {
      window.scrollTo(0, 999999);
    };

    var pageScrollUp = function () {
      if (intervalHandle === null) {
        intervalHandle = setInterval(function(){window.scrollBy(0,-3);}, 60);
      }
    };

    var pageScrollDown = function () {
      if (intervalHandle === null) {
        intervalHandle = setInterval(function(){window.scrollBy(0,3);}, 60);
      }
    };

    var stopScroll = function () {
      clearInterval(intervalHandle);
      intervalHandle = null;
    };

    var addPos = function () {

      while (numberOfPositions--) {
        positionButtonContainer.appendChild(createPositionButton().button);
      }
    };

    var init = function () {

      var topButton = document.createElement('div'),
      btmButton = document.createElement('div');

      css(container, cssPropsContainer);
      css(topButton, cssPropsTopButton);
      css(btmButton, cssPropsBtmButton);

      topButton.addEventListener('click', pageGoToTop, false);
      topButton.addEventListener('mouseover', pageScrollUp, false);
      topButton.addEventListener('mouseout', stopScroll, false);

      btmButton.addEventListener('click', pageGoToBottom, false);
      btmButton.addEventListener('mouseover', pageScrollDown, false);
      btmButton.addEventListener('mouseout', stopScroll, false);

      container.appendChild(topButton);
      container.appendChild(positionButtonContainer);
      container.appendChild(btmButton);
      document.body.appendChild(container);

      addPos();
    };

    return {
      container : container,
      init      : init
    };
  };

  // START PAGE POSITIONING BUTTONS

  if (window.top == window.self) { // if not iframe

    var de = document.documentElement;
    if(de.scrollHeight > de.clientHeight && document.body) {
      buttons().init();
    }
  }

})(document, window);

Добавлено 07-07-2012 23:54:09
кол-во позиций для запоминания:    var numberOfPositions =
более плавная и читабельная прокрутка, у меня, получается при:  scrollBy(0,-1)}, 40);    scrollBy(0,1)}, 40);

Отредактировано vitalii201 (25-03-2016 10:00:49)

Отсутствует

 

№213-07-2012 11:55:21

pohunohi
Участник
 
Группа: Members
Зарегистрирован: 02-09-2009
Сообщений: 665
UA: Firefox 13.0

Re: Page Positioning Buttons

Что-то у меня этот скрипт на половине сайтов/форумов не работает. Например на руборде.

Отсутствует

 

№316-07-2012 04:16:44

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 470
UA: Firefox 13.0

Re: Page Positioning Buttons

pohunohi, да. значит - Back to Top for Firefox(или что-то другое). ↑
в Page Positioning Buttons мне важней "запомнить позиции открытой страницы"

Отсутствует

 

№423-04-2015 09:12:12

Vulpes
Участник
 
Группа: Members
Зарегистрирован: 09-05-2012
Сообщений: 150
UA: Firefox 37.0

Re: Page Positioning Buttons

При увеличении дистанции между элементами (по вертикали) проявляется небольшой недостаток, связанный с кликабельностью скрипта.
Поясню, как только курсор попадает в поле деятельности элементов, его вид преобразуется в "руку". Даже если она не может вызвать никаких действий. Некая графическая дезинформация. Приходится подстраиваться и корректировать положение курсора интуитивно, полагаясь на примерный расчёт.
Пример - скрин:
http://s017.radikal.ru/i406/1504/83/dde78a9df6b4t.jpg
Можно сделать, чтобы если операция была бы действительно не кликабельной, курсор бы принимал вид обычной стрелки.

Отсутствует

 

№503-05-2015 06:36:51

VORON
Участник
 
Группа: Members
Зарегистрирован: 03-04-2013
Сообщений: 131
UA: Firefox 28.0

Re: Page Positioning Buttons

На ру-борде не работает.Стрелки просто не появляются.

Отсутствует

 

№606-06-2016 15:44:18

Ivan110
Участник
 
Группа: Members
Зарегистрирован: 02-06-2016
Сообщений: 6
UA: Firefox 46.0

Re: Page Positioning Buttons

Выделить код

Код:

//цикл для предварительных кнопок еще

var xx = window.content.document.getElementById("contentArea");
var xx1 = xx.innerHTML;
var patt1 = new RegExp('pam uiBoxLightblue uiMorePagerPrimary');
if (patt1.test(xx1)) {
iimPlay(macros_more);
iimPlay(macros_more1);
}


for (k= 1; k<= realgrupnum2; k++) {


for (l=1; l<= 160; l+=2) {
i=count+l;
macros_first_extract =  "CODE:";
macros_first_extract += "TAG POS=" + i + " TYPE=A ATTR=HREF:*grp_mmbr_list&&data-hovercard:*/ajax/hovercard/user.php*&&TXT:* EXTRACT=HREF" + "\n";
macros_first_extract +=  "TAG POS=" + (i+1) + " TYPE=A ATTR=HREF:*grp_mmbr_list&&data-hovercard:*/ajax/hovercard/user.php*&&TXT:* EXTRACT=TXT" + "\n";
//macros_first_extract += "SAVEAS TYPE=EXTRACT FOLDER=* FILE=" + save1 + "\n"; 
iimPlay(macros_first_extract);
var x1 = iimGetLastExtract (1);
var x2 = iimGetLastExtract (2);


if (patt3.test(x1) || patt2.test(x1))
 {break;}
var patt = new RegExp('profile.php');
if (patt.test(x1))

Как уменьшить цикл нажатия кнопки ещё?

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]