mouseless autoscroll

Hi,

so here is my second attempt to make a greasemonkey script :
http://userscripts.org/scripts/review/25207

The idea is to mimic the Adobe Acrobat Reader autoscroll feature.

To do :

• use a DATA URI and avoid using remote images
• finish the button interface (center/fadeIn/fadeOut)
• manage the blur pause system
• activate/desactivate to make it usable for the whole web (not just one page)
• add per page/domain speed
• ....

• auto-pause and disable shortcuts will typing in a textbox/textarea element
• refine the speed (log speed-step)
• clean code with some comments
• overlay buttons for all actions
• shortcuts seem not to work
• have to choose the way to scroll all the way even if the user scroll back up or down ( using a window.Y-position propertie ?)
• simple start/stop functions

It's a very early stage but I thought I could get some help and suggestions.

PS : I know you can use your mouse but first I don't want to use a mouse at all and second I find this technic very imprecise regarding speed adjustment.

That's a nice Greasemonkey script.
Maybe you should add the following feature
- automaticaly scroll up when you reach bottom
- automatical sroll down when you reach top
- pause during x seconds at top
- pause during y seconds at bottom

Kind regards

Sebastien : thanks a lot for your feedback

I like your idea about specific top/bottom speed. Maybe I could use some log-change-speed to gradually speed-up in the beginning and slow down in the end (eventually even tweak this based on <h> detection of titles/subtitles, that'd be awesone ;) .

Regarding the "bouncing" feature, could you provide a use case as I can hardly imagine in which context it could be useful.

You can replace the following with the code that follows it...

	var pauseButtonElement = document.getElementById('button_pause'); pauseButtonElement.style.visibility="hidden"; 
	var startButtonElement = document.getElementById('button_start'); startButtonElement.style.visibility="hidden"; 
	var fasterButtonElement = document.getElementById('button_faster'); fasterButtonElement.style.visibility="hidden"; 
	var slowerButtonElement = document.getElementById('button_slower'); slowerButtonElement.style.visibility="hidden"; 
	var resetButtonElement = document.getElementById('button_reset'); resetButtonElement.style.visibility="hidden"; 

document.getElementById('button_pause').style.visibility="hidden"; 
document.getElementById('button_start').style.visibility="hidden"; 
document.getElementById('button_faster').style.visibility="hidden"; 
document.getElementById('button_slower').style.visibility="hidden"; 
document.getElementById('button_reset').style.visibility="hidden"; 

@Utopiah.
It's an interesting script, but are these images coming from your site? Otherwise I don't think that site owner appreciate that; creating more traffic, without any visits.

Jerone : true indeed. I don't think having some small graphic probably cashed in the browser would hinder it's ROI (especally seing imagines size) but I agree with you. I planned to embed them instead but never took the time too. I will remove them and either use creative common pictures on my own website, use very large fonts with text symbols like ">>" or any better suggestion?

A data URI?

Yeah a data URI.