thats perfect, thanks so much worked a treat! On Feb 18, 1:26 pm, Guillaume Lepicard <[email protected]> wrote: > hi, > what about: > $$(".ddBox").each(function(ddbox){ > ddbox.setStyle({height: ddbox.select("ol").invoke('getHeight').max() + > "px"); > > }); > On Thu, Feb 18, 2010 at 1:33 PM, huckocs <[email protected]> wrote: > > Thanks for the effort! > > > The code is a much nicer way of replicating what I've done, however > > i'm still left with the original issue. That being that the max_Height > > is set to the highest <ol> in ALL of of the div.ddbox rather than in > > each individual .ddBox > > > Any ideas? > > > Thanks for the help!! > > > On Feb 16, 3:38 am, greg <[email protected]> wrote: > > > This is my first attempt at answering a question here, so "use with > > > caution"... > > > > var max_Height = 0; > > > > $$('.ddBox').each(function(dd) { > > > max_Height = Math.max(max_Height, > > > dd.select('ol').invoke('getHeight').max()); > > > }); > > > > $$('.ddBox').invoke('setStyle', {height: (max_Height) + 'px'}); > > > > There's probably a shorter way, and hopefully someone will post it, > > > but this seems to work. > > > Although, when running it some Divs overlap, so I'm not sure if the > > > results are what you are looking for. > > > > On Feb 15, 8:43 am, huckocs <[email protected]> wrote: > > > > > Hi all, > > > > > getting stuck with scope, I'm a bit new to javascript so would > > > > appreciate the help! > > > > > I'm attempting to loop through each <div class="ddBox"> and get the > > > > highest <ol> in each <div class="ddBox">, then set the height of the > > > > <div class="ddBox"> to the highest <ol>. The problem is that its > > > > looping through and getting the highest <ol> in the window.object and > > > > applying this to each div. I'm sure its something simple but I'm > > > > banging my head on the table here! > > > > > I've looked into binding but can't seem to get it right :( > > > > > <div class="ddBox"> > > > > <ol> > > > > <li> > > > > <a href="#"></a> > > > > </li> > > > > </ol> > > > > <ol> > > > > <li> > > > > <a href="#"></a> > > > > </li> > > > > </ol> > > > > <ol> > > > > <li> > > > > <a href="#"></a> > > > > </li> > > > > </ol> > > > > </div> > > > > <div class="ddBox"> > > > > <ol> > > > > <li> > > > > <a href="#"></a> > > > > </li> > > > > </ol> > > > > <ol> > > > > <li> > > > > <a href="#"></a> > > > > </li> > > > > </ol> > > > > <ol> > > > > <li> > > > > <a href="#"></a> > > > > </li> > > > > </ol> > > > > </div> > > > > <div class="ddBox"> > > > > <ol> > > > > <li> > > > > <a href="#"></a> > > > > </li> > > > > </ol> > > > > <ol> > > > > <li> > > > > <a href="#"></a> > > > > </li> > > > > </ol> > > > > <ol> > > > > <li> > > > > <a href="#"></a> > > > > </li> > > > > </ol> > > > > </div> > > > > > $$('.ddBox').each(function(dropdown){ > > > > var ddHeight = $$('ol', this); > > > > var ddBoxHeight = $$('.ddBox'); > > > > var max_height = ddHeight.invoke('getHeight').max(); > > > > ddBoxHeight.invoke('setStyle', {height: (max_height) + 'px'}); > > > > console.log(max_height); > > > > > },this); > > > > > Any help appreciated! > > > > Cheers > > > > > Huck > > > -- > > You received this message because you are subscribed to the Google Groups > > "Prototype & script.aculo.us" group. > > To post to this group, send email to > > [email protected]. > > To unsubscribe from this group, send email to > > [email protected]<prototype-scriptaculous%[email protected]> > > . > > For more options, visit this group at > >http://groups.google.com/group/prototype-scriptaculous?hl=en.
-- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" 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/prototype-scriptaculous?hl=en.
