how can I make a pull down menu that when the user picks one options it loads up another pulldown menu beside it.

I want to do something that:

Country --> State/Provience --> Then --> City




Does this make sense?
Does anyone know where I can easily rip the code.
This is easy coding but really tedious.


Thanks for any help

i think this can be done using a javascript that shows/hides a div which contains each pulldown menu...

    function Get_P(str)
    {
        if (document.all)
        {
            return document.all[str];
        }
        else
            return document.getElementById(str);
    }
    function HideAll()
    {
        if (document.all)
        {
        document.all['item_1'].style.visibility = 'hidden';
        document.all['item_1'].style.display = 'none';
        document.all['item_2'].style.visibility = 'hidden';
        document.all['item_2'].style.display = 'none';
        document.all['item_3'].style.visibility = 'hidden';
        document.all['item_3'].style.display = 'none';
        
        }
        else
        {
        document.getElementById('item_1').style.visibility = 'hidden';
        document.getElementById('item_1').style.display='none';
        document.getElementById('item_2').style.visibility ='hidden';
        document.getElementById('item_2').style.display='none';
        document.getElementById('item_3').style.visibility = 'hidden';
        document.getElementById('item_3').style.display='none';
    
        }
    }

    function show(Element) 
    {    
        if (Element.substring(0,4)=='item')
        
        {
//            alert(Element);
        var obj = Get_P(Element);
        if (obj.style.visibility == 'visible')
        {
            obj.style.visibility = 'hidden';
            obj.style.display = 'none';
            //HideAll();    
        }
        else
        {
            HideAll();
            obj.style.visibility = 'visible';
            obj.style.display ='block';
        }
        }
    }

this is the code i`ve made for a menu on a web site,its not exactly what you need.
It needs some slight modifications and i think it will suit your needs.
item_1,item_2,item_3 would be the name of the divs that contains the pull down menus and you wiill need to add an

<a href="" onClick="show('item_1')"></a>

to the items in the pulldown menu,and when its clicked it will show the menu.
well...i hope this will help you a little bit..

Or you can build a navigation bar using Dreamweaver that will do exactly want you want.

Hi,
I am working on a website right now and using the exact method for a navigation bar that you're looking for. It's done completely with CSS and it's not too complicating to do once you get into it. I used the model from this website that explains everything. It's a very good source to have. You can create both vertical and horizontal menu's. The good thing is you don't need javascript, just plain ole' HTML and CSS.

Check it out here.

You can check out my site at JazzyWalls here where I used it, although at the moment I don't have it going as deep as you want it to go, I'm still working on those pages. But you'll get the idea of how it looks, etc. It works in all the browsers, too, although Firefox makes it appear a bit smaller, but it works.

Just my 2 cents,
DianeD

I`d rather use flash, , create some mc and some buttons ... but this code is indeed useful!

Good luck

Originally Posted by DianeD

Hi,
I am working on a website right now and using the exact method for a navigation bar that you're looking for. It's done completely with CSS and it's not too complicating to do once you get into it. I used the model from this website that explains everything. It's a very good source to have. You can create both vertical and horizontal menu's. The good thing is you don't need javascript, just plain ole' HTML and CSS.

Check it out here.

You can check out my site at JazzyWalls here where I used it, although at the moment I don't have it going as deep as you want it to go, I'm still working on those pages. But you'll get the idea of how it looks, etc. It works in all the browsers, too, although Firefox makes it appear a bit smaller, but it works.

Just my 2 cents,
DianeD

I don't think this is what he's after. He want the user to select the country then the next drop down will populate with the states (or provinces). When the state (or province) is selected, the next drop down is populates with according cities and so on...

karinne - your absolutely right.
Thats exactly what I want to do. Thanks for the help with the wording

Keith