Evidently I was just missing a library, as
document.observe('dom:loaded',function(){
var scrollbar = new Control.ScrollBar
('scrollbar_content','scrollbar_track');
});
now works fine in both IE 6 and Firefox. It was slider.js
that was missing. Also, in my situation I have to have overflow:scroll
(or auto) to get it to work in my animated drop down menu. I believe
this means no chance
of applying styles.
Link to necessary set up instructions:
http://livepipe.net/control/scrollbar
Basics:
Control.ScrollBar requires a very particular HTML structure. There
must be a positioned outer container, with the track and scrollable
container as direct children. The track must contain a single div
(with any id or class name). You do not reference the outer container
or handle when calling initialize(), only the scrollable content, and
the track. The scrollable content must have it's overflow **property
set to hidden**.
Cheers,
Jet
This is with Prototype v.1.6.1
On Nov 19, 7:22 pm, blueHandTalking <[email protected]> wrote:
> Bryan,
>
> I found a solution that may work for you. I tried
> to get the one on Script-dilly-icious working but
> no go.
>
> I discovered this older script for scrolling a div:
>
> http://pastie.org/707093
>
> The author at
>
> http://www.jools.net/projects/javascript/scrollable-divs/
>
> mentions it plays well with Ajax. I tested it in
> IE 6 and Firefox 3.5.5 and it worked fine.
>
> You will have to tweak the CSS controls to get it to
> work well in both IE 6 and Firefox, et al. Also, I
> commented out a couple lines in the pastie that need
> to be flip-flopped depending what browser is seeing it.
>
> Will not work in my situation, but maybe for you.
>
> Cheers,
>
> Jet
>
> On Nov 19, 5:30 pm, Bryan Larsen <[email protected]> wrote:
>
> > Both Tom & I are jQuery fans. jQuery works well with Hobo. There
> > really isn't a lot of prototype in Hobo.
>
> > blueHandTalking wrote:
> > > Evidently the last solution on the ticket page works.
> > > However, it did not work in my situation. Thomas Fuchs
> > > has not incorporated the changes into Prototype as yet.
>
> > > ...and yes, trouble is with IE 6. Actually the behavior
> > > is somewhat erratic in Firefox also.
>
> > > I did find that for what I want to do, the Jquery library
> > > has a solution. I tried it in IE 6 and Firefox and it worked
> > > great. I may change over to Jquery, since I am not too heavy
> > > into Prototype. Does Hobo rely heavily on Prototype?
>
> > > Could a transition be a lot of trouble?
>
> > > In the future I am going to look at MooTools, evidently something
> > > of the best of both worlds --- Prototype and Jquery.
>
> > > jet
>
> > > On Nov 19, 1:16 pm, Bryan Larsen <[email protected]> wrote:
> > >> I assume you're only having the trouble in Internet Explorer? If so,
> > >> this is a bug in Prototype. Several workarounds are listed on the bug
> > >> report.
>
> > >>https://prototype.lighthouseapp.com/projects/8887/tickets/33-problem-...
>
> > >> Please report back how you fixed it -- I haven't actually fixed the
> > >> Barquin app that has the problem yet.
>
> > >> Bryan
>
> > >> blueHandTalking wrote:
> > >>> I am having trouble with displaying a dropdown menu
> > >>> that has a scrolling div in it. Evidently the control
> > >>> var scrollbar = new Control.ScrollBar
> > >>> ('scrollbar_content','scrollbar_track');
> > >>> in the latest form is only in Prototype v.1.6.1.
> > >>> This dropdown ( ddmenu.js --pastiehttp://pastie.org/705995)
> > >>> and the scrolling div work perfectly! ---but only after I open
> > >>> Firebug.
> > >>> There is a
> > >>> scrollbar.recalculateLayout();
> > >>> method I entered in Firebug console. After this everything is perfect.
> > >>> I can even close Firebug and it still works.
> > >>> This is driving me nutsy. I have no idea if it is something related
> > >>> to mixing Prototype with Hobo, a newer version of Prototype, or
> > >>> that both ddmenu.js and Control.Srollbar are using onmouseover.
> > >>> The scrollbar is created when the DOM is loaded:
> > >>> document.observe('dom:loaded',function(){
> > >>> var scrollbar = new Control.ScrollBar
> > >>> ('scrollbar_content','scrollbar_track');
> > >>> });
> > >>> I have tried calling
> > >>> scrollbar.recalculateLayout();
> > >>> a variety of ways to update, but obviously not the right one.
> > >>> Any ideas appreciated, and especially if there is any possibility
> > >>> of this being related to Hobo. Nice to narrow down wrong areas
> > >>> of investigation.
> > >>> Cheers,
> > >>> Jet
> > >>> ...
> > >>> --
> > >>> You received this message because you are subscribed to the Google
> > >>> Groups "Hobo Users" group.
> > >>> To post to this group, send email to [email protected].
> > >>> To unsubscribe from this group, send email to
> > >>> [email protected].
> > >>> For more options, visit this group
> > >>> athttp://groups.google.com/group/hobousers?hl=.
>
> > > --
>
> > > You received this message because you are subscribed to the Google Groups
> > > "Hobo Users" group.
> > > To post to this group, send email to [email protected].
> > > To unsubscribe from this group, send email to
> > > [email protected].
> > > For more options, visit this group
> > > athttp://groups.google.com/group/hobousers?hl=.
>
>
--
You received this message because you are subscribed to the Google Groups "Hobo
Users" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/hobousers?hl=.
