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]. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
