Username:

Password:

Remember Me?

User Scripts

Title:

Scroll Paging

Date Added:

2009-07-07 10:27:31

Installs:

866

Description:

*UPDATED! Bigger increases!* When using the scrollwheel on a webpage which has a number in its URL, scrolling beyond the page's start or end will load the webpage where the last number is increased or decreased by one. In other words, it will try to load the page where the page index is increased or decreased. (if the index was the last number in the URL, that is).
It will cause a small progress bar to appear (see image), that indicates how far you have to scroll to initiate the new page's loading. (If you want to make this distance shorter or longer, decrease or increase the value 'SCROLLS' in the code of the script.)
*LAST UPDATE* If you hold one of the numeric keys on your keyboard (0 to 9), it will increase the index not by 1, but by 10 times the value of the key (and for key 0 even 100!). So, let's say a website pages with items of 20 and its URL ends with ...index=20. If you scroll and hold the '2'-key, the index will increase to 40! When you hold one of those numeric keys, the progress bar turns red, to indicate you are increasing with POWER! :)

When you find that the progress bar appears when it shouldn't (e.g. because you are scrolling inside some sub-element of the page that was generated dynamically), just click anywhere in the page, and try again! The script will detect the new sub-element, and not do its thing when it shouldn't. :)
Please let me know (in the comments) of any other troubles you may experience with this script!

Cheers,
Protector one

Preview of Scroll Paging

View script source of Scroll Paging

// ==UserScript==
// @name         Scroll Pager
// @namespace    http://iescripts.org
// @author       Protector one
// @include      *
// @description  Auto-loads next/previous page by scroll-wheeling beyond a page's end/start.
// @date         7-7-2009
// @version      1.5
// ==/UserScript==

