NotesForMenu

<< Convert a dotx to docx using OpenXml 2.0 | Insert a CustomValidator in a SharePoint Form (New/Edit) >>

Jun 09

NotesForMenu

NotesForMenu is a very simple JQuery plugin to create a multi-level menu with only one line of code. You can also very easily customize it. Do not hesitate to have a look at the code. Any suggestions/remarks/improvements are welcome.

View demo: http://notesfor.net/page/Demo-NotesForMenu.aspx

Download source and exemple:

NotesForMenu.zip

Simple Demo:

MenuTree demo 1

default behaviour

Animals
- dog
- cat
- duck
Cars
- VW
  - Golf
    - GTI
    - Berline
    - Break
  - Polo
  - Lupo
- Peugeot
  - 207
  - 308
  - 407
- Renault clio
Contact

MenuTree demo 2

expandSpeed: 1000
collapseSpeed: 1000
expandEasing: 'easeOutBounce'
collapseEasing: 'easeOutBounce'
multiOpenedSubMenu: true

Animals
- dog
- cat
- duck
Cars
- VW
  - Golf
    - GTI
    - Berline
    - Break
  - Polo
  - Lupo
- Peugeot
  - 207
  - 308
  - 407
- Renault clio
Contact

MenuTree demo 3

expandedNode: '2.1'
callback: function(rel) {alert(rel)};

Animals
- dog
- cat
- duck
Cars
- VW
  - Golf
    - GTI
    - Berline
    - Break
  - Polo
  - Lupo
- Peugeot
  - 207
  - 308
  - 407
- Renault clio
Contact

Properties:

expandSpeed: 1000
collapseSpeed: 1000
expandEasing: 'easeOutBounce'
collapseEasing: 'easeOutBounce'
multiOpenedSubMenu: true

Demo NotesForMenu

[usercontrol:~/samples/jquery/notesformenu/NotesForMenu.ascx] How to use it? 1. Create your menu u...

Comments

Lån Online

Posted on Friday, 17 July 2009 23:41

Nice way of summing it up.. cheers

Hipolito

Posted on Thursday, 30 July 2009 00:57

Please, can you check the link download please?

Thanks!

Learn German

Posted on Monday, 17 August 2009 02:28

I didn't know that!

San Diego Foreclosure

Posted on Monday, 17 August 2009 02:28

You made me late for work reading this. Nice blog, just bookmarked it for later reference.

Medsol

Posted on Tuesday, 25 August 2009 17:51

I really like this script! Nice work. Right now, if javascript is turned off, the menu disappears. For accessibility, is there a way to cause the whole menu to expand if javascript is disabled?

Nasser

Posted on Thursday, 17 September 2009 13:32

Nice , tnx ,could you tell How I can save menu state ?

MikeOTW

Posted on Tuesday, 13 October 2009 18:55

Cool code. Thank you - easy to install and tweak. Nice and light.PS: website in this comment form is using the code and is very very beta. PPS: Do I credit you as "guimi" for the credits? If not, what please?

2 wheeler Tyres

Posted on Monday, 16 November 2009 04:39

This was very helpful to me. Thank you very much for the post.

Yachtcharter Griechenland

Posted on Wednesday, 18 November 2009 02:23

Thanks for a sharing this articles. That's very interesting.

Motorcycles Tyres

Posted on Thursday, 26 November 2009 08:36

Thanks for sharing this article.That's very helpful and interesting.

dayak

Posted on Wednesday, 23 December 2009 12:53

I really like this script! Nice work. Right now, if javascript is turned off, the menu disappears. For accessibility, is there a way to cause the whole menu to expand if javascript is disabled?

Chris Jasperse

Posted on Thursday, 24 December 2009 14:55

If I click on a sub link, I go to a new page (which is good), but the menu is closed when te new page is loaded.
Is there a way to have that menu styed open?

tutorial photoshop

Posted on Saturday, 26 December 2009 10:07

terimakasih

mma pound for pound fighters

Posted on Wednesday, 20 January 2010 10:59

Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative. I can't wait to read lots of your posts.

camera stores sydney

Posted on Thursday, 21 January 2010 06:45

Starting to understand a bit more now... Thanks for keeping it simple!

air bed

Posted on Saturday, 23 January 2010 12:11