[thelist] Need some JS help - unobtrusive popup - based on CLASS not id.

[ben morrison]

On 6/15/07, Jon Hughes <hughesj at firemtn.com> wrote:
> Here's what I have so far:
>
> function detpopup() {
> if (!document.getElementsByTagName || !document.getElementById) return
> false;
> if (!document.getElementById('content').className == 'detpopupcont')
> return false;
> var detpopup = document.getElementById('content').className =
> 'detpopupcont';
> detpopup.style.visibility='visible';
> }
>
>
> The HTML is like so:
>
> <div id="content">
> <div class="detpopupcont" style="visibility:hidden">This is hidden with
> no javascript</div>
> <div class="detpopupcont" style="visibility:hidden">This is hidden with
> no javascript</div>
> <div class="detpopupcont" style="visibility:hidden">This is hidden with
> no javascript</div>
> </div>
>
> When the page loads, I want all of those to become "visibility:visible"
> but this is my first bit of JS, and I need help :-/

I'm not quite sure what you are trying to achieve as usually you would
hide/show the elements with javascript for accessibility reasons, but
anyway...

There are a lot of functions that have been written for the lack of
getElementsByClass, here's one:

http://www.dustindiaz.com/getelementsbyclass/

this will return an array, so now you can loop through that array

var popUps= getElementsByClass('detpopupcont');

for(i=0;i<popUps.length;i++) {


-- 
Ben Morrison
http://www.benjaminmorrison.com