Click here to Skip to main content
15,891,864 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi

I need advice on a control I want to implement in my page.

Please see the link

http://www.waterfordcity.ie/maps/maps.htm

Believe me it is not a spam or harmful link.

There is a tree under show map section at the left side. I want to exactly implement it in my page as it suits our need- clicking on each node opens it and clicking on each sub node shows associated image just beside the node and also does some operation in the map. When some other parent node is clicked and opened the previous parent node is closed

If you do not intend to visit the url then I try to explain here..

Control is as follows

parent1
parent2
parent3

after parent1 is clicked

parent1
<space>subnode1
<space>subnode2
parent2
parent3

when subnode1 is clicked
parent1
<space><img>subnode1
<space>subnode2
parent2
parent3

when subnode1 is clicked
parent1
<space>subnode1
<space><img>subnode2
parent2
parent3


When parent2 is clicked, parent2 is opened and parent1 is closed.
parent1
parent2
<space>subnode1
<space>subnode2
parent3



I am not sure how to build such a control.

Can anyone advice please?

Thanks

Vijay
Posted

This is a built-in control in .NET

http://msdn.microsoft.com/en-us/library/ecs0x9w5%28VS.80%29.aspx[^]

http://www.asp.net/cssadapters/menu.aspx[^]

You can find a lot of links on google.

Good luck.
 
Share this answer
 
If you right-click on the page and view the source, you will see exactly how it is done. The entire menu is a simple html structure of divs that are simply hidden or shown using onclick events.
Cheers
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900