SharePoint Blogs / SharePoint University
SharePoint Blogs and SharePoint University - all in one place!
Need SharePoint Training? Attend a SharePoint Bootcamp!

Please delete cookies related to sharepointblogs.com and sharepointu.com to resolve login issues!

MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)

In the last article we looked at hiding existing menu items and also adding new sub menu items. In this article we will look at adding our own custom menus and sub menu items within the same framework as before. We will use the same code as last time but build on it slightly. The objective now is to create a new menu at the same level as the “Send To” menu and then add some sub menu items. For this example the sub menu items will simply link to external website addresses. To start with let’s modify the code as shown below:

This code block will add the relevant menus we described above. When you now access the UI the menu items should be shown as below:

We could enhance this slightly further also by adding a simple hierarchy of menu items. In the real world you probably wouldn’t do this as it can be quite complex to use and administer. The code needs to be changed as below:

This will then render as below:

With a little extra JavaScript and a little creativity you can create very complex menu structures with different events that are fired based on the link clicked. The above examples are just some of the things you can do with it. Big Smile


Posted 05-30-2007 10:34 AM by helloitsliam

Comments

Lchungue wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 06-27-2007 2:45 PM

As "Jens" mentionned on the 3rd part, images don't seem to appear...

Thanks !

kane county teachers credit union aurora illinois wrote kane county teachers credit union aurora illinois
on 09-08-2007 6:22 AM

kane county teachers credit union aurora illinois

sugengnn wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 01-24-2008 9:14 PM

images don't seem to appear

ekin nakliyat wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 11-22-2008 3:25 PM

thanx

evden eve nakliyat wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 12-20-2008 11:12 AM

Thanks for all <a href="http://www.oral.com.tr" title="evden eve nakliyat">evden eve nakliyat</a>

<a href="http://www.evdeneve.gen.tr" title="evden eve nakliyat">evden eve nakliyat</a>

<a href="http://www.oralnakliyat.com" title="evden eve nakliyat">evden eve nakliyat</a> please go on

mut wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 12-20-2008 5:22 PM

thenku

mut wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 12-20-2008 5:23 PM

Thanks for all

<aref="http://www.kelebekbakliyat.com" title="evden eve nakliyat">evden eve nakliyat</a>

mut wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 12-20-2008 5:24 PM

Thanks for all

<a href="http://www.ak-kelebek.com" title="evden eve nakliyat">evden eve nakliyat</a>

mut wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 12-20-2008 5:25 PM

<a href="http://www.ak-kelebek.com" title="evden eve nakliyat,evden eve nakliye,nakliyat,nakliye" target="_blank">evden eve nakliyat</a> </div>

<a href="http://www.kelebeknakliyat.com" title="evden eve nakliyat,evden eve nakliye,nakliyat,nakliye" target="_blank">evden eve nakliyat</a> </div>

<a href="http://www.stilnakliyat.com" title="evden eve nakliyat,evden eve nakliye,nakliyat,nakliye" target="_blank">evden eve nakliyat</a> </div>

mut wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 12-20-2008 5:27 PM

<a href="http://www.ak-kelebek.com" title="evden eve nakliyat,evden eve nakliye,nakliyat,nakliye" target="_blank">evden eve nakliyat</a> </div>

<a href="http://www.kelebeknakliyat.com" title="evden eve nakliyat,evden eve nakliye,nakliyat,nakliye" target="_blank">evden eve nakliyat</a> </div>

<a href="http://www.stilnakliyat.com" title="evden eve nakliyat,evden eve nakliye,nakliyat,nakliye" target="_blank">evden eve nakliyat</a> </div>

mut wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 12-20-2008 5:28 PM
gebze evden eve nakliyat wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 12-20-2008 5:29 PM

Thanks for all

kurtuluş wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 01-07-2009 10:19 AM

thanks

ali wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 01-07-2009 10:20 AM

thanks

sex shop wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 02-20-2009 10:01 AM

sexshopum.com

penis büyütücü hap wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 02-20-2009 10:17 AM

penisbuyutuculeri.com

ZogpHkRGPYcmVaM wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 04-13-2009 5:23 PM

ChN5ho

evden eve nakliyat wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 04-14-2009 7:15 AM

Thanks for all

sex shop wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 04-15-2009 6:41 AM
sex shop wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 04-15-2009 6:42 AM

sexshop

*** toy wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 04-19-2009 8:07 PM

www.scada.org/.../pussy1***-toy.html <a href=www.scada.org/.../pussy1***-toy.html>*** toy</a>

anime direct downloads wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 05-04-2009 10:31 PM
anime extend jinki wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 05-07-2009 10:00 AM
saracoglu nakliyat wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 05-23-2009 3:54 AM

evden eve nakliyat nakliye taşımacılık

saracoglu nakliyat wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 05-23-2009 3:54 AM

nakliyat

rent a center miami wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 05-27-2009 3:48 AM
Graco SnugRide 32 Infant Car Seat - Montreal wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 06-14-2009 2:10 PM

astore.amazon.com/.../B001Q1CHV2 <a href=astore.amazon.com/.../B001Q1CHV2>Graco SnugRide 32 Infant Car Seat - Montreal</a>

contempo graco highchair wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 06-15-2009 8:21 PM
bissel wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 06-15-2009 9:17 PM
bissel wrote re: MOSS2007 – JavaScript Item Menus Part 2 (Real World Examples)
on 06-19-2009 10:27 AM

Add a Comment

(required)  
(optional)
(required)  
Remember Me?
Need SharePoint Training? Attend a SharePoint Bootcamp!
Posts (c) their respective authors. Everything else (c) 2009 SharePoint Experts, Inc.