Can anyone help? I'm really close to solving this, I just need someone with a better grasp of Javascript to prod me in the right direction...
On Nov 3, 9:51 am, Matt <[EMAIL PROTECTED]> wrote: > On Nov 1, 4:38 pm, Jarkko Laine <[EMAIL PROTECTED]> wrote: > > > > > 1) your alerting with a string "bar" there. > > 2) $$ returns an array of elements. If you want a single item, why not > > give the span a unique id and call it with $? If you need to use the > > double-dollar selector, you need to get the first element of the array > > to get the actual element: $$('#container_'+boxID+' span')[0]; One > > option that gives you the span element (with the html syntax you > > posted before) is this: $('container_' + boxID).down('span'). > > > > <a href="#" onclick="foo("24");">click here</a> > > > > // returns "$$('#container_24 span')"; > > > You mean the function above alerts that string? Frankly, I don't > > believe you :-) > > > The parameter that $ and $$ take is just a normal string. There's > > nothing magical about it. So if you can do "string" + someVar, and the > > result is a string, you can give it as a parameter to those functions. > > > //jarkko > > I tried out those methods (the [0] ending and the .down function), > neither worked. I'm still struggling to get my head around this - I > can only pass the ID of the element through a function, so it's always > going to be a variable, I can't know it in advance. Here's some actual > code (the above stuff was a simplified (and badly-written...) > function, not the actual one): > > //contained within my function: > > var spanName = "span_"+levelID; //levelID is passed in the function > var spanArray = document.getElementsByClassName(name); // gets all > the elements I want to test > var completeArray = spanArray.getElementsByClassName('complete'); // > should get all elements within the above array with a class of > 'complete' > > // if the number of spans is the same as the number of spans with > 'complete' class: > if(spanArray.size() == completeArray.size()) { > $('level2_click_1').removeClassName('incomplete'); > $('level2_click_1').addClassName('complete'); > $('level2_click_1').update("ON"); > } else { > $('level2_click_1').removeClassName('complete'); > $('level2_click_1').addClassName('incomplete'); > $('level2_click_1').update("OFF"); > } > > HTML: > > <span class="span_1 incomplete" id="level3_click_1"> > <a href="javascript://" onclick="changeState('level3', '1', > 'on')">OFF</a> > </span> > > <span class="span_2 incomplete" id="level3_click_2"> > <a href="javascript://" onclick="changeState('level3', '2', > 'on')">OFF</a> > </span> > > <span class="span_3 incomplete" id="level3_click_3"> > <a href="javascript://" onclick="changeState('level3', '3', > 'on')">OFF</a> > </span> > > #### > > Basically, when all three of those spans have class name > 'complete' (eg, are turned on) I want a different span somewhere else > (the 'level2_click_1' span, which I will need to turn into a variable > rather than a hardcoded reference) needs to switch to 'complete' too. > > Does this make any more sense now? > > Matt --~--~---------~--~----~------------~-------~--~----~ 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 prototype-scriptaculous@googlegroups.com 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 -~----------~----~----~----~------~----~------~--~---