Mikael Söderström

I have just uploaded a new release of jQuery Ribbon on CodePlex.

New features

Minimize (double click on “Home” or “View” to test)

Normal

Minimized

Link to tab

If you go to index.html#home or index.html#view the right tab will be opened automatically.

Fixed position (the ribbon is always on the top of the page)

Demo: http://vinkr.net/ribbon

Source code: http://jqueryribbon.codeplex.com

I have added support for access keys on the jQuery Ribbon.

To show the info about the access keys, hold the alt button.

To use with Internet Explorer

Hold the alt button and click on example the button with 3 on the keyboard. Then release the buttons and click enter to switch to that tab.

To use with Firefox

Hold the alt + shift buttons and click on example 3 on the keyboard to switch to that tab.

Hint: To toggle the menu, use the “1” access key to open it, and the same to close it.

The latest release is published on CodePlex.

I have just created a CodePlex site for jQuery Ribbon with screenshots and the source.

You can find it here:

I have just added support for themes on the jQuery Ribbon since not everyone liked the one I used before. I have added a very simple grey theme, which you can use to create your custom one. You can switch themes in the ribbon without reloading the page.

Please let me know if you have created one!

Demo and link to download:

http://vinkr.net/ribbon

Lists:

Groups:

Form elements:

Dropdown menus:

You can see a demo here:

http://vinkr.net/ribbon

And download the source here:

http://cid-4aa13e17331c7398.skydrive.live.com/browse.aspx/Public/Javascript

I have just updated the “orb menu” in jQuery Ribbon. It now supports submenus (nested ul list in the HTML).

Screenshot:

Demo:

http://vinkr.net/ribbon

Source code:

http://cid-4aa13e17331c7398.skydrive.live.com/self.aspx/Public/Javascript/Ribbon%203.zip

I have just created a simple ribbon built on jQuery. It´s not finished yet, but please leave a comment. :-)

If you use Internet Explorer, make sure you use IE 8, and not IE 7 or (god bless you) IE 6!

You can view a sample here:

http://dev.mikaelsoderstrom.se/scripts/jquery/ribbon/

And download the source here:

http://cid-4aa13e17331c7398.skydrive.live.com/self.aspx/Public/Javascript/Ribbon.zip