Log in

View Full Version : text-only tree style vertical menu


tehOPEologist
03-03-2009, 01:02 AM
I want to make a vertical menu on a site i'm making that has one link like this:

+start

once that's clicked, more text/links appear below it like this:

-start
-images
-vids
-etc

and people can click on each sub-link to navigate to other places on the site.

i'm sure this is simple as hell to make (or at least i would think it is) but i'm not the best at coding anything other than basic html.

any and all help will be GREATLY appreciated!! thanks again<33
Nile
03-03-2009, 01:07 AM
Like one of these?
http://www.dynamicdrive.com/dynamicindex1/treeview/index.htm
http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm
http://www.dynamicdrive.com/dynamicindex17/switchcontent2.htm
http://www.dynamicdrive.com/dynamicindex1/navigate1.htm
http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm
tehOPEologist
03-03-2009, 01:09 AM
yes, like the 3rd demo on that page. could you help me to put that in my website? i'm not sure how to embed it into my html doc...
Nile
03-03-2009, 01:12 AM
On that page, scroll down to "Setting Up a Tree View on your page."

If that doesn't help, then I'll help you. :D
tehOPEologist
03-03-2009, 01:16 AM
k, i'm sure that tells me how to do it, but starting from the first instruction, i don't even know where to place that code in my html doc! lol :( i'm sorry i'm not pwn @ coding just yet, i'm just trying to build this site for myself, and i really thought this tree menu would be a really nice touch to my design idea. if you could assist me, i'd really appreciate it. if you have aim we can IM through it or something, lol, whatever suits you best
Nile
03-03-2009, 01:19 AM
I do have an IM. Once you get more posts PM will be available for you, and we can discuss it there. But until you get 2 more posts, we cant...

Anyways. Download the "jquery.treeview.zip" on that page. See if you can get it to display the menu's correctly:


<li class="closed">
<a href="#">Start</a>
<ul>
<ll>Images</li>
<ll>Vdeos</li>
<ll>Etc</li>
</ul>
</li>
tehOPEologist
03-03-2009, 01:23 AM
um, so i put that folder in the root folder of the website, and i pasted that code you typed in the body of my site, but it just has a link to Start and it does nothing.....

shouldn't there be something that replaces the # in the a href line?
tehOPEologist
03-03-2009, 01:24 AM
btw: this is post #5, yay! lol
bluewalrus
03-03-2009, 01:48 AM
I think that was a typo by nile and should be


<li class="closed">
<a href="#">Start</a>
<ul>
<li>Images</li>
<li>Vdeos</li>
<li>Etc</li>
</ul>
</li>
tehOPEologist
03-03-2009, 01:52 AM
lol, i don't see a difference in code walrus
Nile
03-03-2009, 01:59 AM
No.. I spelled videos wrong. ;)

There shouldn't be anything replacing the #, its javascript. :D
bluewalrus
03-03-2009, 02:31 AM
<ll> and <li> see the difference? first has 2 l's (which i've never heard of). The second is li standing for list item of the ul (unordered list).
Nile
03-03-2009, 02:40 AM
Yes, correct. I pulled the code from the example, which uses ll instead of li.
tehOPEologist
03-03-2009, 02:57 AM
lol, none of what ya'll are saying is helping me to create this navmenu i want to make for my site.. nile can't help me tonight, but i really wana get this done tonight so i can finish my website by tomorrow! if ANYONE knows how to code this if they could please IM me on AIM @ tehOPEologist i would love you foreverandeverandever. thanks so much !