Go Back   CodingForums.com > :: Client side development > General web building > Site reviews

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rating: Thread Rating: 6 votes, 4.00 average.
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 07-21-2004, 03:45 AM   PM User | #1
Antoniohawk
Senior Coder

 
Join Date: Aug 2002
Location: Kansas City, Kansas
Posts: 1,518
Thanks: 0
Thanked 2 Times in 2 Posts
Antoniohawk will become famous soon enough
A New Generation of Tree Menu

I think that this is probably the only worthwhile project that I have ever worked on. Unlike a lot of heavily laden javascript tree menus, mine relies on a tiny bit of javascript (130 bytes, 390 bytes with image preloading). I could list a bunch of things about it, but I'll just let you guys take a look and play with the source code.

As far as comments go, I couldn't care less what you have to say about it, just say something. Well, if you start flaming me I will be forced to string you up by your toenails and inform George of your imminent banning, but other than that, please comment. For those who can see past the source code, this is a wishlist, so feel free to buy me as much as you would like.

At the moment, the urls of some of the places are really, really, really (repeated 500 times) long. I'm gonna have to jump over to [tinyurl] one of these days and take care of those. Amazon.com should be crucified for its lack of intelligible urls.

Anyway, here are the goods.
Tree Menu [http://null.ithium.net/andrew/NewGen...wishlist2.html]
CSS [http://null.ithium.net/andrew/NewGen.../wishlist2.css]
Javascript [http://null.ithium.net/andrew/NewGen...ee/linkMenu.js]

Tested in:
Windows
  • Firefox 0.9.2
  • Firefox 0.8
  • Internet Explorer 6.0*
  • Internet Explorer 5.5*
  • Netscape 7.1
  • Netscape 4*
Mac
  • Safari
  • Opera
  • OmniWeb
  • Mozilla
  • Chimera
  • Firefox

*Known Issues:
- The <del> tag doesn't work in Netscape 4.
- Weird extra spacing when a section of the tree is closed in Win IE.

Last edited by Antoniohawk; 07-22-2004 at 08:19 AM..
Antoniohawk is offline   Reply With Quote
Old 07-21-2004, 04:29 AM   PM User | #2
bradyj
Senior Coder

 
Join Date: Apr 2003
Location: San Francisco, CA
Posts: 2,469
Thanks: 0
Thanked 0 Times in 0 Posts
bradyj is an unknown quantity at this point
Holy @#$, that's cool I like it!! You did a great job!! I have no idea how it works, but I think it's cool -- very small loading, what browsers don't handle it? My Mac ones do, but their modern.

Great job
__________________
// Art is what you can get away with. <-- Andy Warhol
...:.:::: bradyjfrey.com : htmldog : ::::.:...
bradyj is offline   Reply With Quote
Old 07-21-2004, 04:36 AM   PM User | #3
Antoniohawk
Senior Coder

 
Join Date: Aug 2002
Location: Kansas City, Kansas
Posts: 1,518
Thanks: 0
Thanked 2 Times in 2 Posts
Antoniohawk will become famous soon enough
A hell of a lot of browsers should support it. I shortened the javascript by like half by removing some DOM and that probably added a bunch of browsers to the list. I've only checked it in Firefox and IE6 on Windows, so who knows. Thanks for the comments Brady, I'm glad that we both like it.
Antoniohawk is offline   Reply With Quote
Old 07-21-2004, 05:08 AM   PM User | #4
Raraken
Regular Coder

 
Join Date: Jan 2004
Posts: 107
Thanks: 0
Thanked 0 Times in 0 Posts
Raraken is an unknown quantity at this point
I've seen them before on a couple websites, but this version seems much more efficent.
Raraken is offline   Reply With Quote
Old 07-21-2004, 05:36 AM   PM User | #5
Antoniohawk
Senior Coder

 
Join Date: Aug 2002
Location: Kansas City, Kansas
Posts: 1,518
Thanks: 0
Thanked 2 Times in 2 Posts
Antoniohawk will become famous soon enough
Thanks. I had seen a lot of other menus like this that had a lot of extra markup, plus they used <div>s instead of lists which is a big no-no.

Edit: I take back what I said about IE6. It's not showing up at all. As for IE 5.5, it has some padding-left/margin-left issues. It looks like I have some more work ahead of me.

Last edited by Antoniohawk; 07-21-2004 at 05:55 AM..
Antoniohawk is offline   Reply With Quote
Old 07-21-2004, 05:55 AM   PM User | #6
WA
Administrator


 
Join Date: Mar 2002
Posts: 2,596
Thanks: 2
Thanked 19 Times in 18 Posts
WA will become famous soon enough
Have you tried the script in IE6 Win XP? For me the page appears blank. However, Firefox works just fine, and very nice indeed!
__________________
- George
- JavaScript Kit- JavaScript tutorials and 400+ scripts!
- JavaScript Reference- JavaScript reference you can relate to.
WA is offline   Reply With Quote
Old 07-21-2004, 06:08 AM   PM User | #7
Antoniohawk
Senior Coder

 
Join Date: Aug 2002
Location: Kansas City, Kansas
Posts: 1,518
Thanks: 0
Thanked 2 Times in 2 Posts
Antoniohawk will become famous soon enough
I guess that withholding the javascript's ending tag just didn't sit too well. We now have liftoff in Firefox, IE6, and IE5.5. Now to figure out why IE is packing on the weight on the left.
Antoniohawk is offline   Reply With Quote
Old 07-21-2004, 06:23 AM   PM User | #8
WA
Administrator


 
Join Date: Mar 2002
Posts: 2,596
Thanks: 2
Thanked 19 Times in 18 Posts
WA will become famous soon enough
That's strange. http://null.ithium.net/andrew/NewGen...wishlist2.html still returns a blank page for me in IE6 Win XP...
__________________
- George
- JavaScript Kit- JavaScript tutorials and 400+ scripts!
- JavaScript Reference- JavaScript reference you can relate to.
WA is offline   Reply With Quote
Old 07-21-2004, 06:39 AM   PM User | #9
Antoniohawk
Senior Coder

 
Join Date: Aug 2002
Location: Kansas City, Kansas
Posts: 1,518
Thanks: 0
Thanked 2 Times in 2 Posts
Antoniohawk will become famous soon enough
Sorry about that George, I guess that I didn't upload the new version. It should work now, with the exception that there are definite padding/margin issues still. If anyone knows what's causing that, please tell me.

Edit: We are up and running ladies and gentlemen. It seems that IE likes to tack on a huge left margin to <ul> elements, so setting it to zero did the trick.

Last edited by Antoniohawk; 01-12-2005 at 09:50 PM..
Antoniohawk is offline   Reply With Quote
Old 07-21-2004, 12:20 PM   PM User | #10
llizard
Regular Coder

 
Join Date: Apr 2004
Location: Canada
Posts: 302
Thanks: 2
Thanked 0 Times in 0 Posts
llizard is an unknown quantity at this point
Quote:
Originally Posted by Antoniohawk
A hell of a lot of browsers should support it. I shortened the javascript by like half by removing some DOM and that probably added a bunch of browsers to the list. I've only checked it in Firefox and IE6 on Windows, so who knows. Thanks for the comments Brady, I'm glad that we both like it.
Me three. Wow. That is impressive.

Running Win2K at 800x600 screen resolution, I looked in Firefox0.8, IE6, Opera7, NS7.1, and NS4 (CSS enabled AND disabled). Have I already said that the page is impressive?

The only thing that doesn't work is the <del> in NS4 - because, of course, the [del]bozos[/del] people who deprecate tag names decided for some strange reason that they didn't like <strike> or <s> anymore. But it isn't a big deal to have the strikeouts missing on the ancient browser. If you really care about the ancient browsers, you could use a CSS hack and put a small note beside any of the titles that have been struck through that would only be visible in ancient browsers. (Heh heh, perhaps easier said than done - the note(s) would show up in any browser with CSS disabled)
llizard is offline   Reply With Quote
Old 07-21-2004, 02:00 PM   PM User | #11
ronaldb66
Senior Coder

 
Join Date: Jun 2002
Location: The Netherlands, Baarn, Ut.
Posts: 4,253
Thanks: 0
Thanked 0 Times in 0 Posts
ronaldb66 is an unknown quantity at this point
Excellent piece o' work

Those are some very impressive menus, Sir!
Way to go, man: zippy, lightweight, standards compliant, and based around lists; what else could we wish (besides a total absence of JS... )?
__________________
Regards,
Ronald.
ronaldvanderwijden.com
ronaldb66 is offline   Reply With Quote
Old 07-21-2004, 09:15 PM   PM User | #12
Antoniohawk
Senior Coder

 
Join Date: Aug 2002
Location: Kansas City, Kansas
Posts: 1,518
Thanks: 0
Thanked 2 Times in 2 Posts
Antoniohawk will become famous soon enough
Thanks for the comments everyone. llizard, I added the browsers that you mentioned, but I still need someone with a Mac to check it out and tell me what works and doesn't. Hey Brady, if you get the chance, tell me what browsers it was working in for ya.
Antoniohawk is offline   Reply With Quote
Old 07-21-2004, 09:21 PM   PM User | #13
bradyj
Senior Coder

 
Join Date: Apr 2003
Location: San Francisco, CA
Posts: 2,469
Thanks: 0
Thanked 0 Times in 0 Posts
bradyj is an unknown quantity at this point
Works perfect in:
Safari, Opera, OmniWeb, Mozilla/Chimera/Firefox for Mac.

Mac IE only has the issue that it doesn't allow you to click on the + or - sign to minimize the tree, you have to click on the name. That doesn't seem major, though.
__________________
// Art is what you can get away with. <-- Andy Warhol
...:.:::: bradyjfrey.com : htmldog : ::::.:...
bradyj is offline   Reply With Quote
Old 07-21-2004, 09:55 PM   PM User | #14
Antoniohawk
Senior Coder

 
Join Date: Aug 2002
Location: Kansas City, Kansas
Posts: 1,518
Thanks: 0
Thanked 2 Times in 2 Posts
Antoniohawk will become famous soon enough
Thanks Brady. That's really weird that you can't click on the plus/minus signs. They are background images of the <a>, so they should work.
Antoniohawk is offline   Reply With Quote
Old 07-21-2004, 10:13 PM   PM User | #15
bradyj
Senior Coder

 
Join Date: Apr 2003
Location: San Francisco, CA
Posts: 2,469
Thanks: 0
Thanked 0 Times in 0 Posts
bradyj is an unknown quantity at this point
is the <a> a display: block property? IE mac gets weird with background image links.
__________________
// Art is what you can get away with. <-- Andy Warhol
...:.:::: bradyjfrey.com : htmldog : ::::.:...
bradyj is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 01:56 PM.


Advertisement
Log in to turn off these ads.