(function(){
  function removeProgbar(){
    var pb = document.getElementById('progbarP1');
    if (!pb) return;
    pb.parentNode.removeChild(pb);
  }
  function attachProgbar(down){
    initialDown = down;
    if(!document.styleSheets.length)
      document.body.appendChild(document.createElement('style'));
    if (bc){
      var scrollnow = document.body.scrollTop;
      document.styleSheets[0].addRule('v\:rect','behavior:url(#default#VML)');
      document.body.scrollTop = scrollnow;
    }else{
      document.styleSheets[0].addRule('v\:rect','behavior:url(#default#VML)');
    }
    var prog = document.createElement('div'),
        ps = prog.style;
    prog.id = 'progbarP1';
    ps.position = 'absolute';
    down? ps.bottom = 120-(bc? document.body.scrollTop: document.documentElement.scrollTop): ps.top = 20;
    ps.right = 50;
    prog.innerHTML = '<v:rect style="position:absolute;width:30px;height:102px;" ></v:rect>'+
      '<v:rect id="inbarP1" style="position:absolute;left:1px;top:'+(down?1:101-Math.floor(100/SCROLLS))+'px;width:28px;height:'+
      (100/SCROLLS)+'px;" fillcolor="'+(!pressed? blueNormal: redNormal)+'" strokecolor="'+(!pressed? blueNormal: redNormal)+'"></v:rect>';
    document.body.appendChild(prog);
  }
  function advanceProgbar(down){
    var pbCont = document.getElementById('inbarP1');
    if (!pbCont) return;
    if (down){
      pbCont.style.height = groundpound*100/SCROLLS;
    }else{
      var sec = Math.floor(groundpound*100/SCROLLS);
      pbCont.style.top = 101 - sec;
      pbCont.style.height = sec;
    }
  }

  function scroller(){
    if (firstscroll){
      firstscroll = false;
      getScrollables();
    }
    var wheel = event.wheelDelta;
    if (groundpound > 0 && (wheel < 0) != initialDown){
      removeProgbar();
      groundpound = 0;
      window.scrollBy(0,wheel);
      return;
    }
    didscroll = true;
    ival = setTimeout(function(){scrollerPart2(wheel);},10);
  }
  function scrollerPart2(wheel){
    if (!didscroll || working) return;
    var nin, inc, bar,
        scrolldown = wheel < 0;
    if (groundpound++ == 0){
      attachProgbar(scrolldown);
    }else{
      advanceProgbar(scrolldown);
    }
    clearTimeout(reminv);
    reminv = setTimeout(function(){
      removeProgbar();
      groundpound = 0;
    },1300);
    if (groundpound < SCROLLS){
      return;
    }
    working = true;
    bar = document.getElementById('inbarP1');
    bar.fillcolor = bar.strokecolor = !pressed? blueWorking: redWorking;
    document.body.style.cursor = 'wait';
    if (pressed){
      inc = 10*(pressed-48)
      if (inc == 0) inc = 100;
    }else{
      inc = 1;
    }
    nin = parseInt(num,10) + (2*scrolldown-1)*inc;
    if (nin<0) nin += 10*inc;
    nin += '';
    if ((diff = num.length - nin.length) > 0) nin = (Math.pow(10,diff)+'').slice(1) + nin;
    location.href = url+nin+opurl;
    document.onmousewheel = null;
    return;
  }
  function checkScroll(){
    if (!didscroll) return;
    didscroll = false;
    if (groundpound == 0) return;
    removeProgbar();
    groundpound = 0;
  }
  function getScrollables(){
    for (var x in document.all){
      if (!(x in scrollables) && document.all[x] &&
          document.all[x].scrollHeight && document.all[x].clientHeight &&
          document.all[x].scrollHeight > document.all[x].clientHeight &&
          document.all[x].attachEvent){
        document.all[x].attachEvent('onscroll',checkScroll);
        scrollables[x] = 0;
      }
    }
  }
  function clicked(){
    firstscroll = true;
  }
  function keydown(){
    var bar, key = window.event.keyCode;
    if (key >= 48 && key <= 57){
      pressed = key;
      if (!working && (bar = document.getElementById('inbarP1')))
        bar.fillcolor = bar.strokecolor = redNormal;
    }
  }
  function keyup(){
    var bar, key = window.event.keyCode;
    if (key >= 48 && key <= 57){
      pressed = false;
      if (!working && (bar = document.getElementById('inbarP1')))
        bar.fillcolor = bar.strokecolor = blueNormal;
    }
  }
  
  var reminv, nin, min, diff, url, num, opurl, zeros, oldload, ival, initialDown, pressed,
      SCROLLS = 5, // change this value to scroll more/less
      blueNormal =  '#8888FF',
      blueWorking = '#5555FF',
      redNormal = '#FF8888',
      redWorking = '#FF5555',
      scrollables = {},
      didscroll = false,
      firstscroll = true,
      bc = document.compatMode=='BackCompat',
      groundpound = 0,
      working = false,
      index = location.href.replace(/#.*/,'');
  index = index.match(/(.+?)([0-9]+?)([^0-9]*?)$/i);
  if (!index || index.length < 3) return;
  url = index[1];
  num = index[2];
  opurl = index[3];
  opurl = opurl.replace(/#.*$/,'');
  window.attachEvent('onscroll',checkScroll);
  window.document.attachEvent('onmousewheel',scroller);
  window.document.attachEvent('onclick',clicked);
  window.document.attachEvent('onkeydown',keydown);
  window.document.attachEvent('onkeyup',keyup);
})();

Comment of Scroll Paging

	[2009-06-30 05:52:18]Protector0ne says:
	Yes, I was thinking of that myself recently too. :) I might make it happen soon!

	[2009-07-01 14:56:57]Protector0ne says:
	There are some issues with the new script, and I'm working on it.

	[2009-07-02 05:19:36]Protector0ne says:
	Version 1.4.1. I think the most glaring issues are resolved now! Please try it out! :)

	[2009-07-03 08:00:04]Protector0ne says:
	Version 1.4.2 ironed out some more kinks, and made it overall a lot smoother. This version is sexy.

	[2009-07-06 05:15:16]TekFan says:
	Protector0ne, Love this plug-in! It tested it on sites that I browse a lot with numbered pages it worked like a charm. I tested it on Google, Bing, Yahoo!, Flickr and YouTube. I tried testing the plug-in on Google News, another site I visit frequently, but IE7Pro fails to load (I'm sure know that bug). Thanks! Love it!

	[2009-07-06 05:16:25]TekFan says:
	After posting my comment, I went to Google News using a tab with IE7Pro loaded and it works on Google News too!

	[2009-07-07 03:11:59]Protector0ne says:
	Nice to hear you like it!

	[2009-07-07 10:29:12]Protector0ne says:
	Version 1.5! This version has a pretty cool new feature. You can manually determine by how much the index number needs to be increased by holding a number key! (Read the description for more informations.)

	[2009-07-08 14:57:15]TekFan says:
	Do I need to install the new version or did it update by itself? Protector0ne, You seem to work on a lot of scripts for Google. Have you thought about doing one for Gmail?

	[2009-07-08 20:55:54]ellis123 says:
	You have to manually update to the new version if you have an older one.

	[2009-07-09 03:09:33]Protector0ne says:
	TekFan, what would you want this Gmail script to do? I don't use Gmail a lot myself, so I'm not aware of what things one might want differently. As for auto-updating scripts, currently none of my scripts do. I have thought about the possibilities, but I feel all the solutions are too clumsy. The best solution would be a dedicated IEPro module, that can check for updates on set intervals.

	[2009-07-09 16:57:04]TekFan says:
	I like the icon feature in Better Gmail 2. Instead of a generic, paper clip icon for attachments, an icon representing the attachment is displayed. Say you get a Word document, a Word icon appears. http://lifehacker.com/320618/better-gmail-2-firefox-extension-for-new-gmail

	[2009-07-10 05:04:33]Protector0ne says:
	TF, try this: http://www.iescripts.org/view-scripts-618p1.htm

	[2009-07-14 13:02:54]TekFan says:
	Thanks for the link Protector0ne! I will post back soon and let you know how it worked. Something happened that all content on iescripts.org had disappeared for 1-2 days, and now when I click on the install link, I get a "This page cannot be displayed" page. I'll post my reply on that page.

Join Iescripts for a free account, or Login if you are already a member.
Username: Password:

Install Script

Download Script

Add To favorite


Written by


Name:	Protector0ne
Scripts:	19
Styles:	1
Plugins:	0
Tags

Auto Pager pagination scroll scrollwheel

About IE7Pro
IE7Pro is a plugin for the Internet Explorer web browser. It allows you to change how your favorite pages behave and look. There are many scripts that have already been written, and if you know javascript you can easily create your own! This site is a repository to download and install IE user scripts.
How to install user script
1 . First you should have install IE7Pro 0.9.12 and above which support IE user scripts. 2. Check if IE7Pro "Preference" - "User Scripts" - "EnabLe User Script" is enabled. 3. Find your favorite scripts on iescripts.org and click "Install This Script" .

iescripts.org