Up/down page

Up/down page

Postby makondo » Sun Dec 09, 2012 5:31 am

Up/down page
L = down
R = up
M = middle
Shift+click = CB button menu

Discussion
makondo
 
Posts: 1636
Joined: Sun Dec 25, 2011 7:17 pm

Re: Up/down page

Postby BobbyW » Mon Dec 10, 2012 10:54 pm

makondo,

You've been practicing I see....Nice button you created there.

Bravo! Image

Eventually, someone will invent a button that say you're on the top (or bottom) of a very large page & need to find something you skimmed by in the past.

Click this button & it scrolls gently down (or up) the page at a comfortable pace you yourself predetermined, & when you get to your destination a click of this button stops the scrolling in it's tracks. Image

Actually, if you're a skilled user of the mouse's scroll button, the need for this button would be moot, but being one of the challenged few, the button I described would prolly be a nice find. Image
BobbyW
 
Posts: 245
Joined: Sat Dec 31, 2011 6:03 am

Re: Up/down page

Postby makondo » Tue Dec 11, 2012 12:56 am

Bobby,
who?! me?! Hell will freeze over before i'll write a single js line Image
No, i didn't create the button, it's a button from the CB² era (unfortunately, i don't remember who was the original author) but it wasn't working for me as i wished it would and i posted for help with it (see the thread linked in the first post). Thanks to srazzano and morat it can be made to work as i wanted and i'm using it quite often.
I posted the button 'cause i needed to link somebody to it on another forum and figured the forum is popular and others will probably be interested. Posting here makes it easy to help people should somebody need it. And it builds this forum buttons database Image

@ your wish button... maybe guys will make one for you... 2 clicks sounds better for long pages than scrolling, i know.
Last edited by makondo on Sat Dec 03, 2016 5:37 pm, edited 1 time in total.
makondo
 
Posts: 1636
Joined: Sun Dec 25, 2011 7:17 pm

Re: Up/down page

Postby Dobro jutro » Thu Dec 13, 2012 3:32 am

Maybe something like this.

Left click - scroll down
Left click - stop
Right click - scroll up
Right click - stop

Code: Select all
/*Initialization Code*/
this.   leftclick = function(event) {
this. checked = !this. checked;

if (this. checked){
         this.image ="http://icons.iconarchive.com/icons/everaldo/crystal-clear/16/Action-arrow-blue-double-down-icon.png";
         myintervalId = setInterval(function() {
         content.scrollBy(0, 1);
         }, 15);
         }
else     {
         this.image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC1ElEQVR42p2USUgjURCG38XgxeUsbiDk4lFFiYomIIgaEURcgxuIK4gx0QgOjCtuKLiQHFQYxOUoHtyhQb2IYYyXBpmYCMGgBy8BoxH559Ub0pDWudjw8arr/a/oqlfVLDc316zT6SS+fpucnJwfrKCg4Hd9fT1qamq+pKGhASaTCdXV1f/dz8vL8zOj0Sj19vaiu7s7gq6uLvT396OtrQ0tLS2wWCzCp9b19fWhtLRUZnV1ddL09DTGxsYURkdHMTc3h8nJSSQlJSE+Ph7Dw8NYWFjAyMhIhHZ2dha1tbUya29vlzY3N7G2tobV1VXBxsYGlpeXkZiYiKioKERHRyMuLg5TU1PY2tpSdHRme3sbPIbMrFardHZ2hoODA8HR0RGOj49RVFSEhIQEpKamIiUlBcnJycjOzsbe3h5OTk6wv78v9Ofn5xgYGJAZT0O6u7vD9fW1wOVywel04vLyEj6fD5WVleC3Cq/XK/xXV1dCE9Z7PB5MTEzIbH5+XgoGg3h4eIjg8fERHx8f4DVEfn4+Xl9f8fT09ElH/sXFRZnZ7XYJ/CGHGnqam5uh1+uFHQqFvtTwWsnM4XCIQG9vbwokoDUcyGAwCPv9/T1iP6wRgSg12vD7/Z+gLwin9vLyItJVa+js0tKSzHgvSFSwm5sbUcRwIW9vbxEIBERHU7Gfn5/hdrsVDUFn7u/vqd9kxq9Oois8PDwU0NXSWlVVheLiYqSnpyMtLQ0lJSUoKyvD7u4uTk9PFf3FxQUGBwdl1tHRIVFTra+vK9D70NAQGGOiGWNjY4Xd2dkJtXZnZwc8xr8RmZmZwfj4uAK1Ps9bzFdMTAw0Gg11L1ZWViJ0BI0SjyGz8vJyiQavp6cnAhpIm80mJryiokLY5FPrzGYzpSwz3iPOxsZG8TtQQ78XmvzW1lZhE2pNU1MTCgsLfYzPz8+MjIw/mZmZ3yIrK8ut1Wp//QVw+z1oZDOQFgAAAABJRU5ErkJggg==";
         clearInterval(myintervalId);
         }
         }
         
this.  rightclick = function(event) {
this. checked = !this. checked;

if (this. checked){
         this.image = "http://icons.iconarchive.com/icons/everaldo/crystal-clear/16/Action-arrow-blue-double-up-icon.png";
         myintervalId = setInterval(function() {
         content.scrollBy(0, -1);
         }, 15);
         }
else     {
         this.image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC1ElEQVR42p2USUgjURCG38XgxeUsbiDk4lFFiYomIIgaEURcgxuIK4gx0QgOjCtuKLiQHFQYxOUoHtyhQb2IYYyXBpmYCMGgBy8BoxH559Ub0pDWudjw8arr/a/oqlfVLDc316zT6SS+fpucnJwfrKCg4Hd9fT1qamq+pKGhASaTCdXV1f/dz8vL8zOj0Sj19vaiu7s7gq6uLvT396OtrQ0tLS2wWCzCp9b19fWhtLRUZnV1ddL09DTGxsYURkdHMTc3h8nJSSQlJSE+Ph7Dw8NYWFjAyMhIhHZ2dha1tbUya29vlzY3N7G2tobV1VXBxsYGlpeXkZiYiKioKERHRyMuLg5TU1PY2tpSdHRme3sbPIbMrFardHZ2hoODA8HR0RGOj49RVFSEhIQEpKamIiUlBcnJycjOzsbe3h5OTk6wv78v9Ofn5xgYGJAZT0O6u7vD9fW1wOVywel04vLyEj6fD5WVleC3Cq/XK/xXV1dCE9Z7PB5MTEzIbH5+XgoGg3h4eIjg8fERHx8f4DVEfn4+Xl9f8fT09ElH/sXFRZnZ7XYJ/CGHGnqam5uh1+uFHQqFvtTwWsnM4XCIQG9vbwokoDUcyGAwCPv9/T1iP6wRgSg12vD7/Z+gLwin9vLyItJVa+js0tKSzHgvSFSwm5sbUcRwIW9vbxEIBERHU7Gfn5/hdrsVDUFn7u/vqd9kxq9Oois8PDwU0NXSWlVVheLiYqSnpyMtLQ0lJSUoKyvD7u4uTk9PFf3FxQUGBwdl1tHRIVFTra+vK9D70NAQGGOiGWNjY4Xd2dkJtXZnZwc8xr8RmZmZwfj4uAK1Ps9bzFdMTAw0Gg11L1ZWViJ0BI0SjyGz8vJyiQavp6cnAhpIm80mJryiokLY5FPrzGYzpSwz3iPOxsZG8TtQQ78XmvzW1lZhE2pNU1MTCgsLfYzPz8+MjIw/mZmZ3yIrK8ut1Wp//QVw+z1oZDOQFgAAAABJRU5ErkJggg==";
         clearInterval(myintervalId);
         }
         }
this.setAttribute("onclick", "custombuttons.gQuot.mHandler(event, this)");
Last edited by Dobro jutro on Sat Dec 15, 2012 2:00 am, edited 3 times in total.
Dobro jutro
 
Posts: 98
Joined: Tue Dec 27, 2011 2:25 am

Re: Up/down page

Postby makondo » Thu Dec 13, 2012 3:56 am

Oooh, this is awesome! It's pretty funny, too!
I'm keeping it, thanks jutro!

I named it 'slow crawler' Now i just need to find an image of a snail ...
It's really funny and entertaining!

Found a problem: it seems to be preventing scrolling on some pages. Odd but if i put the button away, i can scroll the same page.
makondo
 
Posts: 1636
Joined: Sun Dec 25, 2011 7:17 pm

Re: Up/down page

Postby Dobro jutro » Fri Dec 14, 2012 3:24 am

makondo try the code again i added opacity. When the button is scrolling the icon is bright. Make sure the button is turned off before you scroll with your mouse.
You can change scroll speed by changing numbers 1 , -1 and 15.
Dobro jutro
 
Posts: 98
Joined: Tue Dec 27, 2011 2:25 am

Re: Up/down page

Postby makondo » Fri Dec 14, 2012 5:25 am

Opacity doesn't work for me 'cause i have a css style for all toolbarbuttons, opacity .65 and 1 on hover. I changed it to .4 in your button and it doesn't show. I guess my style overrides it.
I see a few problems with it. You have to click it again to get out of the buttons mode otherwise the normal scroll by wheel doesn't work.
I also wonder if you can make it so that when in the button mode (that is it's scrolling after one click), the image would simply change. This way you can easily see what mode you're in, using the button or not, that is.
And of course i can't figure what numbers i suppose to change. Like what 15 is about? what should i change it to? What's '1' about? what's '-1' ? Can it be made to crawl faster?

EDIT: come to think of it, i always wanted the button to change the image when going up or down. That is, when the scrollbar is up, the image can show an arrow down like so: ↓. When the scrollbar is down, the image would change to an arrow up: ↑
Of course, those should be changeable, i use a specific set of buttons and i'd change whatever image to suit my theme. I think i actually had it once ... something like that anyway.

EDIT again: OK, i figured the numbers. It looks like anything over 3 lines is jerky and quite annoying but 1 is veeeery sloooow.
Last edited by makondo on Tue Jan 29, 2013 5:46 pm, edited 1 time in total.
makondo
 
Posts: 1636
Joined: Sun Dec 25, 2011 7:17 pm

Re: Up/down page

Postby Dobro jutro » Sat Dec 15, 2012 1:51 am

I think it's like this.
1 = scroll by 1 pixel down.
-1 = scroll by 1 pixel up.
15 = interval fires every 0.015 seconds. If you change this to smaller number it should scroll faster.

makondo wrote:I also wonder if you can make it so that when in the button mode (that is it's scrolling after one click), the image would simply change.

Done.
Check my firs post.

makondo wrote:You have to click it again to get out of the buttons mode otherwise the normal scroll by wheel doesn't work.

Left click - down
Right click - up
Mouseout - stop
Code: Select all
        /*Initialization Code*/
    this.   leftclick = function(event) {
    this. checked = !this. checked;

    if (this. checked){
             this.image ="http://icons.iconarchive.com/icons/everaldo/crystal-clear/16/Action-arrow-blue-double-down-icon.png";
             myintervalId = setInterval(function() {
             content.scrollBy(0, 2);
             }, 5);
             }
    else     {
             this.image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC1ElEQVR42p2USUgjURCG38XgxeUsbiDk4lFFiYomIIgaEURcgxuIK4gx0QgOjCtuKLiQHFQYxOUoHtyhQb2IYYyXBpmYCMGgBy8BoxH559Ub0pDWudjw8arr/a/oqlfVLDc316zT6SS+fpucnJwfrKCg4Hd9fT1qamq+pKGhASaTCdXV1f/dz8vL8zOj0Sj19vaiu7s7gq6uLvT396OtrQ0tLS2wWCzCp9b19fWhtLRUZnV1ddL09DTGxsYURkdHMTc3h8nJSSQlJSE+Ph7Dw8NYWFjAyMhIhHZ2dha1tbUya29vlzY3N7G2tobV1VXBxsYGlpeXkZiYiKioKERHRyMuLg5TU1PY2tpSdHRme3sbPIbMrFardHZ2hoODA8HR0RGOj49RVFSEhIQEpKamIiUlBcnJycjOzsbe3h5OTk6wv78v9Ofn5xgYGJAZT0O6u7vD9fW1wOVywel04vLyEj6fD5WVleC3Cq/XK/xXV1dCE9Z7PB5MTEzIbH5+XgoGg3h4eIjg8fERHx8f4DVEfn4+Xl9f8fT09ElH/sXFRZnZ7XYJ/CGHGnqam5uh1+uFHQqFvtTwWsnM4XCIQG9vbwokoDUcyGAwCPv9/T1iP6wRgSg12vD7/Z+gLwin9vLyItJVa+js0tKSzHgvSFSwm5sbUcRwIW9vbxEIBERHU7Gfn5/hdrsVDUFn7u/vqd9kxq9Oois8PDwU0NXSWlVVheLiYqSnpyMtLQ0lJSUoKyvD7u4uTk9PFf3FxQUGBwdl1tHRIVFTra+vK9D70NAQGGOiGWNjY4Xd2dkJtXZnZwc8xr8RmZmZwfj4uAK1Ps9bzFdMTAw0Gg11L1ZWViJ0BI0SjyGz8vJyiQavp6cnAhpIm80mJryiokLY5FPrzGYzpSwz3iPOxsZG8TtQQ78XmvzW1lZhE2pNU1MTCgsLfYzPz8+MjIw/mZmZ3yIrK8ut1Wp//QVw+z1oZDOQFgAAAABJRU5ErkJggg==";
             clearInterval(myintervalId);
             }
             }
             
    this.  rightclick = function(event) {
    this. checked = !this. checked;

    if (this. checked){
             this.image = "http://icons.iconarchive.com/icons/everaldo/crystal-clear/16/Action-arrow-blue-double-up-icon.png";
             myintervalId = setInterval(function() {
             content.scrollBy(0, -2);
             }, 5);
             }
    else     {
             this.image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC1ElEQVR42p2USUgjURCG38XgxeUsbiDk4lFFiYomIIgaEURcgxuIK4gx0QgOjCtuKLiQHFQYxOUoHtyhQb2IYYyXBpmYCMGgBy8BoxH559Ub0pDWudjw8arr/a/oqlfVLDc316zT6SS+fpucnJwfrKCg4Hd9fT1qamq+pKGhASaTCdXV1f/dz8vL8zOj0Sj19vaiu7s7gq6uLvT396OtrQ0tLS2wWCzCp9b19fWhtLRUZnV1ddL09DTGxsYURkdHMTc3h8nJSSQlJSE+Ph7Dw8NYWFjAyMhIhHZ2dha1tbUya29vlzY3N7G2tobV1VXBxsYGlpeXkZiYiKioKERHRyMuLg5TU1PY2tpSdHRme3sbPIbMrFardHZ2hoODA8HR0RGOj49RVFSEhIQEpKamIiUlBcnJycjOzsbe3h5OTk6wv78v9Ofn5xgYGJAZT0O6u7vD9fW1wOVywel04vLyEj6fD5WVleC3Cq/XK/xXV1dCE9Z7PB5MTEzIbH5+XgoGg3h4eIjg8fERHx8f4DVEfn4+Xl9f8fT09ElH/sXFRZnZ7XYJ/CGHGnqam5uh1+uFHQqFvtTwWsnM4XCIQG9vbwokoDUcyGAwCPv9/T1iP6wRgSg12vD7/Z+gLwin9vLyItJVa+js0tKSzHgvSFSwm5sbUcRwIW9vbxEIBERHU7Gfn5/hdrsVDUFn7u/vqd9kxq9Oois8PDwU0NXSWlVVheLiYqSnpyMtLQ0lJSUoKyvD7u4uTk9PFf3FxQUGBwdl1tHRIVFTra+vK9D70NAQGGOiGWNjY4Xd2dkJtXZnZwc8xr8RmZmZwfj4uAK1Ps9bzFdMTAw0Gg11L1ZWViJ0BI0SjyGz8vJyiQavp6cnAhpIm80mJryiokLY5FPrzGYzpSwz3iPOxsZG8TtQQ78XmvzW1lZhE2pNU1MTCgsLfYzPz8+MjIw/mZmZ3yIrK8ut1Wp//QVw+z1oZDOQFgAAAABJRU5ErkJggg==";
             clearInterval(myintervalId);
             }
             }
             
    this.  onmouseout = function(event) {
                 this.image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC1ElEQVR42p2USUgjURCG38XgxeUsbiDk4lFFiYomIIgaEURcgxuIK4gx0QgOjCtuKLiQHFQYxOUoHtyhQb2IYYyXBpmYCMGgBy8BoxH559Ub0pDWudjw8arr/a/oqlfVLDc316zT6SS+fpucnJwfrKCg4Hd9fT1qamq+pKGhASaTCdXV1f/dz8vL8zOj0Sj19vaiu7s7gq6uLvT396OtrQ0tLS2wWCzCp9b19fWhtLRUZnV1ddL09DTGxsYURkdHMTc3h8nJSSQlJSE+Ph7Dw8NYWFjAyMhIhHZ2dha1tbUya29vlzY3N7G2tobV1VXBxsYGlpeXkZiYiKioKERHRyMuLg5TU1PY2tpSdHRme3sbPIbMrFardHZ2hoODA8HR0RGOj49RVFSEhIQEpKamIiUlBcnJycjOzsbe3h5OTk6wv78v9Ofn5xgYGJAZT0O6u7vD9fW1wOVywel04vLyEj6fD5WVleC3Cq/XK/xXV1dCE9Z7PB5MTEzIbH5+XgoGg3h4eIjg8fERHx8f4DVEfn4+Xl9f8fT09ElH/sXFRZnZ7XYJ/CGHGnqam5uh1+uFHQqFvtTwWsnM4XCIQG9vbwokoDUcyGAwCPv9/T1iP6wRgSg12vD7/Z+gLwin9vLyItJVa+js0tKSzHgvSFSwm5sbUcRwIW9vbxEIBERHU7Gfn5/hdrsVDUFn7u/vqd9kxq9Oois8PDwU0NXSWlVVheLiYqSnpyMtLQ0lJSUoKyvD7u4uTk9PFf3FxQUGBwdl1tHRIVFTra+vK9D70NAQGGOiGWNjY4Xd2dkJtXZnZwc8xr8RmZmZwfj4uAK1Ps9bzFdMTAw0Gg11L1ZWViJ0BI0SjyGz8vJyiQavp6cnAhpIm80mJryiokLY5FPrzGYzpSwz3iPOxsZG8TtQQ78XmvzW1lZhE2pNU1MTCgsLfYzPz8+MjIw/mZmZ3yIrK8ut1Wp//QVw+z1oZDOQFgAAAABJRU5ErkJggg==";
                 clearInterval(myintervalId);
             }         
               
   
    this.setAttribute("onclick", "custombuttons.gQuot.mHandler(event, this)");


EDIT:
Made a mistake it should work now.
Another problem if you mouseout to stop scrolling you have to click and click again to start again. I hate intervals they never work properly.
Last edited by Dobro jutro on Sat Dec 15, 2012 3:53 am, edited 4 times in total.
Dobro jutro
 
Posts: 98
Joined: Tue Dec 27, 2011 2:25 am

Re: Up/down page

Postby makondo » Sat Dec 15, 2012 3:08 am

No, it doesn't really work for me, it keeps scrolling like crazy now and i can't stop it til it reaches either end. Very funу though. Plus the page keeps jumping up and down a few pixels when (if!) i stop the scrollbar.
Maybe Bobby will be able to make it work for him.
Good try though, thanks for the laugh! Image
makondo
 
Posts: 1636
Joined: Sun Dec 25, 2011 7:17 pm

Re: Up/down page

Postby BarbieBarb » Sat Dec 15, 2012 7:16 am

Firefox17 WindowsVista
Cool thankyou very much Dobro jutro!

I am using the first version because it worked for me, not tried the second.
#1 Best settings for me is change the 15 to 5 or maybe a bit less and do NOT make any changes to the 1 or -1 to keep it smooth scrolling. Changing the 1 or-1 will cause it to be jerky movement.

#2 After making the changes... everything messed up, stop wouldn't work etc. So... after changes you MUST do a firefox restart and all functions perfect for me.

I think a choice for "Stop" with middleclick would be better though.
And if you want to frequently change varialble speed BackAndForth you can't (you have to go into the code and change presets).
Maybe DoubleLeftClick/Ctrl+Leftclick is for faster speed and DoubleRightClick/Alt+Leftclick for superfast speed.


Image
BarbieBarb
 
Posts: 751
Joined: Thu Jun 14, 2012 6:14 am

Next

Return to Buttons made by forum users