Preserved Topic: Yay, it works! it works! Mah very own scrollbar. (Page 1 of 1)

Heh. Can you tell I'm just a tad excited?

I almost finished one of these about 9 months back by a nasty HDD crash took it away before I could completely finish it. So I never really knew if it would work or not. If fact I doubted that it would which is why I?m so excited.

But it's back now! It's kind of based on Doc's DHML scroller, but this should work in Opera. Well, I know it does but it's still a little screwy in that browser at the moment. I have a lot of tweaking to do but I was thinking I should get it tested a little more before I keep going.

I'll probably split this up ito several versions too, again, like Doc's scroller. One fixed size scroller that will work in IE, Mozilla & Opera. Another that will be Horizontally Liquid through CSS only and able to sit in a relative horizontal position on the page, handy for blogs and the like. Another that will be dragabul (sp?) and resizable. The last two being IE & Mozilla only. None of them will support Netscape 4.x though cause I hate coding for that browser. Oh and I'm hoping on getting them all XHTML compliant too. But it's still early days and lots of it is still hard coded so I have a lot of tweaking to do.

Anyways, enough rambling, the important bit, Does it work?
http://www.whatever.net.au/~cameron/files/scripts/scroller.html

I've only tried it on IE6, but DAMN, I like it.

Nice and quick and smooth like a real scrollbar.

Nice work Drac...look forward to the variations

Nice and smooth. I like the rollovers.

I suggest you work with Windows' scrollbars and try to exactly copy the functionality to make things as easy as possible for everyone.

Great job, Drac! I haven't had time to look at the code but the operation is just fine.

. . : slicePuzzle

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

Excellent, very nice work! Some minor details that I remember haunted me for months were these: When you click on the "dragger", you don't really want it to jump to where you clicked (with your mouse in the center of the dragger), instead you want to check the offset of where we clicked, and adjust based on that. So, click at the top of the dragger, and that's where it stays, glued to your mouse. I was always kinda torn over "what should happen" when you click on the bar, should it jump to that spot, or page down, or scroll down very fast till it gets to that point? I've opted for the last choice, although the traditional windows metaphor calls for a page down. (Same code when you think about it, the "very fast" jump setting is just set to the height of the display window, minus a couple lines.) One last thing that I spent a bunch of time with is deciding when the scrolling stops, I used to do it as you do, if your mouse drifts too far right or left it stops, but now once it's started I don't stop until I get a mouseup event. (You'll need to handle the case that happens when people click, and then keep dragging off the screen, though! Once they come back the scrolling can still be on, even though the mouse is now up. Pain in the ass that one was.)

So! Great work! It *does* feel good, doesn't it? Nothing better IMHO.

Your pal, -doc-

PS: Ooh! The code looks short, sweet and elegant. Gotta love that.



[This message has been edited by DocOzone (edited 10-20-2002).]

congrats on the scroller... very fine work and as already mentioned, so neat as well..

Impressive work Drac! Tried it in Moz1 and it works great

_________________________
Anyone who has lost track of time when using a computer knows the propensity to dream, the urge to make dreams come true and the tendency to miss lunch.
- copied from the wall of cell 408 -

Looks and works really nice.
May I suggest one thing though. When you mouseover the small cubes, let the scroller scroll slow and when you click them, let the scroller scroll faster.

Ok, I've made some updates; many based on the suggestions given here.

- Full Opera 6 Support! (Oops! I still have one more thing to do for this. Currently it'll flicker like a bastard but I can fix that)
- Mouse Wheel Support for IE6
- Extended Drag cut-out range indefinitely (this is little buggy on IE though)
- Scroller Tab Height is now relative to the size of the content
- Scroll Bar is only visible if there is enough content to justify it.
- Clicking on the Scroll Bar/Track above or below the Tab will page up and down respectively
- OnMouseOver Scroll for Up/Down - Disabled by default, set a Var in the HTML to activate
- Fixed an onDarg bug in Mozilla. IT kept cause that ugly N/A cursor to appear.
- Fixed a bug that would cause the scroll tab to flicker while being draged.
- Removed all of the hard-coded values and cleaned up a code a little. It's still quite messy though.

New one: http://www.whatever.net.au/~cameron/files/scripts/scroller/scroller.html

Currently It's only been tested on Windows XP in IE6, Moz1 & Opera6. I'll be throwing a Mac at it later today. I just wish I had access to a PC with IE 5.0 because I have a bad feeling it's going to break it that one. Anyone still using IE 5.0 on Windows?

I'm having a big problem with a couple of different things. The Scroller Tab snapping to centre on the mouse position is the biggest one at the moment. I completely suck at math and just can't seem to work out how to fix/change that. I don't suppose any of the math guru's here want to have a crack at it? I've set the scroller values in the status bar so you can see what that are in real time. I'll keep trying to figure it out on my own but I'm not getting my hopes up, there's just something I can't grasp about it.

Edit:

Ok, My Last resort. I'm taking an hour+ long train trip. If I can't make any progress on the train I ain't ever gonna get it. Everything always makes sence on the train. I like the train. The train likes me. Yes. Train is good.

The other problem is the "onDrag out of Window" bug Doc mentioned. Since I've removed the drag scroll cut-out I'm getting that problem too and well, I don't even know where to begin to fix it.

As for its appearance, well. I'll be making it as customable as possible, from CSS only boxes through to images for all the different bits and bobs. I'm yet to try and convert this to a dragable/resizable window emulator but that shouldn't be too hard, that'll be my next step if I can sort out the current problems.

Anyway, I have to stop playing with this for now. I have work to do.



[This message has been edited by Dracusis (edited 10-21-2002).]

Dracusis, Good work! I like it!



Elias,

I love trains!

Fixed it. Well, kinda. This is only a tempory fix as I've worked out a better way to caculate everything but that'll take a little while to work into the script. It'll also get rid of that annoying little content flicker when you first click down on the scroller tab. I was also caculating the length of the scroler tab incorrectly but that should be fixed now. Heh, forgot to fix that opera refresh problem again. Arr well, next time.

I've also put the scrollbar on the other side and moveed the buttons to the bottom like the advanced mac scrollbars, just for fun. But they can be set anywhere by setting values in the non linked <script> of the HTML page.

First: http://www.whatever.net.au/~cameron/files/scripts/scroller.html
Second: http://www.whatever.net.au/~cameron/files/scripts/scrollerOld/scroller.html
Third: http://www.whatever.net.au/~cameron/files/scripts/scroller/scroller.html

I'll be leaving this along for a week while I finish up some school assignments. After that I'll work on the dragabul and liquid versions.