Forums » Customize

3 Level Dropdown

mattoman
AUSTRALIA
2010-07-28 02:31:41
Permalink Post
 

Im wondering is this possible?

Also is it possible to have external links from within a dropdown?

http://www.kareemrizk.com/dev/

Cheers.

lemathieu A
FRANCE
2010-07-28 07:16:20
Permalink Post
 

Hello,
You can't do that without serious coding skills.
Sorry.

mattoman
AUSTRALIA
2010-07-28 08:19:31
Permalink Post
 

Thats cool,

Just wondering if anyone had seen it done before thats all.

Cheers.

Vaska A
UNITED STATES
2010-07-28 09:36:19
Permalink Post
 

Yes, people have done it...but it's not an off the shelf kind of thing.

mattoman
AUSTRALIA
2010-07-28 12:58:05
Permalink Post
 

Do you have any links where i could see examples?

I have a general knowledge of Jquery but implementing it with the way indexhibit works can cause some slight problems

mattoman
AUSTRALIA
2010-07-28 13:08:22
Permalink Post
 

I actually just figured it out!
It may be a little scrappy but its working and on IE6 also...

http://www.dev.kareemrizk.com/

Vaska A
UNITED STATES
2010-07-28 13:13:36
Permalink Post
 

How did you do this? I think people will go crazy if it's a workable solution that can fit most situations...

mattoman
AUSTRALIA
2010-07-28 14:07:46
Permalink Post
 

I just played and moved around things in the index.php of my temp. Its still pretty rough as you can see when you click the exhibit the menu does not stay open becuase its referring right back to the start of the 'UL'.. So ill need to fix this, might have a crack tomorrow.

Vaska A
UNITED STATES
2010-07-28 14:10:04
Permalink Post
 

It's purely done with javascript?

lemathieu A
FRANCE
2010-07-28 15:22:53
Permalink Post
 

wao…
it works for real ?

Vaska A
UNITED STATES
2010-07-28 16:19:30
Permalink Post
 

I know. Why did nobody else think of this? Rather interesting...

;)

rickykappa A
ITALY
2010-07-28 16:32:39
Permalink Post
 

I guess no javascript, at the first sight appearently mattoman played tweaking the css rules: he inserted a new class < li> and subsequently a 2nd level < ul> which somehow escape the specific menu li rules still working the expanding menu!
btw it seems to me that the mentioned < li> tag is closed wrongly, before the nested < ul>.
still it works! amazing!

restre
COLOMBIA
2010-07-28 16:33:54
Permalink Post
 

Ekxelent matt!

I hope that workin' just fine!

I was just looking for something like that.

I'm not a coder at all just a graphic designer trying lear some code... and just got into the indexhibit.

I hope you can post a tutorial on how to pull of that 3 Level Dropdown! ;)

Gratz!

Vaska A
UNITED STATES
2010-07-28 16:34:54
Permalink Post
 

Hopefully he comes back. I'm super curious about this...and I can kick down a little time to help out on this one. Then, we could do a tutorial...

mattoman
AUSTRALIA
2010-07-28 22:05:24
Permalink Post
 

Cheers guys,

Yeh i pretty much left the java-script alone it will need some tweaking to get this perfect but.

I just structured the HTML on the index.php a little differently by nesting the '' inside a list item of an unordered list. 
Like i said its pretty rough so i would love to spend more time to make it efficient and then i would defiantly write 
up a little tutorial on it!

Cheers.

mattoman
AUSTRALIA
2010-07-28 22:06:20
Permalink Post
 

Yeh i pretty much left the java-script alone it will need some tweaking to get this perfect but.

I just structured the HTML on the index.php a little differently by nesting the :

  1. <plug:front_index />

inside a list item of an unordered list. Like i said its pretty rough so i would love to spend more time to make it efficient and then i would defiantly write up a little tutorial on it!

Cheers.

Vaska A
UNITED STATES
2010-07-28 22:08:41
Permalink Post
 

Ok, that's what I was curious about because a pure js solution sounded too good to be true.

The thing about 3 levels...or even 2 levels (both of which I've done for people many times)...is that it won't necessarily work for all situations. So, I'm curious how this actually works...

mattoman
AUSTRALIA
2010-07-28 23:28:52
Permalink Post
 

Yeh i can understand that,

Ive spent a lot of time this morning trying to work out how to keep 3rd level open when the exhibit is selected.. (The active) I'm stuck though, do you think you might no why the list is closing when i select the exhibit?

Cheers.

Vaska A
UNITED STATES
2010-07-28 23:30:35
Permalink Post
 

What I do is run a check...if the active (clicked/open) node is clicked again it will do nothing (not close or reopen the same node) otherwise it will do the normal operations.

mattoman
AUSTRALIA
2010-07-29 03:25:09
Permalink Post
 

Im still stuck on the active.. I might just give up on this one, im happy to help anyone get to the same point im at..

lemathieu A
FRANCE
2010-07-29 08:15:00
Permalink Post
 

Tut! Tut! Tut!
Tutorial!
;)

Showing 1 - 21 of 21 posts in Forum > Customize > 3 Level Dropdown
 

You need to be logged in to post.